java - 处理 borderlayout zk 上的事件折叠栏

Question

我正在使用 Java 和 ZK 开发 ERP。

我有一个 borderlayout，其中北部包含带有一些过滤器的面板。

我想让北方崩溃。

如果我点击箭头将其折叠或打开，它工作正常，但如果我按栏而不是按它，它就无法正确打开，而只能预览。

我可以禁用此功能吗？我可以处理栏上的点击事件吗？

Java:

North north = new North();
m_mainLayout.appendChild(north);
north.setHflex("1");
north.setCollapsible(true);

Answer 1

有几件事可以帮助您。其中一些可能是相当新的，因为它们没有很好的文档记录，并且在我的 Eclipse 的 zul 自动完成中不可用。

首先:slide - 布局区域上有一个setSlide(boolean)，以及一个onSlide event您可以在单击栏时收听，但不能在单击按钮时收听。

第二，有一个library property 关闭折叠动画:

<library-property>
    <name>org.zkoss.zul.borderlayout.animation.disabed</name>
    <value>true</value>
</library-property>

您可以在 zk.xml 中指定它，以查看您的案例在有动画还是没有动画的情况下是否效果更好(在我的迷你示例中，没有动画效果更好)。

第三，也是最重要的，添加此样式，这将使整个栏的行为类似于按钮:

<style>
    .z-north-collapsed>.z-borderlayout-icon {
        top: 0; bottom: 0; right: 0; left: 0;
        width: 100%; height: 100%;
    }
    .z-north-collapsed>.z-borderlayout-icon::before {
        vertical-align: middle;
    }
</style>

这仅适用于北部，您可能希望使其对于其他区域更加通用。我发现让按钮变大并将所有动画/事件处理/组件替换留给 zk 看起来和效果最好。

<小时/>

示例:

<style>
    .z-north-collapsed>.z-borderlayout-icon {
        top: 0; bottom: 0; right: 0; left: 0;
        width: 100%; height: 100%;
    }
    .z-north-collapsed>.z-borderlayout-icon::before {
        vertical-align: middle;
    }
</style>

<borderlayout>
    <north splittable="true" collapsible="true" >
        <button label="hello" />
    </north>
    <center>
        <textbox value="world" />
    </center>
</borderlayout>