查看: 5607|回复: 5

mini-tabs 子页内容不自动撑满tab页 [复制链接]

lang1165

注册会员

Rank: 2

电梯直达

楼主

发表于 2015-3-5 11:19:43 |只看该作者 |倒序浏览

mini-tabs

function showTab(node) {
      var tabs = mini.get("mainTabs");

      var id = "tab$" + node.id;
      var tab = tabs.getTab(id);
      if (!tab) {
         tab = {};
         tab._nodeid = node.id;
         tab.name = id;
         tab.title = node.text;
         tab.showCloseButton = true;

         //这里拼接了url，实际项目，应该从后台直接获得完整的url地址
         tab.url = "WebForm1.aspx";

         tabs.addTab(tab);
      }
      tabs.activeTab(tab);
}

子页代码：

<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="WebForm1.aspx.cs" Inherits="YT.Web.UI.WebForm1" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<title></title>
      <script src="Scripts/jquery-1.6.2.min.js" type="text/javascript"></script>
<script src="Scripts/miniui/miniui.js" type="text/javascript"></script>
<link href="Scripts/miniui/themes/icons.css" rel="stylesheet" type="text/css" />
<link href="Scripts/miniui/themes/default/miniui.css" rel="stylesheet" type="text/css" />
<script src="Scripts/contentjs.js" type="text/javascript"></script>
<style type="text/css">
      html, body{
         margin:0;padding:0;border:0;width:100%;height:100%;
      }
</style>
</head>
<body>
<form id="form1" runat="server" style=" width:100%;">
<div class="mini-splitter" vertical="true" style=" width:100%; height:100%;">
         <div size="50%" showCollapseButton="true">
1111<br />
1111<br />
1111<br />
1111<br />
1111<br />
1111<br />
1111<br />
1111<br />
1111<br />
1111<br />
</div>
<div showCollapseButton="true">
      22<br />
      22<br />
      22<br />
      22<br />
      22<br />
      22<br />
      22<br />
      22<br />
      22<br />
      22<br />
      22<br />
      22<br />
   </div>
      </div>
</form>
</body>
</html>

收藏0