第十一章 easyUI动态添加控件带渲染效果.docVIP

jQuery EasyUI动态添加控件或者ajax加载页面后不能自动渲染问题的解决方法 2011-03-22 12:53 现象： ?????? AJAX返回的html无法做到自动渲染为EasyUI的样式.比如：class=easyui-layout 等 ? 处理方法： ????? 在html片段加载完毕后使用 Js代码 ? $.parser.parse(context)?? ???? 即可重新渲染。 ? 实现原理： ? ??? 首先附上jquery.parser.js的源码 Js代码 ? (function($){?? ????$.parser?=?{?? ????????auto:?true,?? ????????plugins:[linkbutton,menu,menubutton,splitbutton,layout,?? ?????????????????tree,window,dialog,datagrid,?? ?????????????????combobox,combotree,numberbox,validatebox,?? ?????????????????calendar,datebox,panel,tabs,accordion?? ????????],?? ????????parse:?function(context){?? ????????????if?($.parser.auto){?? ????????????????for(var?i=0;?i$.parser.plugins.length;?i++){?? ????????????????????(function(){?? ????????????????????????var?name?=?$.parser.plugins[i];?? ????????????????????????var?r?=?$(.easyui-?+?name,?context);?? ????????????????????????if?(r.length){?? ????????????????????????????if?(r[name]){?? ????????????????????????????????r[name]();?? ????????????????????????????}?else?if?(window.easyloader){?? ????????????????????????????????easyloader.load(name,?function(){?? ????????????????????????????????????r[name]();?? ????????????????????????????????})?? ????????????????????????????}?? ????????????????????????}?? ????????????????????})();?? ????????????????}?? ????????????}?? ????????}?? ????};?? ????$(function(){?? ????????$.parser.parse();?? ????});?? })(jQuery);?? ?? 框架默认在页面加载完成后自动使用$.parser.parse()对整个文档进行渲染 ? Js代码 ? $.parser.auto???//是否自动进行渲染?? $.parser.plugins??//包含目前EasyUI框架中所有的插件名称?? $.parser.parse(context)?? //context??为待查找的?DOM?元素集、文档或?jQuery?对象,为空时默认为整个文档?? //渲染对象为：?class=easyui-pluginName的元素?? jQuery EasyUI parser 的使用场景 2012年03月07日???parser?? 共 1237字 ??评论数 1?? 被围观 3,768 views+ 文章目录 [隐藏] 1自动调用parser： 2手动调用parser： 2.1(1) 解析目标为指定DOM的所有子孙元素，不包含这个DOM自身： 2.2(2) 某些组件无法多次解析同一个DOM元素： parser，故名意思，就是解析器的意思，别看他只有那么几行代码，jQuery Easyui 能够根据class就能正常渲染页面全靠它了。一般情况下，我们并用不到解析器，本文主要讨论一下，什么情况下会用到它，如何使用。 自动调用parser： 我们之所以在页面中，只要书写相应的class，Easyui就能成功渲染页面，这是因为解析器在默认情况