EasyUI Parser 解析器

2023-02-22 14:45:20

Parser(解析器)应用场景

1,自动调用parser

只要我们书写相应的class,easyui就能成功的渲染页面,这是因为解析器在默认情况下,会在dom加载完成的时候($(docunment).ready)被调用,而且是渲染整个页面。

2,手动调用parser

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

以如下代码为例:

<div class="easyui-accordion" id="tt">

        <div title="title1">1</div>

<div title="title2">2</div>

</div>

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

解析目标位指定DOM的所有子孙元素,不包好该DOM本身:因此正确的写法为:$parser.parser($('tt').parent()),并非
```
$.parser.parse($('#tt'));    
```
尽量不要多次解析同一个DOM元素(ID):页面初始化就已经主动渲染过dom节点了,你再次手动解析该dom节点时该dom已经被parser重构,得到的DOM就并非是你料想的结果，该方式应该尽量避免。

easyUI datagrid 多行多列数据渲染异常缓慢原因以及解决方法:给每列的宽度赋值,来降低表格计算宽度消耗的时间.