Selectmenu Jquery UI 页面加载时更改事件

Question

我目前正在我的应用程序中使用 JQuery UI SelectMenu Widget。 selectMenu 中的选项在运行时根据 sql tables.

中的某些值填充

根据在 selectedMenu 中选择的选项，需要在特定列上过滤数据table。

.js 片段

$(document).ready(function() {
    var table = $('.tableContent').DataTable({
        "columnDefs" : [ {
            "className" : "dt-center",
            "targets" : "_all"
        } ]
    });

    $("#osFamilySelect1").selectmenu({
        change : function(event, ui) {
            dropdownSelect = ui.item.value;
            table.column(9).search(dropdownSelect, false, true, true).draw();
        }
    });
});

上面的方法在选择某些东西时有效，但在首次加载页面时不起作用，即首次加载页面时 table 未被过滤。

如何实现相同的。

Answer 1

使用以下方法解决了问题：

$(function() { // Shorthand for $(document).ready(function() {
      var table = $('.tableContent').DataTable({...});
      $('#osFamilySelect1').selectmenu({...});
      table.column(9).search($('#osFamilySelect1').val(), false, true, true).draw();
});

Selectmenu Jquery UI 页面加载时更改事件

Selectmenu Jquery UI change event on pageload

jquery-ui

jquery-ui-selectmenu