riot.jsを使ってみています。
単純にカスタムタグでデータをマッピングすることはできましたが、
カスタムタグ以外のjQueryからデータを取得し、updateすることができません。
実現したい挙動
1.左側のメニューをクリック
2.クリックしたメニューIDを元にAjaxでデータを取得
3.取得したデータを カスタムタグ<taskform>に渡し、マウント(アップデート?)する
メニューをクリックするたびにデータをAjaxで取得し、カスタムタグに表示するデータを変更したいです。
html内に記述。
tag
1<taskform> 2 <virtual each='{items}'> 3 <label>{name}</label> 4 </virtual> 5</taskform>
以下のjQueryはカスタムタグ以外、ページ共通のjsファイルに記述。
jquery
1$('.menulist').click(function(){ 2 var id = $(this).attr('id'); 3 var data = getData(id); //← Ajaxでデータ取得、returnはjSON ★ 4 riot.mount('taskform', {items : data}); //← これだと反応しない。 5});
上記jQueryの★で取得したデータサンプル
[{name:"名前1"},{name:"名前2"},{name:"名前3"}]
どの時点でマウント(アップデート?)したら良いのか教えてください。
回答1件
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
2018/08/14 11:11 編集
退会済みユーザー
2018/08/14 14:45
2018/08/15 01:33