资源描述:
《easyUI动态添加控件带渲染效果》由会员上传分享,免费在线阅读,更多相关内容在教育资源-天天文库。
1、jQueryEasyUI动态添加控件或者ajax加载页面后不能自动渲染问题的解决方法2011-03-2212:53现象: AJAX返回的html无法做到自动渲染为EasyUI的样式.比如:class="easyui-layout"等 处理方法: 在html片段加载完毕后使用Js代码 1.$.parser.parse(context) 即可重新渲染。 实现原理: 首先附上jquery.parser.js的源码Js代码 1.(function($){ 2. $.parser = { 3. auto:
2、true, 4. plugins:['linkbutton','menu','menubutton','splitbutton','layout', 5. 'tree','window','dialog','datagrid', 6. 'combobox','combotree','numberbox','validatebox', 7. 'calendar','datebox','panel','tabs','accordion' 8
3、. ], 9. parse: function(context){ 10. if ($.parser.auto){ 11. for(var i=0; i<$.parser.plugins.length; i++){ 12. (function(){ 1. var name = $.parser.plugins[i]; 2. var r
4、= $('.easyui-' + name, context); 3. if (r.length){ 4. if (r[name]){ 5. r[name](); 6. } else if (window.easyloader){ 7. easyloader.load(n
5、ame, function(){ 8. r[name](); 9. }) 10. } 11. } 12. })(); 13. } 14. } 15. } 16. }; 17. $(functi
6、on(){ 18. $.parser.parse(); 19. }); 20.})(jQuery); 框架默认在页面加载完成后自动使用$.parser.parse()对整个文档进行渲染 Js代码 1.$.parser.auto //是否自动进行渲染 2.$.parser.plugins //包含目前EasyUI框架中所有的插件名称 3.$.parser.parse(context) 4.//context 为待查找的 DOM 元素集、文档或 jQuery 对象,为空时默认为整个文档 5.//渲染对象为: c
7、lass="easyui-pluginName"的元素 jQueryEasyUIparser的使用场景2012年03月07日 parser 共1237字 评论数1 被围观3,768views+文章目录[隐藏]·1自动调用parser:·2手动调用parser:o2.1(1)解析目标为指定DOM的所有子孙元素,不包含这个DOM自身:o2.2(2)某些组件无法多次解析同一个DOM元素:parser,故名意思,就是解析器的意思,别看他只有那么几行代码,jQueryEasyui能够根据class就能正常渲染页面全靠它了。一般情况下,我们并用不到解析器,本文主
8、要讨论一下,什么情况下会用到它,如何使用。自动调用parser:我们之所以在页面