首页 > 代码库 > easyui中parser的简单用法

easyui中parser的简单用法

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

easyui中parser的简单用法