EasyUI之Parser(解析器)

最新推荐文章于 2019-11-25 22:30:37 发布

更好的自己520

最新推荐文章于 2019-11-25 22:30:37 发布

阅读量885

点赞数

分类专栏： EasyUI框架

本文链接：https://blog.csdn.net/a3060858469/article/details/82222708

版权

EasyUI的Parser用于解析页面中的easyui组件。它可以自动解析所有定义的组件，或者通过选择器解析特定部分。$.parser.auto属性控制自动解析，而$.parser.onComplete事件则在解析完成后触发，可用于解决因解析时间长导致的界面混乱问题。在动态生成DOM元素并包含easyui样式时，需手动调用parser。要注意解析的目标不包括DOM本身，且应避免对同一DOM元素多次解析。

摘要由CSDN通过智能技术生成

$.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就不可避免了。

以例如以下代码为例: