如何在ZK中創建自定義分頁

我無法在zk中找到有關自定義分頁的任何教程。 ZK提供了默認的分頁功能，而且相當不錯，但我的客戶需要不同的分頁樣式。那麼，我如何在ZK中創建自定義分頁。請幫忙嗎？如何在ZK中創建自定義分頁

我有一個列表框這樣的：

<listbox id=」bidLbx」 mold=」paging」> 
    <listitem> 
    ... 
    </listitem> 
</listbox>

它顯示ZK默認的分頁，如：1 2 3 4 5 Next Last但out選項每頁行數來選擇。所以，我需要自己的按鈕和每頁下拉選項。

來源

2012-12-13 Narayan Subedi

嗨，你到現在爲止做了什麼..？ –

你是什麼意思的習俗？ – 2012-12-13 13:48:59

如果您只是需要頁面大小的dromdown選項，我認爲您可以使用組合框並在組合框選擇更改時調用Listbox＃setPageSize。 – benbai123

你必須寫代碼來控制分頁按鈕，因爲我們需要的，即FirstPrevious12345NextLast。

我們只是參考該ID即bidLbx並進行編碼。我們需要獲得某些值並使用這些值來控制按鈕。

這給當前頁面沒有：bidLbx.getPaginal().getActivePage();

這給行的總數：bidLbx.getPaginal().getTotalSize();

該設置頁面大小（即沒有每頁的行。）：bidLbx.getPaginal().setPageSize();

這給沒有。的頁面：bidLbx.getPaginal().getPageCount();

並且不要忘記禁用默認分頁。

<listbox id=」bidLbx」 mold=」paging」> 
    ... 
    <zscript> 
      <![CDATA[ 
       bidLbx.getPagingChild().setVisible(false); 
       ]]> 
    </zscript> 
</listbox>

第一個按鈕實例：

<button id="first" label="First" style="margin:10px; padding:5px;"> 
    <attribute name="onClick"> 
     <![CDATA[ 
      bidLbx.getPaginal().setActivePage(0); 
     ]]> 
    </attribute> 
</button>

下拉組合框中perpage：

<combobox id="pageSize" value="20" style="width:50px;" readonly="true"> 
    <comboitem label="5"></comboitem> 
    <comboitem label="10"></comboitem> 
     <attribute name="onCreate"> 
      <![CDATA[ 
      String ps = pageSize.getValue(); 
     int pSize = Integer.parseInt(ps); 
     bidLbx.getPaginal().setPageSize(pSize); 
     ]]> 
     </attribute> 
     <attribute name="onChange"> 
    <![CDATA[ 
      String ps = pageSize.getValue(); 
      int pSize = Integer.parseInt(ps); 
     bidLbx.getPaginal().setPageSize(pSize); 
    ]]> 
     </attribute> 
</combobox>

如果你有問題，還是做評論。

來源

2012-12-13 15:11:01

你能分享我的每頁下拉？ –

好吧，我已經在上面添加了。 –

您可以使用CSS改變Paging組件或
的風格正好與ZK組件或純 html
創建自己的頁面組件，聽onClick Events，如果你使用ZK組件，或
fire events to the server with javascript，如果您使用html，
並由您自己處理分頁邏輯。

對於造型也提到：
Customize Look and Feel - Part 1
Customize Look and Feel - Part 2

來源

2012-12-13 14:37:06

如何在ZK中創建自定義分頁

回答

相關問題