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());

}
  • 3
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值