jquery - JqG​​rid、DatePicker选择时工具栏中无值

Question

我正在尝试在 JQGrid 工具栏上添加日期选择器过滤器。当我单击日期过滤器时，日期选择器显示没有问题，但是当我选择日期时，没有任何反应。我选择的日期没有出现在工具栏过滤器中，当然也没有启动搜索。 我错过了什么？ 这是我的代码:

colModel: [                     
    { name: 'Period', index: 'Period', align: 'left', formatter: 'date',
        search: true,
        searchoptions: {
        dataInit: function (el) {
            $(el).datepicker({
                changeYear: true,
                changeMonth: true,
                showButtonPanel: true,
                dateFormat: 'dd-mm-yy',
                onSelect: function(dateText, inst) {
                    $("#grid_id")[0].triggerToolbar();
                }
            });
        }
    }}
]

预先感谢您的帮助!

Answer 1

搜索工具栏的问题在于 onSelect 中的代码回调可能执行得太早。因此，您应该在另一个线程中启动代码并允许当前工作完成直到结束:

colModel: [                     
    { name: 'Period', index: 'Period', align: 'left', formatter: 'date',
        search: true,
        searchoptions: {
        dataInit: function (el) {
            $(el).datepicker({
                changeYear: true,
                changeMonth: true,
                showButtonPanel: true,
                dateFormat: 'dd-mm-yy',
                onSelect: function () {
                    if (this.id.substr(0, 3) === "gs_") {
                        // call triggerToolbar only in case of searching toolbar
                        setTimeout(function () {
                            $("#grid_id")[0].triggerToolbar();
                        }, 100);
                    }
                }
            });
        }
    }}
]

id 的测试当前<input>我插入的字段是为了确保我们不会尝试使用 triggerToolbar在搜索对话框中。我的意思是，可以将搜索工具栏与 advanced searching 结合起来进行简单搜索。用于更复杂的搜索请求。