查看: 1612|回复: 2

主框架布局测试页面空白 [复制链接]

wangqian0628

新手上路

Rank: 1

电梯直达

楼主

发表于 2015-5-13 10:15:45 |只看该作者 |倒序浏览

http://www.miniui.com/docs/quickstart/layout.html

这个测试页面我一步步安装教程完成的，可是打开页面后一直空白。

<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="index.aspx.cs" Inherits="QBasicWeb.admin.index" %>

<!DOCTYPE html>

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">

<title>网站后台管理</title>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<meta name="keywords" content="" />
<meta name="description" content="" />


<script src="../scripts/jquery-1.11.2.min.js" type="text/javascript"></script>

<link href="../scripts/miniui/themes/default/miniui.css" rel="stylesheet" type="text/css" />
<script src="../scripts/miniui/miniui.js" type="text/javascript"></script>

<script src="../scripts/boot.js" type="text/javascript"></script>

<script type="text/javascript">
      function showTab(node) {
         var tabs = mini.get("mainTabs");
         var id = "tab$" + node.id;
         var tab = tabs.getTab(id);
         if (!tab) {
            tab = {};
            tab.name = id;
            tab.title = node.text;
            tab.showCloseButton = true;
            tab.url = node.url;
            tabs.addTab(tab);
         }
         tabs.activeTab(tab);
      }

      function onNodeSelect(e) {
         var node = e.node;
         var isLeaf = e.isLeaf;

         if (isLeaf) {
            showTab(node);
         }
      }
</script>

</head>
<body>


<div id="layout1" class="mini-layout" style="width:100%;height:100%;">
      <div class="header" region="north" height="70" showSplit="false" showHeader="false">
      </div>
      <div title="south" region="south" showSplit="false" showHeader="false" height="30" >
      </div>
      <div title="center" region="center" bodyStyle="overflow:hidden;">
         
         <div class="mini-splitter" style="width:100%;height:100%;" borderStyle="border:0;">
            <div size="180" maxSize="250" minSize="100" showCollapseButton="true">
                  
                  <div id="leftTree" class="mini-outlooktree" url="../data/outlooktree.txt"
                     textField="text" idField="id" parentField="pid"
                  >
                  </div>
            </div>
            <div showCollapseButton="false">
                  
                  <div id="mainTabs" class="mini-tabs bg-toolbar" activeIndex="0" style="width:100%;height:100%;"
                     bodyStyle="border:0;background:white;"
                  >
                     <div title="首页" url="../../docs/api/overview.html" >
                     </div>
                  </div>
            </div>
         </div>
      </div>
</div>

</body>
</html>

收藏0

felt

超级版主

Rank: 8 Rank: 8

沙发

发表于 2015-5-13 10:25:31 |只看该作者

1 doctype用标准的
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
2 不要多次引用miniui，boot.js里默认是将上面3个文件统一引入了
3 加样式
<style type="text/css">
html,body
{
height:100%;width:100%;padding:0;margin:0;
}
</style>

wangqian0628

新手上路

Rank: 1

板凳

发表于 2015-5-13 10:31:00 |只看该作者

felt 发表于 2015-5-13 10:25
1 doctype用标准的

2 不要多次引用miniui，boot.js里默认是将上面3个文件统一引入了

恩，好了，非常感谢！

返回列表

		自动登录	找回密码
密码			立即注册