easyui 学习初步1

项目中使用了easyui,临时学习了一下.在这给大家分享一下.说明使用的是最新的easyui版本1.3.6

Parser插件使用

 

auto:是否自动解析EasyUI组件,默认的值为true

onComplete:在解析器完成解析操作的时候触发

parse:解析EasyUI组件含有conext参数.

 

parser插件中的部分源码如下

 

在源码中我们可以看到parser解析easyUI插件的整个过程,plugins定义了整个插件的名字,parse则是通过for循环对plugins中的值进行遍历,如果使用的时候parser()不带参数的函数,则会解析页面中全部的easyUI的组件,如果是带有参数的函数parser("#cc"),则会在遍历的时候会含有连个参数的jQuery选择器$('.easyui-'+name,context),这样选择出来的对象就会有唯一的一个(后面会说明用在什么情况下);通过下面的for循环逐步解析.

 

如果没有初始化函数则使用easyloaser进行解析,代码如下:

easyloader的load方法源码如下

 

这样就可以把页面中所含有的easyUI组件全部解析出来,当把一些html进行脚本化的时候,如果html中含有easyUI的组件,而parser没有办法进行解析,那么这个时候就需要显示的使用parser函数进行解析(采用全局的或者特定的部分).

此时的ul标签中使用了easyUI的tree组件,后追加的html中添加的组件很有不可能不被解析,组件中所有的事件也无法绑定,这个时候就需要使用parser进行解析$.parser.parse('#cc');