easyui刷新渲染

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

须要经过使用 parse 解析器来从新进行渲染,具体代码以下java


/新增节点的字符串
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')); });

若是字符串中存在须要绑定事件的按钮,好比以下红色部分app

`<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');
});
相关文章
相关标签/搜索