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

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

在JQuery中动态追加

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

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

class 属性失效

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

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

<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>"); 
    </span>

<span style="font-size:18px;"> <span style="white-space:pre">	</span>$.parser.parse(tagobj); 
    </span>

不成功

原因是

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

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

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

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

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

[jquery after append appendTo三个函数的区别][jquery after append appendTo]

[jQuery EasyUI parser]: http://www.easyui.info/archives/216.html
[JS_EasyUI datebox_EasyUI_Class_EasyUI]: http://www.cnblogs.com/iyangyuan/p/3358239.html
[jquery after append appendTo]: http://blog.csdn.net/ljyabc1028/article/details/7341665