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=http://www.mamicode.com/"‘ + 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=http://www.mamicode.com/"‘ + href + ‘" style="width:100%;height:100%;"></iframe>‘;></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=http://www.mamicode.com/"‘ + ‘/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=http://www.mamicode.com/"‘ + ‘/Backstage/MenuItem/getMenuItemContent?id=‘ + rows[0].ID + ‘" style="width:100%;height:100%;"></iframe>‘>});                    //-----修改按钮-----start                }            }

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