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>

以下是视图模型的相关部分：

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，您可以下载一个名为订单CRUD示例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>

NotifyChange依赖于messageBox单击ZK

1 个答案: