Question

这是我面临的一个奇怪的问题。我想将jqueryui自动完成附加到jqgrid中的搜索字段。

我有这个专栏：

{
    name: 'client',
    index: 'client_name',
    width: 40,
    sortable: true,
    searchoptions: {
        dataInit: function (elem) {
            $(elem).autocomplete({
                source: "{{ URL::action('ClientsController@ajax') }}",
                minLength: 2,
                select: function( event, ui ) {
                    $(elem).val(ui.item.label);
                }
            });
        }
    }
}

一切正常，它会在字段中添加值，但是当我按下“查找”按钮时，实际字段值为空。如果我没有从自动完成中选择任何内容，我只需输入它，它就可以了。如果我将一个日期选择器附加到一个字段，它在选择后工作正常。它不想使用自动完成功能。

之前有没有其他人有这个问题？有什么提示吗？

我正在使用jqgrid 4.5.4和jqueryui 1.10.3。

Answer 1

对于其他感兴趣的人，我找到了解决方法。约占99％的案例。

只需在自动填充的select事件中添加$(elem).trigger('change');;

所以完整的脚本将是

{
name: 'client',
index: 'client_name',
width: 40,
sortable: true,
searchoptions: {
    dataInit: function (elem) {
        $(elem).autocomplete({
            source: "{{ URL::action('ClientsController@ajax') }}",
            minLength: 2,
            select: function( event, ui ) {
                $(elem).trigger('change');
            }
        });
    }
}

}

Jqery UI自动完成jqGrid搜索不发送数据

1 个答案: