博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
easyui tab 关闭 打开
阅读量:7038 次
发布时间:2019-06-28

本文共 1614 字,大约阅读时间需要 5 分钟。

先说一下项目中遇到的问题,在index页面加了

function Read() {

$('#tabs').tabs({
onSelect: function (title) {
var currTab = $('#tabs').tabs('getTab', title);
var iframe = $(currTab.panel('options').content);
var src = iframe.attr('src');
if (title != null) {
if (title != "欢迎使用" && title != "添加商品") {
$('#tabs').tabs('update', { tab: currTab, options: { content: createFrame(src)} });
}
}
}
});
}

此方法用处为点击tab页,选中的tab页内容自动刷新(除欢迎使用和添加商品页面)。

但是商品管理页面有一个编辑商品,点击编辑商品不关闭编辑商品(添加商品)页,如果再从商品管理页中点击编辑商品,则编辑商品页面显示的为第一次打开编辑商品的内容,不合理的要求。

解决办法:

1、编辑商品方法:

function Edit(id, type) {

var tabTitle = "编辑商品";
var url = "/Admin/ProductGoods/AddProduct.aspx?ID=" + id;
var icon = "icon-addproduct";
var hasTab = window.parent.$('#tabs').tabs('exists', tabTitle);
if(hasTab==true){
$.ajax({
type: "Post",
async: false,
url: "../../qyjx/WebServices.aspx/SaveProductID",
contentType: "application/json; charset=utf-8",
dataType: "json",
data: "{ 'id': '" + id + "' }",
success: function (data) {
},
error: function (err) {
alert(err.responseText);
}
});
window.parent.$('#tabs').tabs('close', tabTitle);
}

 window.parent.addTab(tabTitle, url, icon);

其中window.parent.$('#tabs').tabs('close',tabTitle);方法为关闭页面(iframe)。但是关闭页面后编辑商品页面刷新,相当于重新加载。

故先判断在iframe中打开的tabs中是否有编辑商品页面,如果有,则先关闭,并且把点击编辑商品的商品ID用Session保存,以便于再次点击编辑商品时,把ID赋给隐藏域,在$(function(){})方法中判断ID是否为大于0的值,如果是,则先执行关闭编辑商品页面方法,再执行window.parent.addTab(tabTitle,url,icon)方法。

如果不存在编辑商品页面,则直接跳转到编辑商品页面。

切记:如果tabs页打开为iframe框架,关闭时一定用window.parent.$('#tt').tabs('close','XXX');

Session清除时直接Session["XX"]=null,不能用Session.Abandon()方法,Session.Abandon()方法为把Session全部销毁。

转载于:https://www.cnblogs.com/licai87/p/3699154.html

你可能感兴趣的文章
C++STL概览
查看>>
POJ 1753 Flip Game (递归枚举)
查看>>
HDU 4546 比赛难度
查看>>
关于ubuntu
查看>>
用两个栈模拟一个队列
查看>>
给浏览器网页标签页添加图标
查看>>
转载:Erlang 资源
查看>>
C++ 构造函数的对象初始化列表
查看>>
HTTP2.0
查看>>
企业架构 - 使用价值流分析找到价值所在
查看>>
Lintcode: Subarray Sum 解题报告
查看>>
自动定时重启sql server回收内存
查看>>
压力测试以及性能分析工具
查看>>
10款AJAX/CSS/HTML的在线表单生成器
查看>>
android之app widget(三)
查看>>
在 .NET 3.5 中序列化和反序列化 JSON
查看>>
flash左导航不显示
查看>>
SAP BW好文章链接
查看>>
C#防止WebBrowser在新窗口中打开链接页面
查看>>
MongoDB 2.4 RC2 (2.3 开发系列) 发行说明
查看>>