java - NotifyChange 依赖messageBox点击ZK

Question

我在显示用户列表的网格中有一个模板。在该模板中有一个按钮，可让用户从列表中删除。当用户单击此按钮时，我会出现一个消息框，询问他们是否确定要继续。如果按下“确定”，则删除该用户。我希望列表更新以便不再显示用户，但似乎 @NotifyChange 什么也没做。如何通知模板用户列表已更改？

这里是zul的相关部分:

<grid apply="org.zkoss.bind.BindComposer" sclass="noborder" style="padding: 5px;border:none;background-image:none"
viewModel="@id('usersVM') @init('projectName.viewmodel.ListUsersViewModel')"
model="@load(usersVM.users)"
emptyMessage="No users to display">
  <template name="model">
    <row>
        <window>
            <vlayout>
                <hlayout>
                    <label value="@load(each.fullname)" sclass="f" />
                </hlayout>
            </vlayout>     
         </window>
         <button hflex="min" label="Inactivate user" onClick="@command('inactivateUser', user=each)"/>
    </row>
  </template>
</grid>

这是 View 模型的相关部分:

List<User> users = new ArrayList<User>();
@Command("inactivateUser")
@NotifyChange("users")
public void inactivateUser(@BindingParam("user")
final User user)
{
    EventListener clickedOK = new EventListener() 
    {
        @Override
        public void onEvent(final Event e)
        {
            if (Messagebox.ON_OK.equals(e.getName()))
            {
                // remove from users so that they no longer display on this page.
                users.remove(user);
            }
        }
    };

    Messagebox.show("Are you sure you want to inactivate this user?",
            "Message from webpage", Messagebox.OK | Messagebox.CANCEL, Messagebox.NONE,
            clickedOK);

}

请注意，变量 users 是 zul 显示的用户列表。我尝试将 @NotifyChange 添加到嵌套的 EventListener 中，因为我意识到控制在 EventListener 被激活之前离开了 inactivateUser 函数，但它似乎没有更新列表。我也试过让 EventListener 调用一个单独的 removeUser(User user) 函数，但也没有通知更改。感谢阅读。

Answer 1

来自zk bind project site ，您可以下载一个名为 A order CRUD example v3 的示例，它演示了如何执行此操作。

从下面的示例中，您可以看到消息框中的删除按钮触发了 deleteOrder 命令:

    <window title="Confirm" mode="modal" border="normal" width="300px" visible="@load(not empty vm.deleteMessage)">
    <vbox hflex="true">
        <hlayout height="50px">
            <image src="~./zul/img/msgbox/question-btn.png"/>
            <label value="@load(vm.deleteMessage)"/>
        </hlayout>
        <hbox pack="center" hflex="true">
            <button label="Delete" onClick="@command('deleteOrder')"/>
            <button label="Cancel" onClick="@command('cancelDelete')"/>
        </hbox>
    </vbox>
</window>