現在knockout.jsを勉強しているのですが、初期値ではtwigのforを使ってoptionタグを出力し、特定のボタンが押された場合はajaxで通信して、結果をviewmodel経由で反映することは可能でしょうか?
以下のように書くと、当然ですが、viewmodelをバインドしたタイミングで、htmlで記述しているoptionタグの内容は消えてしまいます。
jsファイルにtwigのループ処理を書くのも、htmlに<script type="text/javascript">を書くのもできれば避けたいな〜と思っています。
もしご存知の方がいらっしゃいましたら、お教え頂けると嬉しいです。
lang
1<select data-bind="options: hoge_list, optionsValue: 'value', optionsText: 'name' value: selected"> 2 {% for hoge in hoge_list %} 3 <option value="{{hoge.value}}">{{hoge.name}}</option> 4 {% endfor %} 5</select> 6 7<input type="button" data-bind="click: click_button">
lang
1var ViewModel = function() { 2 this.hoge_list = observableArray(); 3 this.selected = observable(); 4 this.click_button = function() { 5 $.ajax({ 6 ~~~~~省略~~~~~ 7 success: function(new_hoge_list) { 8 this.hoge_list(new_hoge_list); 9 } 10 }); 11 }; 12} 13 14ko.applyBindings(new ViewModel());
あなたの回答
tips
プレビュー