JQuery中动态添加easyui组件 动态渲染 parser具体怎么用

女爷i 2022-08-09 12:44 98阅读 0赞

在JQuery中动态追加 

  1. <span style="font-size:18px;">         $('#addSensorBtn').after("<div class='fitem' ><label> 传感器类型</label><input name='sensorName' class='easyui-validatebox' required='true' id='sensorName' /></div>"); 
  2. </span>

（注意双引号里面的单引号）

class 属性失效

原因是easyui只在最初页面加载的时候进行一次性渲染

按照网上说的用 parser 渲染，我尝试第一种 ：

  1. <span style="font-size:18px;">          var tagobj = $('#addSensorBtn').after("<div class='fitem' ><label> 传感器类型</label><input name='sensorName' class='easyui-validatebox' required='true' id='sensorName' /></div>"); 
  2. </span>
  4. <span style="font-size:18px;"> <span style="white-space:pre">    </span>$.parser.parse(tagobj); 
  5. </span>

不成功

原因是

解析目标为指定DOM的所有子孙元素，不包含这个DOM自身

而用after追加在 after() 方法在被选元素后插入指定的内容。并不是之前div的子孙元素

应该这样写 $.parser.parse(tagobj.parent());

参考资料：jQuery EasyUI parser 的使用场景

JS动态修改页面EasyUI datebox不生效、EasyUI动态添加Class、EasyUI动态渲染解析解决方案

jquery after append appendTo三个函数的区别

发表评论

表情：
评论列表 （有 0 条评论，98人围观）

还没有评论，来说两句吧...

相关阅读