使用 javascript 或 jquery 檢測 struts2 自動完成標記值的變化

Question

我正在研究 Struts 2 應用程序。 在我的應用程序中，我需要使用 Struts 2 autocompleter標記。 為此，我使用了struts2-dojo-plugin-2.3.1.2.jar jar 文件。 一旦值發生變化，我需要從自動完成程序中獲取值。 我嘗試使用onchange事件，但它不起作用。 這是我的代碼：

<%@taglib uri="/struts-dojo-tags" prefix="sx"%>
<html>
<head>
<script type="text/javascript">
function abc() {
    var a = dojo.widget.byId("country");
    var value1 = a.getSelectedValue();
    document.getElementById("myText").value = value1;
}
</script>
<sx:head />
</head>
<body>
<sx:autocompleter name="country"
id="country" onchange="abc();" list="cricketNations" />
</body>
</html>

我如何實現這一目標。 幫我解決這個問題。

Answer 1

不推薦使用struts2-dojo-plugin 。 您需要使用struts2-jquery-plugin 。

<%@ taglib prefix="s" uri="/struts-tags"%>
<%@ taglib prefix="sj" uri="/struts-jquery-tags"%>
<html>
  <head>
    <sj:head jqueryui="true"/>
  </head>
  <body>
   <div id="myText" class="result ui-widget-content ui-corner-all"></div>

   <sj:autocompleter name = "country"
                       id = "country" 
           onChangeTopics = "autocompleteChange" 
                     list = "%{cricketNations}" />
   <script>
     $.subscribe('autocompleteChange', function(event, data) {
       var ui = event.originalEvent.ui;
       var message = ui.item.value;
       if (ui.item.key) {
         message = '( '+ ui.item.key +' ) '+message;
       }
       $('#myText').html('&lt;b&gt;'+message+'&lt;/b&gt;');
     });
   </script>

  </body>
</html>

Answer 2

您可能無法將 HTML 屬性與 dojo 小部件一起使用，您需要使用dojo 主題來訂閱事件：

<%@taglib uri="/struts-dojo-tags" prefix="sx"%>
<html>
<head>
<script type="text/javascript">

    dojo.event.topic.subscribe("/countryName", function(value, key, text, widget){
        alert('inside onchange');

        document.getElementById("myText").value = value;

    });

</script>
<sx:head />
</head>
<body>
<sx:autocompleter name="country" valueNotifyTopics="/countryName"  list="cricketNations" />
</body>
</html>

為sx:autocompleter選擇值時，將發布主題。 請參閱此處的autocompleter文檔。

使用 javascript 或 jquery 檢測 struts2 自動完成標記值的變化

問題描述

2 個解決方案

解決方案1
2 已采納 2016-04-07 13:32:42

解決方案2
0 2016-04-06 16:04:49

使用 javascript 或 jquery 檢測 struts2 自動完成標記值的變化

問題描述

2 個解決方案

解決方案1 2 已采納 2016-04-07 13:32:42

解決方案2 0 2016-04-06 16:04:49

解決方案1
2 已采納 2016-04-07 13:32:42

解決方案2
0 2016-04-06 16:04:49