jqGrid，搜索日期

Question

我的数据在服务器端，我编写了代码来执行所有搜索/过滤/排序。

我的jqGrid有一个filterToolbar和一个搜索按钮。

不幸的是，当我搜索时，我选择的日期值不会在请求中发送。然而，奇怪的是，它会在filterToolbar的选定日期发送它？！？

这里为什么没有数据？

{"groupOp":"AND","rules":[{"field":"RunDate","op":"le","data":""}]}

这里是我的电网码。

var loadFileInfoList = function (fileInfoList, pager) { 
    fileInfoList.jqGrid({ 
     url: 'GetFiles', 
     datatype: 'json', 
     mtype: 'POST', 
     colNames: ['Id', 'Name', 'Interface', 'Amount', 'Type', 'Created', 'Status'], 
     colModel: [ 
       { jsonmap: 'Id', name: 'Id', formatter: 'integer', align: 'right', hidden: true }, 
       { jsonmap: 'Name', name: 'Name', align: 'right', hidden: true }, 
       { jsonmap: 'InterfaceName', name: 'InterfaceName', align: 'left', width: '100%', sorttype: 'text', frozen: true, 
        search: true, 
        searchoptions: { 
         sopt: ['cn'] 
        } 
       }, 
       { jsonmap: 'Amount', name: 'Amount', formatter: 'currency', align: 'right', width: '100%', sorttype: 'number', 
        search: true, 
        searchoptions: { 
         sopt: ['ge', 'le'] 
        } 
       }, 
       { jsonmap: 'Type', name: 'Type', align: 'right', width: '100%', sorttype: 'text', 
        search: true, stype: 'select', 
        searchoptions: { 
         value: getTypeFilterOptions(), 
         sopt: ['eq'] 
        } 
       }, 
       { jsonmap: 'RunDate', name: 'RunDate', formatter: 'date', align: 'right', width: '100%', sorttype: 'date', 
        search: true, 
        datefmt: 'dd/mm/yyyy', 
        searchrules: { 
         date: true 
        }, 
        searchoptions: { 
         sopt: ['ge', 'le'], 
         dataInit: function (elem) { 
          $(elem).datepicker({ 
           dateFormat: 'dd/mm/yy', 
           changeYear: true, 
           changeMonth: true, 
           showButtonPanel: true, 
           onSelect: function() { 
            $(this).keydown(); 
           } 
          }); 
         } 
        } 
       }, 
       { jsonmap: 'Status', name: 'Status', align: 'right', width: '100%', sorttype: 'text', formatter: formatStatus, 
        search: true, stype: 'select', 
        searchoptions: { 
         value: getStatusFilterOptions(), 
         sopt: ['eq'] 
        } 
       } 
      ], 
     autoencode: true, 
     sortname: 'RunDate', 
     sortorder: 'desc', 
     pager: pager, 
     rowNum: 5, 
     viewrecords: true, 
     height: '100%', 
     autowidth: true, 
     ignoreCase: true, 
     jsonReader: { 
      repeatitems: false, 
      root: "rows" 
     }, 
     altRows: true, 
     altclass: 'jqGridAltRow', 
     loadComplete: function() { 
      $("tr.jqgrow:odd").addClass('jqGridAltRow'); 
     } 
    }); 

    fileInfoList.jqGrid('navGrid', pager, 
     { edit: false, add: false, del: false }, 
     {}, 
     {}, 
     {}, 
     { closeOnEscape: true, closeAfterSearch: true, multipleSearch: true, multipleGroup: false } 
    ); 

    fileInfoList.jqGrid('filterToolbar', { searchOnEnter: false, enableClear: true, stringResult: true }); 
}; 

loadFileInfoList($('#jqgFileInfoList'), '#jqgPagerFileInfoList'); 

Answer 1

我想你可以通过改变onSelect回调日期选择器的解决这个问题。您可以更改

onSelect: function() { 
    $(this).keydown(); 
} 

到

onSelect: function() { 
    $(this).trigger('change'); 
} 

您可以使用也更复杂的结构，我在the answer或更多一点简单的形式发布来自here。