EasyUI之Parser(解析器)

$.parser.parse()

parser能够有两种用法:

1、$.parser.parse();不带參数,默认解析该页面中全部被定义为easyui组件的节点。
2、$.parser.parse('#cc');带一个jquery选择器，使用这样的方式我们能够单独解析局部的easyui组件节点。

parser属性:

$.parser.auto
类型:boolean
描述:定义是否自己主动解析easyui组件
默认值:true

$.parser.onComplete当语法解析完毕之后触发的event

依据上表$.parser.onComplete是easyui语法解析完毕之后触发的事件,这个事件是十分实用的。比如在加载一个页面时,页面并非立即就展现的,由于parser在dom加载完毕之后才会对整个页面进行解析,当页面组件使用较多的时候,完整的解析组件必然须要耗费较多的时间,这一过程可能就会出现短暂的界面混乱现象。解决的办法就是:利用onComplete事件再结合一个加载遮罩层就攻克了。

在JavaScript中一些dom元素是动态拼接上的easui的样式，由于页面已经渲染过了，所以需要手动执行渲染某个部件或者整个页面

需要手动调用的情况是:当页面已经加载完成,但是此时我们使用js生成的DOM中包含了easyui支持的class,并且我们也有将其渲染成easyui组件的需求。在这种情况下手动调用parser就不可避免了。

以例如以下代码为例:

<div class="easyui-accordion" id="tt">
        <div title="title1">1div>
<div title="title2">2div>
div>

当上述代码的生成在easyui渲染界面之后,因为easyui不会一直监听页面,所以该段代码并不会并渲染成“手风琴DIV”的样式,这时候就须要我们手动去结下了。只是这里需注意例如以下方面，上面也有提及。

解析目标位指定DOM的全部子孙元素,不包好该DOM本身:因此正确的写法为:$parser.parser($('tt').parent()),并不是

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

尽量不要多次解析同一个DOM元素(ID):页面初始化就已经主动渲染过dom节点了,你再次手动解析该dom节点时该dom已经被parser重构,得到的DOM就并不是是你料想的结果，该方式应该尽量避免。