jQuery MiniUI
标题:
主框架布局测试页面空白
[打印本页]
作者:
wangqian0628
时间:
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="" />
<!--jQuery js-->
<script src="../scripts/jquery-1.11.2.min.js" type="text/javascript"></script>
<!--MiniUI-->
<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>
<!--Layout-->
<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;">
<!--Splitter-->
<div class="mini-splitter" style="width:100%;height:100%;" borderStyle="border:0;">
<div size="180" maxSize="250" minSize="100" showCollapseButton="true">
<!--OutlookTree-->
<div id="leftTree" class="mini-outlooktree" url="../data/outlooktree.txt"
textField="text" idField="id" parentField="pid"
>
</div>
</div>
<div showCollapseButton="false">
<!--Tabs-->
<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>
作者:
felt
时间:
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
时间:
2015-5-13 10:31:00
felt 发表于 2015-5-13 10:25
1 doctype用标准的
2 不要多次引用miniui,boot.js里默认是将上面3个文件统一引入了
恩,好了,非常感谢!
欢迎光临 jQuery MiniUI (http://miniui.com/discuss/)
Powered by Discuz! X2