jquery - jqGrid:searchoptions 中的dataUrl 不适用于jqGrid4.4.5

Question

我对 jqgrid 中的 searchoptions 属性有点困惑。当我点击网格中的搜索图标并使用“下拉菜单”遍历字段时，我在 Firefox 和 IE8 中看到以下错误

FF : TypeError: g is undefined in jquery.jqGrid.min.js (line 239)

IE:消息:“postData”为空或不是对象行:238

下面是代码片段，

  {name:'City', index:'City', width:80, align:'right', 
   editable: true,search:true,edittype: 'select',stype:'select',
   searchoptions: {
     ajaxSelectOptions: {type: "GET",datatype:"text"},
     dataUrl:  '/TESTAPP/Test',          
     dataEvents: [
             {  type: 'change',
                fn: function(e) {
                  alert(this.value)
              }
             } 
          ]}

我什至没有看到请求到达服务器，这很奇怪。

P.S:同样适用于editoptions

版本:

jqGrid:4.4.5

jquery:1.9.1

感谢您的帮助!

Answer 1

ajaxSelectOptions 应包含用于单个搜索和高级搜索的 jqGrid，以便为 colModel 中的任何列启用“选择”选项。

 var grid = $("#list");
 grid.jqGrid({
     ajaxSelectOptions: {type: "GET"},
     colModel: [ 
            {name:'City', index:'City', width:80, align:'right', 
             editable:  true,
             search:true, 
             edittype: 'select',
             stype:'select',
             searchoptions: {
                 dataUrl: '/TESTAPP/Test',
                 buildSelect: function(resp) {
                     var sel= '<select>';
                     var obj = $.parseJSON(resp);
                     $.each(obj, function() {
                         sel += '<option value="'+this['value']+ '">'+this['label'] + "</option>"; // label and value are returned from Java layer
                     });
                     sel += '</select>';
                     return sel;
                 },          
                 dataEvents: [{  
                     type: 'change',
                     fn: function(e) {
                         alert(this.value)
                     }
                 }]
             }
      }]
 });