easyui 动态添加input标签

 动态添加easyui控件<input class=" easyui-textbox" > 这样是无效的，因为easyui没有实时监控，所以必须动态渲染$.parser.parse();

1. $.parser.parse(context)  
2. //context  为待查找的 DOM 元素集、文档或 jQuery 对象,为空时默认为整个文档  
3. //渲染对象为： class="easyui-pluginName"的元素  

注意  如果想通过id 获取 jQuery对象来获取的话必须        $.parser.parse($('#judge_logic_').parent());  后面必须有一个   .parent()  否则无效

 

 

像下面代码去手工解析的话是得不到你想要的结果的：

$.parser.parse($('#tt'));

道理很简单，parser只渲染tt的子孙元素，并不包括tt自身，而它的子孙元素并不包含任何Easyui支持的控件class，所以这个地方就得不到你想要的手风琴效果了，应该这样写：

$.parser.parse($('#tt').parent());

渲染tt的父节点的所有子孙元素就可以了，个人觉得通过jQuery的parent()方法是最安全不过的了，不管你的javascript输出了什么DOM，直接渲染其父节点就可以保证页面能被正确解析

保证动态添加的还能用到原生的校验

<input class="easyui-validatebox easyui-textbox" name="links_desc" data-options="required:true" id="links_desc"  >';

这两个样式是不能少的

直接渲染的话只要 easyui-textbox这个样式

附上代码

var html ='<tr>'
html +='<td>关键字:</td>'
html +='<td>'
html +='<input class="easyui-validatebox easyui-textbox" name="links_desc" data-options="required:true" id="links_desc"  >';
html +='</td>'
html +='</tr>';
if(val==1){
$("#zhuangtai").after(html)
$.parser.parse($("#links_desc").parent());

}