easyUI layout 中使用tabs+iframe解决请求两次方法
2015-05-09 08:57
387 查看
demo中的事例在加载tab页面时是
由于学疏才浅,简单的理解为,页面加载时iframe渲染一次,tab加载时又刷新一次页面,导致两次请求
而在tabs执行'update'前加上opts.content = "";便解决了两次请求的问题,不知道会不会有什么后患
后期发现点击树叶节点,界面不在刷新,是因为在执行addTab 这个function时var url = $(currTab.panel('options').content).attr('src');此时得到的url="",所以不能继续向下执行做update方法;我就干脆把它注释掉了,直接用参数里传过来的url参数。开始想用创建好的iframe里的属性src,但是由于要传递参数,iframe创建好后,没有修改src属性,调到的参数值一直是第一次创建的iframe的src属性,所以干脆就注释了,使用了参数的url值,不知还会有什么Bug???
function createFrame(url) { var s = '<iframe name="iframepanel" scrolling="no" frameborder="0" src="' + url + '" style="width:100%;height:100%;"></iframe>'; return s; } var content = createFrame(url); $('#tabs').tabs('add', { title: title, content: content, closable: true });
由于学疏才浅,简单的理解为,页面加载时iframe渲染一次,tab加载时又刷新一次页面,导致两次请求
function _323(_324,pp,_325){ var _326=$.data(_324,"tabs"); _325=_325||{}; pp.panel($.extend({},_325,{border:false,noheader:true,closed:true,doSize:false,iconCls:(_325.icon?_325.icon:undefined),onLoad:function(){ if(_325.onLoad){ _325.onLoad.call(this,arguments); } _326.options.onLoad.call(_324,$(this)); }})); var opts=pp.panel("options"); var tabs=$(_324).children("div.tabs-header").find("ul.tabs"); opts.tab=$("<li></li>").appendTo(tabs); opts.tab.append("<a href=\"javascript:void(0)\" class=\"tabs-inner\">"+"<span class=\"tabs-title\"></span>"+"<span class=\"tabs-icon\"></span>"+"</a>"); $(_324).tabs("update", { tab: pp, options: opts }); };
而在tabs执行'update'前加上opts.content = "";便解决了两次请求的问题,不知道会不会有什么后患
后期发现点击树叶节点,界面不在刷新,是因为在执行addTab 这个function时var url = $(currTab.panel('options').content).attr('src');此时得到的url="",所以不能继续向下执行做update方法;我就干脆把它注释掉了,直接用参数里传过来的url参数。开始想用创建好的iframe里的属性src,但是由于要传递参数,iframe创建好后,没有修改src属性,调到的参数值一直是第一次创建的iframe的src属性,所以干脆就注释了,使用了参数的url值,不知还会有什么Bug???
相关文章推荐
- easyUI layout 中使用tabs+iframe解决请求两次方法
- httpClient使用postMethod方法发送请求,携带参数并解决中文乱码问题
- Java后台使用get方式远程跨域请求,返回数据为中文乱码解决方法
- 'Invalid parameter not satisfying: URLString'网络请求的时候get使用特殊字符和汉字崩溃的恶心bug解决方法
- easyui datagrid请求两次解决方法
- jQuery插件Easyui设置datagrid的pageNumber导致两次请求问题的解决方法
- 解决angularjs使用iframe加载网址的跨域请求
- 使用ajax请求SpringMVC返回Json出现乱码解决方法
- 按钮的Ajax请求时一次点击两次提交的解决方法
- 使用 Hibernate 在 JPA 中 调用 generateSchema 会出现执行两次 SQL 语句问题的解决方法
- 使用dubbo协议请求时的异常及解决方法
- 使用ajax请求 返回Json出现乱码解决方法
- vue-cli的axios使用方法,get、post请求的跨域问题解决
- springsecurity使用异步POSt请求报404错误的解决方法
- JavaWEB springmvc 使用定时任务(即实例化两次解决方法)
- 使用fiddler无法抓取本地http请求的解决方法
- 'Invalid parameter not satisfying: URLString'网络请求的时候get使用特殊字符和汉字崩溃的恶心bug解决方法
- iis 访问由于凭据无效被拒绝+请求的资源在使用中的解决方法
- iframe的onload在Chrome/Opera中执行两次Bug的解决方法
- 解决easyui-tabs中使用iframe时出现两个垂直滚动条