2009-10-08 94 views
25

我想刪除網格上的分頁按鈕,但我想保留左下角的添加,編輯,刷新等按鈕。我不想在那裏尋呼機,因爲我將顯示在這個特定的網格實現中的所有記錄。jqGrid - 如何刪除尋呼機上的頁面選擇,但保持按鈕?

我想保持什麼是綠色的,但刪除哪些是RED:

alt text http://i38.tinypic.com/34jahd4.jpg

目前,我的解決辦法是把空出網格的導航中心

$('#pager_center').empty(); 

但這意味着尋呼機呈現給頁面,然後被清空,我想知道如果我可以防止它甚至被放在首位。

+0

爲清晰起見「我想保留綠色並刪除紅色」 – biso 2014-02-26 13:46:33

回答

56

您可以使用我的以下JqGrid選項從JqGrid禁用RED區域。它應該是解決這個問題的最好方法,因爲如果JqGrid更改生成尋呼機模式或更改尋呼機ID,則不需要通過CSS樣式表破解JqGrid呈現問題。

$('#grid').jqGrid 
({ 
    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' 
}); 
+0

使用此我仍然可以看到「 」的頁面<文本框w。當前頁>沒有更多,沒有更多。其他一切都被正確刪除。 – 2013-03-27 15:19:14

+0

rowList:假將使下拉完全消失 – Charles 2013-05-13 21:06:00

+0

rowList實際上應該是在下拉值的列表。爲了避免混淆類型強制,請使用rowList:[] – JakeRobb 2013-12-12 15:54:49

8

您可以應用CSS樣式來隱藏它......?

#pager1_center { 
    visibility: hidden; 
} 

還有像pgbuttons和recordtext這樣的選項,init中的設置可能會導致該部分不呈現任何HTML。

jQuery("#grid_id").jqGrid({pgbuttons:false, recordtext: ''}); 
0

$('#grid').jqGrid({pgbuttons:false, recordtext:'', pgtext:'')}

0

或者,如果你想在你的jqGrid的頁腳更多的空間,你可以簡單地隱藏 導航所需的一部分。

gridComplete: function() 
{   
    $('#' + gridId + 'Pager_center').hide(); 
    $('#' + gridId + 'Pager_left').hide(); 
}, 

其中gridId是您的jqGrid的ID。

+0

只有當您的傳呼機ID是您的gridId加上「傳呼機」時纔有效。你應該使用它:$(gridElement.getGridParam('pager')+「_center」)。hide(); – JakeRobb 2013-12-12 15:56:17

-1

即使您可以設置對頁面詳細信息的屬性,如無記錄下拉菜單,傳呼機文本,記錄文本。爲了實現這個需要,可以根據需要將pagerpos和recordpos更改爲右側或左側或中心。詳細信息必須在jquery.jqGrid.min.js中更新,或者只需在js文件中搜索這些關鍵字並進行更新。

4

使用這將刪除按鈕和所有分頁/視圖中的記錄區域。

jQuery("#WebsitesGrid").jqGrid({   
      ... 
      pginput: false, 
      pgbuttons: false, 
      viewrecords: false, 
      .... 
0

如果你正在尋找一個解決方案,以避免在jqGrid的尋呼機則只需添加以下代碼loadcomplete回調或作爲您的jqGrid調用後聲明中,帶或不帶@ Soul_Master的解決方案,

$("#divPager").css({ "height": "0px", "border": "0px" }); 

它爲我工作。