顯示帶有列標題的空白JQGrid

Question

我想在頁面加載時顯示帶有所有列標題但沒有任何數據行的JQGrid。

基於用戶通過自動完成選擇我想用數據填充JqGrid。

問題是，頁面加載期間每次都會自動填充網格。

我該如何解決這個問題？

這就是我如何使用網格VS2008 MVC2

jQuery('#jgrid').jqGrid({ 
    autowidth: true, 
    altRows: true, 
    altclass: 'grdAltRwClr', 
    datatype: 'xml', 
    forceFit: true, 
    gridview: true, 
    height: 290, 
    mtype: 'post', 
    rowList: [10, 20, 30], 
    rowNum: 10, 
    pager: '#pager', 
    pagerpos: 'right', 
    recordpos: 'left', 
    rownumbers: false, 
    scrollrows: false, 
    sortname: 'roledtlid', 
    toolbar: [true, "top"], 
    url: rootPath + 'RoleDetail/JGridData', 
    beforeSelectRow: function(rowid, e) { return false; }, 
    gridComplete: function() { GridComplete() }, 
    colModel: [ 
      { name: 'act', label: 'View', resizable: false, search: false, sortable: false, title: false, width: 6, index: 'act' } 
     , { name: 'roledtlid', label: 'R.Detail id', width: 15, index: 'roledtlid' } 
     , { name: 'roleid', label: 'Role id', width: 10, index: 'roleid' } 
     , { name: 'rolename', label: 'Role Name', width: 25, index: 'rolename' } 
     , { name: 'pageid', label: 'Page ID', width: 10, index: 'pageid' } 
     , { name: 'pgname', label: 'Page Name', width: 30, index: 'pgname' } 
     , { name: 'canadd', label: 'Add', width: 10, index: 'canadd' } 
     , { name: 'canedit', label: 'Edit', width: 10, index: 'canedit' } 
     , { name: 'candel', label: 'Delete', width: 10, index: 'candel' } 
     , { name: 'canview', label: 'View', width: 10, index: 'canview' } 
     ] 
}); 

感謝

Answer 1

不提供網址。而是將您的數據類型設置爲「本地」，並使用類似於以下代碼：

var mySearchData = // Get your search data... 

    $.post('@Url.Action("Getars")', mySearchData, function(gridData) { 
     var rowIds = $('#carGrid').jqGrid('getDataIDs'); 

     for (var i = 0, len = rowIds.length; i < len; i++) { 
      var currRow = rowIds[i]; 
      $('#carGrid').jqGrid('delRowData', currRow); 
     } 

     $('#carGrid').jqGrid('setGridParam', { data: gridData }).trigger('reloadGrid'); 
    }).error(function (jqXHR, textStatus) { 
     app.showErrorAlert(jqXHR.responseText); 
    }); 
}