0

ツリーを描画するために jsTree jQuery プラグインを使用しています。ユーザーがノードをクリックすると、ノードの ID を含む ajax リクエストがサーバーに送信されます。

私の応答では、そのような html を生成します (これは別のサーブレットで行われます)。

<li id="node_id_1"><a href="foobar">Child item 1</a></li>
<li id="node_id_2"><a href="foobar">Child item 2</a></li>
<li id="node_id_3"><a href="foobar">Child item 3</a></li>
<li id="node_id_4"><a href="foobar">Child item 4</a></li>
<li id="node_id_5"><a href="foobar">Child item 5</a></li>

そして、このアイテムは選択したノードの下に描画されます。

問題は、改札ページを参照するための href 属性にどの値を使用すればよいかということです。つまり、いくつかのパラメーターを持つクラス MainPage を指すリンクが必要です。

4

1 に答える 1

1

必要なのは、いくつかのBookmarkablePageLinkオブジェクトを返すRepeatingViewまたはListViewです。

サンプル コンポーネントは次のとおりです。

public class JsTree extends Panel{

    private static final long serialVersionUID = 1L;

    public JsTree(final String id, final IModel<List<MyDomainObject>> model){
        super(id);
        this.add(new ListView<MyDomainObject>("list", model){

            private static final long serialVersionUID = 1L;

            @Override
            protected void populateItem(final ListItem<MyDomainObject> item){
                MyDomainObject modelObject = item.getModelObject();
                final Map<String, String> params =
                    Collections.singletonMap("id", modelObject
                        .getObjectId());
                item.add(
                    new BookmarkablePageLink<Void>(
                        "link", MyPage.class,
                        new PageParameters(params)
                    ).add(new Label("label",modelObject.getName()))
                ).setOutputMarkupId(true);

            }
        });
    }
}

対応する HTML:

<html>
<body>
<wicket:head></wicket:head>
<wicket:panel>
    <ul class="jsTree">
        <li wicket:id="list">
            <a href="#" wicket:id="link">
                <wicket:container wicket:id="label" />
            </a>
        </li>
    </ul>
</wicket:panel>
</body>
</html>

MyDomainObjectIDと名前だけを持つタイプを使用しました。名前が表示され、ID がリンクされます。基本的に、シリアル化可能なパラメーターを a に追加し、 Page.getPageParameters()メソッドBookmarkablePageLinkを使用して、リンク先のページからパラメーターを解析できます。

于 2010-09-01T07:47:11.330 に答える