0

我在 zk 中找不到任何关于自定义分页的教程。ZK 提供了它的默认分页，它非常好，但我的客户需要不同的分页样式。那么，如何在 ZK 中创建自定义分页。请问有什么帮助吗？

我有一个这样的列表框：

<listbox id=”bidLbx” mold=”paging”&gt;
   <listitem>
     ...
   </listitem>
</listbox>

它显示 ZK 的默认分页，如：1 2 3 4 5 Next Last但没有选择每页行号的选项。所以，我需要自己的按钮和每页下拉选项。

4

2 回答 2

1
  1. 您可以使用CSS来更改Paging组件的样式或
  2. 只需使用 zk 组件或纯 html
    创建您自己的分页组件 并监听onClick 事件，如果您使用 zk 组件，或者
    使用 javascript 向服务器触发事件​​，如果您使用 html，
    并自行处理分页逻辑。

有关样式，另请参阅：
自定义外观 - 第 1 部分
自定义外观 - 第 2 部分

于 2012-12-13T14:37:06.577 回答
0

您必须根据我们的需要编写代码来控制分页按钮，即First Previous 1 2 3 4 5 Next Last.

我们只是参考那个 id 即bidLbx进行编码。我们需要获取某些值并使用这些值来控制按钮。

这给出了当前页面编号：bidLbx.getPaginal().getActivePage();

这给出了总行数：bidLbx.getPaginal().getTotalSize();

这将设置页面大小（即每页的行数）：bidLbx.getPaginal().setPageSize();

这给出了没有。页数：bidLbx.getPaginal().getPageCount();

并且不要忘记禁用默认分页。

<listbox id=”bidLbx” mold=”paging”&gt;
    ...
    <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>

每页下拉组合框：

<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-13T15:11:01.187 回答