0

以下のような単純なユースケースを解決する必要があります

次の 2 つのオートコンプリータを使用するフォームがあります。

  1. 都市を選択
  2. その都市のエリアを選択

特定の都市を選択すると、その都市のエリアをエリア オートコンプリーターに読み込みます。

    $.subscribe('citySelectTopic', function(event, data) {
        var ui = event.originalEvent.ui;
        var message = ui.item.value;
        if(ui.item.key) {
            message = '( '+ ui.item.key +' ) '+message;
        }
        alert(message); // ? What more to write here?
    });

<s:url var="remoteurl123" action="loadCity" namespace="/"/>


<sj:autocompleter id="cityAutocompleter" dataType="json" href="%{remoteurl123}"
    loadMinimumCount="3" list="cities" listKey="id" 
    listValue="name" onSelectTopics="citySelectTopic"/>


<sj:autocompleter id="areaAutocompleter" list="cities" 
    listKey="id" listValue="name" reloadTopics="citySelectTopic" />

私のloadCityアクションは、名前が入力されたすべての都市のリストを返します-onselectTopicsは次のことを行いますが、方法を知ることができません

  1. OnSelectTopics - 選択した都市のすべてのエリアを読み込みます - 都市 ID を渡す必要があります

  2. #1 の OnSuccess - #areaAutocompleter で返されたすべてのエリアのリストを表示します

誰かがこれを行うのを手伝ってくれませんか?

4

1 に答える 1

1

Ajax -> Form -> Ajax Select (ダブル選択) のパスでショーケースの例を確認できます。

http://struts.jgeppert.com/struts2-jquery-showcase/index.action

または Showcase パッケージをダウンロードしてソースを確認してください。

于 2013-02-08T00:16:45.053 に答える