在 ZK 框架中隐藏动态网格中的行

Question

我正在尝试在网格中隐藏/显示一行（从 Java 代码动态填充）单击它的上一行。模拟简单的主从组件。我在 java 代码中获得了单击行的正确索引，但是更改行的可见性不起作用！任何人都可以帮我解决这个问题，或者有类似的方法吗？

谢谢普亚

以下是 ZUL 的代码：

<?xml version="1.0" encoding="UTF-8"?>
<zk xmlns="http://www.zkoss.org/2005/zul">
    <window id="callbackLogWindow"
            apply="CallbackLogWindowComposer"
            border="none" height="100%" width="100%"
            xmlns:w="http://www.zkoss.org/2005/zk/client">
        <grid id="callbackLogGrid" oddRowSclass="non-odd" height="100%">
            <columns>
                <column label="Logging Name" />
                <column label="Status" />
                <column label="DateTime" />
                <column label="Subject" />
                <column label="Replies" />
            </columns>
            <rows>
                <zk forEach="${callbackLogWindow$composer.callbacks}">
                    <row sclass='${forEachStatus.index % 2 != 0 ? "z-grid-odd" : ""}'
                    onClick="callbackLogWindow$composer.toggleRow(self.index)">
                        <custom-attributes callback="${each}"/>
                        <cell><label value="${callback.loggingName}" /></cell>
                        <cell><label value="${callback.resolved}" /></cell>
                        <cell><label value="${callback.callbackTime}" /></cell>
                        <cell><label value="${callback.subject}" /></cell>
                        <cell><label value="${callback.resolvedItemCount}" /></cell>
                    </row>
                    <row sclass='${forEachStatus.index % 2 != 0 ? "z-grid-odd" : ""}'>
                        <cell colspan="5">
                            <include src="callbackItem.zul" callback="${each}"/>
                        </cell>
                    </row>
                    <row>
                        <custom-attributes callback="${each}"/>
                        <button onClick="callbackLogWindow$composer.saveCallbackItems(callback)">
                           Save
                        </button>
                    </row>
                </zk>
            </rows>
        </grid>
    </window>
</zk>

控制器：

public class CallbackLogWindowComposer extends SelectorComposer<Window> {
    @Inject private CallbackDao callbackDao;
    @Wire Grid callbackLogGrid;
    private List<Callback> callbacks = new ArrayList<Callback>();
    @Override
    public void doAfterCompose(Window window) throws Exception {
        super.doAfterCompose(window);
    }
    public List<Callback> getCallbacks() {
        callbacks = callbackDao.findAll();
        return callbacks;
    }
    public void toggleRow(int i) {
        Component row = callbackLogGrid.getRows().getChildren().get(i+1);
        row.setVisible(row.isVisible());
        callbackLogGrid.renderAll();
    }
    public void saveCallbackItems(Callback cb) {
        callbackDao.saveInTransaction(cb);
    }
}

Answer 1

我不确定，也不测试，但我可以在这里向您建议一件事 Zk 有visible="true/false"属性，您可以在每一行中应用此属性并将其与您的 databean 变量绑定 有关更多详细信息，我可以建议让我们假设您有一个List<A> list并且list包含您要显示的所有记录，现在在类A中添加另一个变量，例如display并自行控制它。onClick任何行更改更新任何其他列表项。

Answer 2

我有同样的问题，我找到的解决方案是：

行可见="

            <grid model="@bind(vm.total)" vflex="1" emptyMessage="No records exist" width="315px" >
            <columns>
                <column width="45%"/>
                <column width="25%" />
            </columns>
            <template name="model">
                <row visible="@load(each.visible)">
                    <checkbox   label="@load(each.label)" style="font-weight:bold" if="${each.checkbox}"/>
                    <label      value="@load(each.label)" style="font-weight:bold" unless="${each.checkbox}"/>
                    <doublebox  value="@bind(each.value)" sclass="textBoxNumber" locale="us" readonly="true" />
                </row>
            </template>  
        </grid>
        </groupbox>