如何启用在jqgrid高级搜索窗口中输入

时间:2012-03-11 14:28:33

标签: jqgrid free-jqgrid

按jqgrid工具栏中的搜索按钮可打开高级搜索窗口。 按enter键不会开始搜索。要开始搜索,需要单击搜索按钮。

如何按住回车键开始搜索,就像点击搜索按钮一样?

1 个答案:

答案 0 :(得分:6)

要在输入键上实现搜索,必须对任何输入字段实现对keydown事件的绑定,并强制搜索 Enter 。如果你包含jQuery UI jquery-ui.min.js,那么你可以使用$.ui.keyCode.ENTER而不是13来提高代码的可读性。

代码可以像

$.extend($.jgrid.search, {
    // ... some other default which you use
    afterRedraw: function (p) {
        var $form = $(this), formId = this.id, // fbox_list
            bindKeydown = function () {
                $form.find("td.data>.input-elm").keydown(function (e) {
                    if (e.which === $.ui.keyCode.ENTER) {
                        $(e.target).change();
                        $("#" + $.jgrid.jqID(formId) + "_search").click();
                    }
                });
            },
            oldOnChange = p.onChange,
            myOnChange = function (param) {
                var $input = $form.find("td.data>.input-elm"), events;
                oldOnChange.call(this, param);
                if ($input.length > 0) {
                    events = $._data($input[0], "events");
                    if (events && !events.keydown) {
                        bindKeydown();
                    }
                }
            };
        p.onChange = myOnChange;
        bindKeydown.call(this);
    }
});

The demo现场演示代码。