easyui中parser的简单用法

Posted 2020-09-23

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