easyuiリフレッシュレンダリング

指定されたタグ要素に付加する文字列を通じ、この時点では、スタイルeasyuiアップをレンダリングしません。

私たちは、次のように特定のコードを使用してパーサの解析を再レンダリングする必要があります

---

/文字列の新しいノード
のvar optionEleStr = 
　　`<DIV CLASS =」fitem "> 
 　　　　<ラベル>オプション</ label>は
　　　　<INPUT名="オプション[] "クラス=" easyui-TextBoxの"データ・オプション="必要な：真の"値=" {{古い（ 'オプション'）}}「/> 
　　　　<a href="#" class="easyui-linkbutton" data-options="iconCls:'icon-remove'">削除</ A > 
　　</ div> `; 

。$（ '＃のincreaseBtn'）バインド（ 'クリック'、機能（）{ 
　　fm.append（optionEleStr）; 
　　//新しいノードのeasyuiレンダリングパーサを呼び出す
　　の$ .parser.parse （$（ 'fitem。'））; 
}）;

あなたはボタンイベントをバインドする必要がある場合は、そのような赤い部分として文字列は、そこにあります

`<DIV CLASS = "fitem"> 
 　 <ラベル>选项</ label>は
　　<入力名= "オプション[]"クラス= "easyui-テキストボックス"データ・オプション= "必要な：真の"値=" {{古いです（」オプション'）}}」/> <a href="#" class="easyui-linkbutton" data-options="iconCls:'icon-remove'">删除する</a> 
 </ DIV> `;
　　

この場合、結合事象はむしろ）（結合する代わりに使用されている）（上のjQueryので、そのような機能をバインド（）を使用するよりも、（）方法ではJQueryを使用しなければなりません

イベントの結合のため、両親が子ノードを見つけ
fm.on（ 'removeBtn' 'クリック'、関数（）{ 
　　アラート（」1' ）; 
}）;