1

ユーザーのリストを表示するグリッドにテンプレートがあります。そのテンプレートには、ユーザーをリストから削除するためのボタンがあります。ユーザーがこのボタンをクリックすると、続行するかどうかを尋ねるmessageBoxが表示されます。「OK」を押すと、ユーザーは削除されます。ユーザーが表示されないようにリストを更新したいのですが、@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 bind プロジェクト サイトから、これを行う方法を示す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 に答える