1

我在显示用户列表的网格中有一个模板。该模板中有一个按钮，可让用户从列表中删除。当用户单击此按钮时，我会出现一个消息框，询问他们是否确定要继续。如果按下“确定”，则删除用户。我希望更新列表，以便不再显示用户，但似乎 @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 中，因为我意识到inactivateUser在 EventListener 被激活之前控制离开了函数，但它似乎没有更新列表。我也尝试过让 EventListener 调用一个单独的removeUser(User user)函数，但这也没有通知更改。谢谢阅读。

4

1 回答 1

3

从zk 绑定项目站点，您可以下载一个名为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>
于 2012-06-02T21:22:29.097 回答