jqGrid - 禁用頁面大小下拉列表

我想禁用分頁，但想保留左邊的加號按鈕。下面的圖片是我最終得到的。仍然可以看到下拉頁面大小。我已經拿出了分頁選項。但仍...jqGrid - 禁用頁面大小下拉列表

result

下面是代碼

jQuery("#detFlex101_1").jqGrid({ 
    url: root + mod + '/detaillistview', 
    datatype: "local", 
    colNames:[' ', '@Resources.Xdt_Parameter.param_display_name', '@Resources.Xdt_Parameter.param_tooltip_desc', '@Resources.Xdt_Parameter.param_data_type', ' ', ' ', '@Resources.Xdt_QueryParameter.qupa_required_flag', '@Resources.Xdt_QueryParameter.qupa_default_value'], 
    colModel:[ 
     {name:'myac', width:80, fixed:true, sortable:false, resize:false, formatter:'actions', formatoptions:{keys:true, editbutton : false, delbutton : false, delOptions: {reloadAfterSubmit:false},editOptions: {reloadAfterSubmit:false}}}, 
     {name:'display_name',index:'display_name', width:100}, 
     {name:'tooltip_description',index:'tooltip_description', width:300}, 
     {name:'data_type',index:'data_type', width:100}, 
     {name:'parameter_id',index:'parameter_id', width:100,hidden:true}, 
     {name:'query_id',index:'query_id', width:100,hidden:true}, 
     {name:'required_flag',index:'required_flag', width:100}, 
     {name:'default_value',index:'default_value', width:100} 
     ], 
    width: $('.body').width()-40, 
    height: 120, 

    pager: '#pagerFlex101_1', 
    rowList: [],  // disable page size dropdown 
    pgbuttons: false,  // disable page control like next, back button 
    pgtext: null,   // disable pager text like 'Page 0 of 10' 
    viewrecords: false, // disable current view record text like 'View 1-10 of 100' 

    sortname: 'parameter_id', 
    sortorder: "desc", 
    editurl: root + mod + '/detailpost', 
    caption:"@Resources.Xdt_QueryParameter.qupa_param_title", 
    onSelectRow: function(id){ 
     activedf = "#detFlex101_1"; 
    }, 
    afterInsertRow: function() { 
     var grid = $(this), 
     iCol = getColumnIndexByName(grid,'myac'); // 'act' - name of the actions column 
     grid.find(">tbody>tr.jqgrow>td:nth-child(" + (iCol + 1) + ")") 
     .each(function() { 
      if ($(this).find(">div>div").length == 2) 
      { 
       $("<div>", 
        { 
         title: "Delete", 
         mouseover: function() { 
          $(this).addClass('ui-state-hover'); 
         }, 
         mouseout: function() { 
          $(this).removeClass('ui-state-hover'); 
         }, 
         click: function(e) { 
          df_delete_1($(e.target).closest("tr.jqgrow").attr("id")); 
         } 
        } 
       ).css({float:"left"}) 
        .addClass("ui-pg-div ui-inline-edit") 
        .append('<span class="ui-icon ui-icon-trash"></span>') 
        .prependTo($(this).children("div")); 

       $("<div>", 
        { 
         title: "Edit", 
         mouseover: function() { 
          $(this).addClass('ui-state-hover'); 
         }, 
         mouseout: function() { 
          $(this).removeClass('ui-state-hover'); 
         }, 
         click: function(e) { 
          df_edit_1($(e.target).closest("tr.jqgrow").attr("id")); 
         } 
        } 
       ).css({float:"left"}) 
        .addClass("ui-pg-div ui-inline-edit") 
        .append('<span class="ui-icon ui-icon-pencil"></span>') 
        .prependTo($(this).children("div")); 

       $("<div>", 
        { 
         title: "Up", 
         mouseover: function() { 
          $(this).addClass('ui-state-hover'); 
         }, 
         mouseout: function() { 
          $(this).removeClass('ui-state-hover'); 
         }, 
         click: function(e) { 
          jqGridMoveRow('up', grid, $(e.target).closest("tr.jqgrow").attr("id")); 
         } 
        } 
       ).css({float:"left"}) 
        .addClass("ui-pg-div ui-inline-edit") 
        .append('<span class="ui-icon ui-icon-arrowthick-1-n"></span>') 
        .prependTo($(this).children("div")); 

       $("<div>", 
        { 
         title: "Down", 
         mouseover: function() { 
          $(this).addClass('ui-state-hover'); 
         }, 
         mouseout: function() { 
          $(this).removeClass('ui-state-hover'); 
         }, 
         click: function(e) { 
          jqGridMoveRow('down', grid, $(e.target).closest("tr.jqgrow").attr("id")); 
         } 
        } 
       ).css({float:"left"}) 
        .addClass("ui-pg-div ui-inline-edit") 
        .append('<span class="ui-icon ui-icon-arrowthick-1-s"></span>') 
        .prependTo($(this).children("div")); 
      } 
     }); 
    } 
}); 

jQuery("#detFlex101_1").jqGrid('navGrid','#pagerFlex101_1',{edit:false,del:false,search:false, addfunc: df_add_1}); 
jQuery("#detFlex101_1").jqGrid('gridResize', {minWidth:350, maxWidth:1920, minHeight:80, maxHeight:1080}); 
jQuery("#detFlex101_1").jqGrid({pgbuttons:false, recordtext:'', pgtext:''});

任何人都知道該怎麼辦？

來源

2012-10-19 strike_noir

在這裏你可能會發現很多關於jQGrid的有趣答案http://stackoverflow.com/search?q=user:315935+[jqgrid] –

虛擬滾動的使用（scroll: 1）與不分頁不一樣。

如果你只是需要你需要使用一些jqGrid的選項空尋呼機（見the documentation）：

rowNum: 10000,  // !!! it's important to increase default 20 value 
pginput: false, 
pgbuttons: false, 
rowList: [],  // it's default setting 
viewrecords: false, // it's also default setting

最重要的將不會忘記一些足夠大的值來定義rowNum。如果您不這樣做，那麼網格中將只顯示第一頁的20行。

來源

2012-10-19 10:29:23 Oleg

您可以使用滾動選項，在jqgrid選項中定義它。
滾動：1
通過使用此選項，您指示jqgrid不使用分頁，換句話說，您將實現虛擬滾動。
希望它能滿足您的需求。

來源

2012-10-19 09:14:36

jqGrid - 禁用頁面大小下拉列表

回答

相關問題