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

时间:2023-03-08 19:41:42

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'); }

相关文章