jQuery MiniUI

标题: tree 如果使用 [打印本页]

作者: hw_2x_vc 时间: 2017-3-5 16:07:27 标题: tree 如果使用

[attach]8903[/attach]
如图树形的内容没有加载
[attach]8904[/attach]
页面出现如下错误提示
具体代码如下：

<!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>

作者: dforce 时间: 2017-3-6 09:10:14

[attach]8905[/attach][attach]8906[/attach]复制你的代码，本地可以正常呈现树。

作者: hw_2x_vc 时间: 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浏览器和谷歌浏览器都有这样的问题

作者: hw_2x_vc 时间: 2017-3-6 09:32:47

<script type="text/javascript" src="/miniui/scripts/jquery-1.6.2.min.js"></script>
<script type="text/javascript" src="/miniui/core.js"></script>
<script type="text/javascript" src="/miniui/scripts/tongji.js" ></script>
去掉上面3行后树可以显示,你们的JS文件有冲突吗?

作者: hw_2x_vc 时间: 2017-3-6 09:33:56

<script type="text/javascript" src="/miniui/scripts/jquery-1.6.2.min.js"></script>
加上这一句就不行

作者: hw_2x_vc 时间: 2017-3-6 09:37:04

<script type="text/javascript" src="/Content/style/lib/jquery-1.8.0.min.js"></script>
我加上这一句去掉1.6版本也是正常显示数了

作者: dforce 时间: 2017-3-6 09:58:39

hw_2x_vc 发表于 2017-3-6 09:37
我加上这一句去掉1.6版本也是正常显示数了

我们boot.js里默认有jquery的引用，看你的问题应该是多次引用jquery引起的，这个请自己注意了。

作者: hw_2x_vc 时间: 2017-3-6 13:03:44

我的代码就不需要引用jq了对吧

作者: dforce 时间: 2017-3-6 13:07:54

hw_2x_vc 发表于 2017-3-6 13:03
我的代码就不需要引用jq了对吧

如果已经有了引用，就不需要重复引用。

作者: hw_2x_vc 时间: 2017-3-8 17:54:04

我想做到 tree 先加载一级点击到节点的时候在加载该节点的下一级菜单

作者: felt 时间: 2017-3-8 18:34:07

hw_2x_vc 发表于 2017-3-8 17:54
我想做到 tree 先加载一级点击到节点的时候在加载该节点的下一级菜单

http://www.miniui.com/demo/#src=tree/lazytree.html
可以参考懒加载示例

欢迎光临 jQuery MiniUI (http://miniui.com/discuss/)