EasyUI中Tabs添加远程数据的方法。

Posted 2020-10-09 longdb

tabs加载远程数据：

   $(function () {
            $("#btnquery").click(function () {
                if (!$("#tcontent").tabs(‘exists‘, ‘信息查询‘)) {//不存在该tab就创建，存在则切换到该tab上。
                    $(‘#tcontent‘).tabs(‘add‘, {
                        title: ‘信息查询‘,
                        content: ‘<iframe style="width:100%;height:100%" src="frm_infor.aspx"></iframe>‘,
                        closable: true        
                    });
                  
                }
                else {
                    $(‘#tabs‘).tabs(‘select‘, ‘信息查询‘);
                    alert(‘存在‘);
                }
            });
        });

或者向content中嵌入一个div:

   function showTabs() {
            $(‘#tcontent‘).tabs(‘add‘, {
                title: ‘EasyUI-Tabs‘,
                content: ‘<div id="divmain" style="width:inherit;height:600px"></div>‘,
                closable: true
            });
            var if_w = $("#divmain").width();
            var if_h = $("#divmain").height();
            $("<iframe width=‘" + if_w + "‘ height=‘" + if_h + "‘ id=‘ifm‘></iframe>").prependTo("#divmain");
            $("#ifm").attr("src", ‘EasyUIPlugin/wfrmTabs.aspx‘);
           
        }