2012-04-25 37 views
14

Có thể đặt ID cho các nút trong hộp thoại Giao diện người dùng jQuery, để tôi có thể tham khảo chúng sau này thông qua jQuery không? Ví dụ, kích hoạt các sự kiện, vô hiệu hóa vv?Đặt id nút giao diện người dùng jQuery UI?

... in the dialog setup ... 
buttons: {    
    "Sök": function() { 
     var bValid = true; 
    }, 
    "OK": function() { 
     if (OK()) { 
      getStuffNoteringar($("#txtStuffId").val()); 
      $(this).dialog("close"); 
     } 
    } 

.... later on in some javascript code.... 

$('#OK').click(); 

Trả lời

34
$("#myDialog").dialog({ 
    buttons : { 
    "MyButton" : { 
     text: "OK", 
     id: "okbtnid", 
     click: function(){ 
      var bValid = true; 
     } 
     } 
    } 
}); 
+1

đẹp không biết rằng sẽ làm việc như không có tài liệu nhưng nó làm. – GillesC

+2

[tài liệu] (http://jqueryui.com/demos/dialog/#option-buttons) không nói về id nhưng nó có văn bản và bấm :) – mprabhat

+0

Vâng nhưng cả hai đều không thuộc tính như vậy vì vậy tôi nghĩ rằng thiết lập các thuộc tính sẽ không hoạt động. Rất vui khi biết về tính năng này. Những người mất tích từ các tài liệu luôn là những người tốt nhất để biết :) – GillesC

0

Không thông qua việc theo cách bạn muốn như API không cung cấp các lựa chọn tuy nhiên nếu bạn nhìn vào đánh dấu tạo ra bởi các hộp thoại bạn sẽ có thể lấy bất cứ yếu tố mà bạn cần và ràng buộc chúng như bạn muốn hoặc thêm id vào chúng. Dưới đây là đánh dấu như được tìm thấy trong những trang tài liệu (http://jqueryui.com/demos/dialog/)

<div class="ui-dialog ui-widget ui-widget-content ui-corner-all ui-draggable ui-resizable"> 
    <div class="ui-dialog-titlebar ui-widget-header ui-corner-all ui-helper-clearfix"> 
     <span id="ui-dialog-title-dialog" class="ui-dialog-title">Dialog title</span> 
     <a class="ui-dialog-titlebar-close ui-corner-all" href="#"><span class="ui-icon ui-icon-closethick">close</span></a> 
    </div> 
    <div style="height: 200px; min-height: 109px; width: auto;" class="ui-dialog-content ui-widget-content" id="dialog"> 
     <p>Dialog content goes here.</p> 
    </div> 
</div> 

Nếu nó nút bên trong nội dung của các phương thức sau đó bạn có thể làm các truy vấn CSS trong các yếu tố modal bối cảnh và tiếp cận với họ theo cách đó.

Các vấn đề liên quan