使用兩個autocompeters與struts2的jQuery的

Question

我需要解決一個簡單的例子如下

有一種形式兩個autocompleters：

1. 選擇城市
2. 選擇區域在城市

當我們選擇一個特定的城市時，我想加載該區域的autocompleter區域。

$.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

返回

有人能幫我做這件事嗎？

Answer 1

您可以在展示 檢查例如與路徑阿賈克斯 - >表 - >選擇阿賈克斯（雙選）

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

或下載展示包裝，仔細檢查源。