easyui刷新渲染

通过使用字符串的方式将标签append到指定的元素下，这时easyui的样式并不会渲染上去

需要通过使用 parse 解析器来重新进行渲染，具体代码如下

---

/新增节点的字符串
var optionEleStr =
　　`<div class="fitem">
 　　　　<label>选项</label>
　　　　<input name="options[]" class="easyui-textbox" data-options="required:true" value="{{ old('option') }}" />
　　　　<a href="#" class="easyui-linkbutton" data-options="iconCls:'icon-remove'">删除</a>
　　</div>`;

$('#increaseBtn').bind('click', function(){
　　fm.append(optionEleStr);
　　//easyui 调用解析器对新增的节点进行渲染
　　$.parser.parse($('.fitem'));
});

如果字符串中存在需要绑定事件的按钮，比如如下红色部分

`<div class="fitem">
 　 <label>选项</label>
　　<input name="options[]" class="easyui-textbox" data-options="required:true" value="{{ old('option') }}" />
　　<a href="#" class="easyui-linkbutton" data-options="iconCls:'icon-remove'">删除</a>
 </div>`;

这时绑定事件应使用JQuery的 on() 的方式，而不再使用 bind() ,JQuery中on()是用来代替bind()此类函数的

通过父节点找到子节点，进行事件绑定
fm.on('click','.removeBtn',function () {
　　alert('1');
});

转载于:https://www.cnblogs.com/Richard-Tang/p/11005740.html