JQGrid:在筛选器工具栏中进行剪切和粘贴不会触发筛选

Question

我有与JQGrid论坛上报道的完全相同的经历。

如果我通过鼠标将一些文本复制并粘贴到搜索字段中（即右键单击，"粘贴"），则不会触发搜索。如果我通过键盘复制和粘贴（例如 Ctrl + C 和 Ctrl + V），则会触发搜索。

即似乎仅在按键/键上触发搜索 - 如何配置网格以识别鼠标粘贴事件？

Answer 1

您有两种选择可以尝试。

选项 1：

您可以将工具栏设置为仅在输入时搜索，方法是在设置工具栏时将选项：searchOnEnter 设置为 true。这将要求在过滤器发生之前单击Enter，无论它是如何输入

的

$("#grid_id").jqGrid('filterToolbar',{ searchOnEnter: true });

选项 2：（已更新以修复错误）

使用 jQuery 检测粘贴事件，然后调用 api 触发工具栏搜索。

var headers = $('.ui-th-column');
$.each(headers, function(index, item) {
     var div = $(this).children('div');
     if (div.length > 0) {
         var input = div.children('input');
         if (input.length > 0) {
             $(input).bind('paste', function(e) {
                  var sgrid = $("#grid_id")[0];
                  sgrid.triggerToolbar();
              });
         }
     }
});

注意：似乎没有办法使用新的 API 触发搜索。

Answer 2

我想

我已经破解了它。您可以在 searchOptions 的 "dataEvents" 数组中添加一个 "paste" 事件：

var colModel = [...,
    searchoptions: {
        dataEvents: [
                       { type: 'paste',  
                         fn: function(e) { 
                           setTimeout(function() {
                             var sgrid = $("#grid_id")[0]; 
                             sgrid.triggerToolbar();
                           }, 1);   
                         }  
                       }
                    ]}
];

请注意 setTimeout 调用 - 我发现有必要添加，否则在没有粘贴值的情况下触发搜索

该解决方案或多或少实现了与@fbfcn提出的选项 2 相同的目标，但我更喜欢它，因为它与 API 的联系更干净。

感谢评论！