Hộp thoại giao diện người dùng jQuery - không thể xóa các nút

Question

Làm cách nào để xóa các nút trong hộp thoại jquery? Ví dụ, tôi đã thử gọi lại .dialog với các tùy chọn mới chính xác, nhưng hộp thoại có vẻ không bị ảnh hưởng.

$ ('. Selector'). Dialog ('option', 'buttons', {}); không hoạt động, và cũng không hoạt động nếu các chuỗi và các hàm nút thực tế mới được khai báo.

Suy nghĩ?

Answer 1

Không thể thêm/đặt các nút trong khi hộp thoại đang tải.

Answer 2

Bạn cần destroy mục hiện tại trước tiên. Sau đó, bạn có thể tạo một cái mới với các tùy chọn mới mà bạn muốn.

EDIT (để trả lời nhận xét): Tôi không biết phải nói gì với bạn. Tôi đã làm như sau trên trang web của tôi và WFM.

$('.selector').dialog('destroy'); 
$('.selector').dialog({ buttons: { "Ok": function() { $(this).dialog("close"); } } }); 
$('.selector').dialog('open'); 

Bạn cần quay lại trạng thái trước khi bắt đầu để thay đổi các nút, đó là những gì destroy thực hiện. Có lẽ tôi không đủ rõ ràng về các bước.

Answer 3

Bạn đang chuyển các nút mới được đặt sai hướng. Các tùy chọn nên được chuyển như một đối tượng.

này sẽ làm việc:

var options = { 
    buttons: {} 
}; 
$(selector).dialog('option', options); 

Không cần phải phá hủy và tạo ra hộp thoại mới.

Tất nhiên bạn cũng có thể thay thế các nút đối tượng với một bộ mới của nút nếu bạn muốn:

var options = { 
    buttons: { 
     NewButton: function() { 
      $(this).dialog('close'); 
      // add code here 
     } 
    } 
}; 
$(selector).dialog('option', options); 

Answer 4

Các cuộc thảo luận ở đây là tốt hơn: http://www.nabble.com/jQuery-dialog-add-remove-button-on-the-fly-td22036498s27240.html

Thêm vào các phần mở rộng quy định và bạn chỉ có thể sử dụng addbutton và removebutton (nên chuyển sang trường hợp lạc đà một cách tự nhiên :)

Answer 5

Một cách khác, có lẽ cách đơn giản và linh hoạt nhất để thực hiện việc này là thông qua CSS. (nếu bạn cuối cùng sẽ cần chúng trong tương lai ...).

Hình như:

.ui-dialog-titlebar-close{display:none} 

Nếu bạn muốn làm điều đó chỉ cho một số hộp thoại, bạn có thể thêm dialogClass: tùy chọn khi khởi tạo hộp thoại, và css của bạn sẽ trông giống như (ví dụ bạn đã thêm myDialogClass như dialogClass , vì vậy toàn bộ thùng chứa thoại sẽ có thể truy cập thông qua lớp này:

.myDialog .ui-dialog-titlebar-close{display:none} 

Chúc may mắn trong tùy

Answer 6

FWIW,

$(".dialog").dialog("option", "buttons", null);