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'); });

猜你喜欢

转载自www.cnblogs.com/Richard-Tang/p/11005740.html