1. 多个tab切换,第2个不显示

动态添加tab Iframe页面的方法

展开
折叠

<script type="text/javascript">
$(function () {
//创建树形结构
var tt = $('#main-center');
$('#tt').tree({
url: '/Backstage/Home/MenuItem/',
//单击事件
onClick: function (node) {
//console.info($('#main-center').tabs('exists', node.text))
//console.info(node.attributes.url)
if (node.children == null) {
//tab已经打开1个了
if (tt.tabs('exists', node.text)) {
tt.tabs('select', node.text);
}
else {
console.info(node.attributes.url)
$('#main-center').tabs('add', {
title: node.text,
//href: node.attributes.url,
closable: true,
content : '<iframe scrolling="yes" frameborder="0" src="' + node.attributes.url + '" style="width:100%;height:100%;"></iframe>'
});
} }
}
});
}) //function addTab(title, href) {
// var tt = $('#main-center');
// if (tt.tabs('exists', title)) {
// tt.tabs('select', title);
// } else {
// if (href) {
// var content = '<iframe scrolling="yes" frameborder="0" src="' + href + '" style="width:100%;height:100%;"></iframe>';
// } else {
// var content = '未实现';
// }
// tt.tabs('add', {
// title: title,
// closable: true,
// content: content
// });
// }
//}
</script>

2.datagrid里的控件 创建tab

2.1 父页的jquery和iframe里面的jquery获取到的元素调用不是easyui的扩展后的对象,没有tabs方法,要调用父页的jquery

parent.$('#main-center', parent.document).tabs('add', {
title: '修改',
href: '/Backstage/MenuItem/getMenuItemContent?id=' + rows[0].ID,
closable: true,
//content: '<iframe scrolling="yes" frameborder="0" src="' + '/Backstage/MenuItem/getMenuItemContent?id=' + rows[0].ID + '" style="width:100%;height:100%;"></iframe>'
});

完整代码

//-----------修改按钮-------------
function editFun() {
var rows = _datagrid.datagrid('getSelections');
//alert(rows[0]);
//console.info(rows[0].ID)
//选择多行
if (rows.length != 1 && rows.length != 0) {
var names = [];
for (var i = 0; i < rows.length; i++) {
names.push(rows[i].UserName);
}
$.messager.show({
title: '提示',
msg: '只能选择一条记录编辑!<br>您选择了' + names.length + '条记录!'
});
} else if (rows.length == 0) {
$.messager.alert('提示', '请选择要修改的记录!', 'error')
}
//选择1行
else if (rows.length == 1) { //-----修改按钮-----start
//console.info($('#main-center'))
//console.info($(window.parent.document.body).find('#main-center'))
parent.$('#main-center', parent.document).tabs('add', {
title: '修改',
href: '/Backstage/MenuItem/getMenuItemContent?id=' + rows[0].ID,
closable: true,
//content: '<iframe scrolling="yes" frameborder="0" src="' + '/Backstage/MenuItem/getMenuItemContent?id=' + rows[0].ID + '" style="width:100%;height:100%;"></iframe>'
});
//-----修改按钮-----start
}
}

EasyUi–7.tab和datagrid和iframe的问题的更多相关文章

  1. EasyUi–7.tab和datagrid和iframe的问题

    1. 多个tab切换,第2个不显示 动态添加tab Iframe页面的方法 展开 折叠 <script type="text/javascript"> $(functi ...

  2. easyUI跨Tab操作datagrid

    1.在datagrid那个页面定义方法 window.top["RELOAD_MY_DATAGRID"]=function(){ $("#dg").datagr ...

  3. easyui中Tab的tools按钮刷新当前tab

    easyui中Tab的tools按钮刷新当前tab 点击刷新按钮,刷新当前Tab选项卡. $('#index_tabs').tabs({ fit : true, border : false, too ...

  4. 【easyui】Tab的tools按钮刷新当前tab

    点击刷新按钮,刷新当前Tab选项卡 /** * Name 选项卡初始化 */ $('#home-tabs').tabs({ tools: [{ iconCls: 'icon-reload', bord ...

  5. 由easyui的tab在ie下渲染失败,发现的一个有意义的问题

    今天项目组的同事反映,在IE浏览器下,所有用easyui编写的tab控件都加载不出来,只会显示一个Loading的提示在控件的内容显示区. 刚分析这个问题,首先怀疑是使用easyui的tab的脚本写法 ...

  6. easyui的tab加载页面中的form重复提交

    http://blog.csdn.net/fxz1982/article/details/8987769 Easyui中的tabs组件以href方式加载目标页面,如果目标页面中有dialog或者win ...

  7. 关于easyui的tab,layout,datagrid嵌套的问题

    我的项目使用easyui作为前台的展示框架现在页面中是一个layout布局(分上,左,中)在左边是一些菜单,点击后,在中间部分增加一个tab显示内容而增加的tab里面是显示一些列表数据,列表上面是查询 ...

  8. EasyUI 添加tab页(iframe方式)(转)

    function addTab(title, href,icon){ var tt = $('#tabs'); if (tt.tabs('exists', title)){//如果tab已经存在,则选 ...

  9. EasyUI 添加tab页(iframe方式)

    function addTab(title, href,icon){ var tt = $('#tabs'); if (tt.tabs('exists', title)){//如果tab已经存在,则选 ...

随机推荐

  1. unity销毁层级物体及 NGUI 深度理解总结

    http://www.2cto.com/kf/201311/258811.html 1.想找到层级面板中某个物体,并销毁,利用下面的代码:    GameObject  obj = GameObjec ...

  2. header()相关

    header("Content-type: text/html; charset=utf-8"); header("refresh:3;url=biaodan.php?n ...

  3. MySQL 同主机不同数据库之间的复制

    MySQL同主机不同数据库的复制命令:注意运行在Terminal中,不运行在MySQL命令行中. mysqldump Portal_DEV -u root -ppassword1 --add-drop ...

  4. PYTHON seek()tell()语句

    print(f.tell()) # 显示当前位置 f.seek(0) #回到某一起点

  5. BZOJ 4596: [Shoi2016]黑暗前的幻想乡

    Sol 容斥原理+Matrix-Tree定理.容斥跟小星星那道题是一样的,然后...直接Matrix-Tree定理就可以了... 复杂度\(O(2^{n-1}n^3)\) PS:调了好久啊QAQ 明明 ...

  6. HDU 1495 非常可乐

    http://acm.hust.edu.cn/vjudge/contest/view.action?cid=103711#problem/M /*BFS简单题 链接地址: http://acm.hdu ...

  7. EXTJS Ajax请求中文乱码

    设置actionMethods, read为post proxy: { type: 'ajax', url: '../Dictionary/query', actionMethods: { read: ...

  8. 利用php的register_shutdown_function来记录php的输出日志

    最近在做的一个项目..由于全是通过远程http请求来调用php的接口程序.. 接收到的参数和返回的内容对开发人员来说都是未知不可见的.. 虽然可以通过直接在脚本中模拟请求..但由于实际环境复杂的多.. ...

  9. 【Nginx】nginx 代理 Haproxy 怎么设置?

    由于Haproxy是通过 url 正则匹配 识别 的,nginx代理到 haproxy需要设置 proxy_set_header Host 为 haproxy的目标 url 直接上配置 upstrea ...

  10. 【GoLang】与或非 异或操作

    在Go规范,^这个运算符在一元运算符和二元运算符中都出现了.那么他们分别是啥?在规范中说道:^ bitwise XOR integers这是按位异或. Go语言位操作实例 <!-- lang: ...