ZK ListBox 分页按钮大小问题

问题描述 投票:0回答:1

继续进行 ZK 研究,我提高了有关数据绑定和一些 .zul 文件组件属性的知识。所以我从这里阅读了有关网格属性的信息:

https://www.zkoss.org/wiki/ZK_Component_Reference/Data/Grid

我这次的目标是改变网格的分页按钮大小(网格示例)

https://www.zkoss.org/_w/images/b/b9/ZKComRef_Grid_Paging.png

该文档介绍了分页、分页属性和排序,但没有介绍与网格上生成的按钮相关的属性。对此有什么建议吗?我很高兴听到他们的声音。

pagination listbox frameworks zk
1个回答
2
投票

这些都是我们需要用css来解决的事情。
我将尝试解释我们是如何做到这一点的,这样您就可以使用 css 来实现几乎所有内容。
首先,打开浏览器开发人员工具并检查按钮元素。

执行此操作时,您会看到向该按钮添加了哪些 css 类。
在所有 4 个按钮中,我们找到 css 类:

z-paging-button

有了这些信息,我们可以调整我们的 css(在 css 文件中或使用

style
标签在 zul 文件中进行快速本地更改。)

<style>
    .z-paging-button {
        width:300px;
    }
</style>

有时候,css可能无法使用,只需尝试在css中添加

!important
即可。
您需要执行此操作的一些示例是禁用日期框中的黑色数字:

<datebox disabled="true" style="color:black !important;" />
© www.soinside.com 2019 - 2024. All rights reserved.