easyUI动态添加控件带渲染效果

easyUI动态添加控件带渲染效果

ID:39550019

大小:55.50 KB

页数:5页

时间:2019-07-06

easyUI动态添加控件带渲染效果_第1页
easyUI动态添加控件带渲染效果_第2页
easyUI动态添加控件带渲染效果_第3页
easyUI动态添加控件带渲染效果_第4页
easyUI动态添加控件带渲染效果_第5页
资源描述:

《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:我们之所以在页面

当前文档最多预览五页,下载文档查看全文

此文档下载收益归作者所有

当前文档最多预览五页,下载文档查看全文
温馨提示:
1. 部分包含数学公式或PPT动画的文件,查看预览时可能会显示错乱或异常,文件下载后无此问题,请放心下载。
2. 本文档由用户上传,版权归属用户,天天文库负责整理代发布。如果您对本文档版权有争议请及时联系客服。
3. 下载前请仔细阅读文档内容,确认文档内容符合您的需求后进行下载,若出现内容与标题不符可向本站投诉处理。
4. 下载文档时可能由于网络波动等原因无法下载或下载错误,付费完成后未能成功下载的用户请联系客服处理。