2011-11-12 60 views
2

我放置在jqgrid的頁眉和頁腳幾個按鈕。有什麼方法可以定製它嗎?如何在jqgrid中自定義頁眉和頁腳?

我做的jqGrid中的footerData選擇此鏈接:

http://www.trirand.com/jqgridwiki/doku.php?id=wiki:methods

不過,我認爲這是不同的,不相關的。讓我知道如果我錯了。

謝謝。

+0

您無法使用jqgrind API方法自定義頁眉和頁腳。嘗試使用'css'來自定義你自己。 – 2011-11-12 17:34:51

+0

如果您閱讀了頁眉和頁腳,可能會使用錯誤的術語。看看[頁面]中間的圖片(http://www.trirand.com/jqgridwiki/doku.php?id=wiki:how_it_works)。您會看到:標題(標題欄),頂部工具欄,頂部頁面,列標題,搜索工具欄,網格體,頁腳(摘要)行,底部工具欄和底部分頁器。你想要做什麼定製和你需要哪種定製? – Oleg

+0

@ Oleg:對。這是錯誤的術語。按照術語,我想在導航層上放幾個按鈕。我想放置「立即購買」等按鈕 – TCM

回答

2

要在導航欄中添加自定義按鈕,您可以使用navButtonAdd方法。它應該在導航欄創建後使用。導航器是尋呼機的一部分,它可以位於網格的底部,網格的頂部或兩者。

如果你更喜歡頂級的傳呼機,你應該只使用 jqGrid的toppager: true選項。它爲尋呼機本身創建了div。 Toppager的id將由網格標識(如「list」)和後綴「_toppager」構造而成(詳情請參閱here)。

如果要使用底部尋呼機,應在頁面的HTML標記中定義尋呼機div,例如id =「pager」的空白div並使用jqGrid的pager參數:pager: "#pager"

要在尋呼機中創建導航條,您應該調用navGrid方法。作爲導航器的第一個(pager)參數,您應該使用應該創建導航器欄的尋呼機的id。例如

$("#list").jqGrid('navGrid', '#list_toppager', 
    {add: false, edit: false, del: false, search: false, refresh: false}); 

在頂部尋呼機創建空導航器(沒有任何標準按鈕)或

$("#list").jqGrid('navGrid', '#pager', 
    {add: false, edit: false, del: false, search: false, refresh: false}); 

創建具有ID =「尋呼機」底部尋呼機的空導航。如果你想創建頂部和底部尋呼機可以使用cloneToTop: true

$("#list").jqGrid('navGrid', '#pager', 
    {cloneToTop: true, add: false, edit: false, del: false, search: false, refresh: false}); 

如果你有一些標準按鈕箱子導航欄可以移動頂部和底部的導航欄(見here)之間的按鈕。

導航欄存在後,您應該撥打navButtonAdd在尋呼機指定的導航欄上添加按鈕(請參閱here)。要獲得onClickButton回調中所選行的rowid,您應該使用jqGrid的selrow參數(請參閱here)。