在easyUI中,parser是在页面加载完成之后自动加载,将代码根据class渲染为不同的插件。除了自动加载之后,编程人员还可以使用手动调用的方式,比如$.parser.parse("#id")的方式进行调用,这样就可以允许编程人员根据不同需求动态加入不同的插件的代码,再使用该段代码的唯一id,利用parser进行渲染,比如插入插件代码至页面,代码如下:
<div class="easyui-accordion" id="tt"> <div title="title1">1</div> <div title="title2">2</div> </div>
此时的页面已有该插件代码,但是却不会出现插件效果,原因在于没有对该代码进行调用parser渲染,在调用parser的时候需要注意,首先,解析的目标只包含我们指定的demo的子孙内容,不包括内容本身,比如要解析上面的代码时,使用一下的代码,则无法获得预期的效果:
$.parser.parse($(‘#tt‘));
若要获取预期效果,则需要:
$.parser.parse($(‘#tt‘).parent());
其次,还需要注意,某些插件是无法重复解析的,如在页面中已有如下代码:
<div class="easyui-accordion" id="tt"> </div>
此时若是需要再次添加代码:
$(‘#tt‘).append(‘<div title="title1">1</div><div title="title2">2</div>‘) $.parser.parse($(‘#tt‘).parent());
按以上的代码进行解析的话,也无法到达预期的效果,原因在于id为tt的div在页面加载时,已经解析过了,此时你再欲解析,就无效了。另外文章原文在:http://www.easyui.info/archives/216.html,有需要的朋友可以自己去看看
$(‘#tt‘).append(‘<div title="title1">1</div><div title="title2">2</div>‘) $.parser.parse($(‘#tt‘).parent());
时间: 2024-10-22 08:50:48