2016-08-09 7 views
0

私はThymeleafを使ってJavascriptにonclickイベントを渡そうとしていますが、引数リストの後に "Uncaught SyntaxError:missing"を取得しようとしています。Thymeleaf Uncaught SyntaxError:missing)引数リストの後

 <li th:onclick="'radar(' + ${radar} + ', ' + ${radarList} + ');'" th:each="radar : ${radarList}" th:id="${radar.index}"> 
      <button class="button button_module" th:id="${radar.index}"> 
       <img th:src="@{/images/icon_module_radar.png}" /><br /> 
       <span th:text="${radar.name}"/> 
      </button> 
     </li> 


function radar(id, list) 
{ 
    for (var i in list) 
    { 
     document.getElementById(list[i]['index']).className = "button button_module"; 
    } 
    document.getElementById(id['index']).className = "button button_module_selected"; 

    setRadarStats(id); 
} 

私が意図したとおりに$ {radarList}はリストにオブジェクトを渡していると思いますが、私はエラーを取得していますので、私は確かに見ることができません。

ご迷惑をおかけして申し訳ありません。ありがとう。

答えて

1

あなたは

<li th:onclick="'javascript:radar(\'' + ${radar} +'\',\''+ ${radarList} + '\');'" 

でコード

th:onclick="'radar(' + ${radar} + ', ' + ${radarList} + ');'" 

のこのラインを交換し、これがために働いていたなら、私に知らせることができますまあ、私はそれがパースうとすることを使用しないようにしたかった

+0

$ {radarList}は文字列であり、オブジェクトではありません。しかし、私は他の方法はないと思う:( – Aesis

+0

私の答えがあなたの問題を解決した場合、それは受け入れられたものとしてマークできますか?ありがとう –

関連する問題