查看: 7047|回复: 10

tree 如果使用 [复制链接]

hw_2x_vc

注册会员

Rank: 2

电梯直达

楼主

发表于 2017-3-5 16:07:27 |只看该作者 |倒序浏览

如图树形的内容没有加载

页面出现如下错误提示
具体代码如下：

<!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>
<title>后台管理系统</title>
<meta http-equiv="content-type" content="text/html; charset=UTF-8" />
<link href="/miniui/demo.css" rel="stylesheet" type="text/css" />
<script  type="text/javascript" src="/miniui/scripts/boot.js"></script>
<script  type="text/javascript" src="/miniui/scripts/jquery-1.6.2.min.js"></script>
<script src="/miniui/core.js" type="text/javascript"></script>
<script src="/miniui/scripts/tongji.js" type="text/javascript"></script>

<style type="text/css">
html, body{
      margin:0;padding:0;border:0;width:100%;height:100%;overflow:hidden;
}

.logo
{
      font-family:"微软雅黑", "Helvetica Neue",Helvetica,Arial,sans-serif;
      font-size:28px;
      font-weight:bold;
      cursor:default;
      position:absolute;top:25px;left:14px;
      line-height:28px;
      color:#444;
}
.topNav
{
      position:absolute;right:8px;top:12px;
      font-size:12px;
      line-height:25px;
}
.topNav a
{
      text-decoration:none;
      font-weight:normal;
      font-size:12px;
      line-height:25px;
      margin-left:3px;
      margin-right:3px;
      color:#333;
}
.topNav a:hover
{
      text-decoration:underline;
}
   .mini-layout-region-south img
{
      vertical-align:top;
}
</style>
</head>
<body>
<div class="mini-layout" style="width:100%;height:100%;">
<div title="north" region="north" class="app-header" bodyStyle="overflow:hidden;" height="80" showHeader="false" showSplit="false">
      <div class="logo">管理后台</div>

      <div class="topNav">
         <a href="../index.html">首页</a> |
         <a href="../demo">查看帮助</a> |
         <a href="../docs/api">查询消息</a> |
         <a href="../docs/tutorial">修改密码</a> |
         <a href="../docs/quickstart">联系我们</a>
      </div>

</div>
<div showHeader="false" region="south" style="border:0;text-align:center;" height="25" showSplit="false">
      Copyright © 有限公司版权所有
</div>
<div region="west" title="系统导航" showHeader="true" bodyStyle="padding-left:1px;" showSplitIcon="true" width="230" minWidth="100" maxWidth="350">
      <ul id="demoTree" class="mini-tree" showTreeIcon="true" style="width:100%;height:100%;"enableHotTrack="true" >
      </ul>
</div>
<div title="center" region="center" style="border:0;">
      <div id="mainTabs" class="mini-tabs" activeIndex="0" style="width:100%;height:100%;"

      >
         <div title="Demo">
            <iframe src="overview.html" id="mainframe" frameborder="0" name="main" style="width:100%;height:100%;" border="0"></iframe>
         </div>
         <div title="Code">
            <iframe id="codeframe" frameborder="0" name="code" style="width:100%;height:100%;" border="0"></iframe>
         </div>
      </div>
</div>

</div>
</body>
</html>
<script type="text/javascript">
mini.parse();
var list = [
         { id: "base", text: "Base" },
         { id: "ajax", text: "Ajax", pid: "base" },
         { id: "json", text: "JSON", pid: "base" },
         { id: "date", text: "Date", pid: "base" },
         { id: "control", text: "Control", pid: "base" },
         { id: "forms", text: "Forms", pid: "base" },
         { id: "button", text: "Button", pid: "forms" },
         { id: "listbox", text: "ListBox", pid: "forms" },
         { id: "checkboxlist", text: "CheckBoxList", pid: "forms" },
         { id: "lists", text: "Lists" },
         { id: "datagrid", text: "DataGrid", pid: "lists" },
         { id: "tree", text: "Tree", pid: "lists" },
         { id: "treegrid", text: "TreeGrid ", pid: "lists" }
];
var tree3 = mini.get("demoTree");
tree3.loadList(list, "id", "pid");

function onBeforeExpand(e) {
      var tree = e.sender;
      var nowNode = e.node;
      var level = tree.getLevel(nowNode);

      var root = tree.getRootNode();
      tree.cascadeChild(root, function (node) {
         if (tree.isExpandedNode(node)) {
            var level2 = tree.getLevel(node);
            if (node != nowNode && !tree.isAncestor(node, nowNode) && level == level2) {
                  tree.collapseNode(node, true);
            }
         }
      });

}

</script>

附件: 你需要登录才可以下载或查看附件。没有帐号？立即注册

收藏0

dforce

超级版主

Rank: 8 Rank: 8

沙发

发表于 2017-3-6 09:10:14 |只看该作者

复制你的代码，本地可以正常呈现树。

附件: 你需要登录才可以下载或查看附件。没有帐号？立即注册

hw_2x_vc

注册会员

Rank: 2

板凳

发表于 2017-3-6 09:29:32 |只看该作者

Uncaught TypeError: jQuery(...)[lO01Ol] is not a function
at mini._GridO0o1 (miniui.js:11)
at oo10O0.l001o1 (miniui.js:11)
at oo10O0.lO1ol0 (miniui.js:11)
at new oo10O0 (miniui.js:11)
at Object.mini.lool0 (miniui.js:11)
at Object.mini.lool0 (miniui.js:11)
at Object.mini.lool0 (miniui.js:11)
at Object.mini.lool0 (miniui.js:11)
at Object.mini.lool0 (miniui.js:11)
at Object.mini.lool0 (miniui.js:11)
用360浏览器和谷歌浏览器都有这样的问题