Question

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

我有一个这样的列表框：

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

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

Answer 1

您可以使用CSS更改Paging组件或
只需使用zk组件或pure创建自己的分页组件 html
并且如果您使用zk组件，则听onClick Events或者 fire events to the server with javascript，如果你使用html，
并由你自己处理分页逻辑。

造型也可参考：
Customize Look and Feel - Part 1
Customize Look and Feel - Part 2

Answer 2

您必须根据需要编写代码来控制分页按钮，即 First Previous 1 2 3 {{1 }} 4 5 Next 。

我们只是参考该ID，即Last并进行编码。我们需要获取某些值并使用这些值来控制按钮。

这给出了当前页面号：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>

下载perpage组合框：

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

如果您还有问题请做评论。

如何在ZK中创建自定义分页

2 个答案: