jqGrid:searchoptions中的dataUrl不能与jqGrid4.4.5一起使用

Question

我有点困在jqgrid中的searchoptions属性.当我点击网格中的搜索图标并使用'下拉列表'遍历该字段时,我会在firefox和IE8中看到以下错误

FF:TypeError:g 在jquery.jqGrid.min.js中未定义(第239行)

IE:消息:'postData'为null或不是对象Line: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)
              }
             } 
          ]}

我甚至没有看到请求命中服务器,这是非常奇怪的.

PS:同样适用于editoptions

版:

jqGrid:4.4.5

jquery:1.9.1

谢谢你的帮助!

Answer 1

ajaxSelectOptions应该包含jqGrid用于单个serach和高级serach,以便为colModel中的任何列启用"select"选项.

 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)
                     }
                 }]
             }
      }]
 });