jQuery MiniUI

标题: OutlookTree [打印本页]

作者: alwinzhang 时间: 2014-5-6 16:53:34 标题: OutlookTree

新手一个，按照示例那么做的，请问怎么不显示树呢？

作者: felt 时间: 2014-5-6 17:09:57

参考我们的试用包里面的demo和数据
对比下有什么不一样的地方

作者: alwinzhang 时间: 2014-5-7 09:14:39

felt 发表于 2014-5-6 17:09
参考我们的试用包里面的demo和数据
对比下有什么不一样的地方

<div id="leftTree" class="mini-outlooktree" textField="text" idField="id" parentField="pid"
onnodeselect = "onNodeSelect" url="outlookTree.txt">
</div>
请问，我把html界面和txt文件放到一个目录下，为什么提示json错误

作者: felt 时间: 2014-5-7 09:17:57

alwinzhang 发表于 2014-5-7 09:14
请问，我把html界面和txt文件放到一个目录下，为什么提示json错误

编码是不是一致，txt另存可以改编码格式，你改到utf-8

作者: alwinzhang 时间: 2014-5-7 09:23:17

felt 发表于 2014-5-7 09:17
编码是不是一致，txt另存可以改编码格式，你改到utf-8

我是这么写的
[
{id: "user", text: "用户管理"},
{id: "lists", text: "Lists", pid: "user" },
{id: "datagrid", text: "DataGrid", pid: "lists"},
{id: "tree", text: "Tree" , pid: "lists"},
]
可以吗，还是提示错误？谢谢

作者: factory 时间: 2014-5-7 09:28:08

alwinzhang 发表于 2014-5-7 09:23
我是这么写的
[
{id: "user", text: "用户管理"},

数组最后一项后面多了一个逗号
{id: "tree", text: "Tree" , pid: "lists"},

作者: alwinzhang 时间: 2014-5-7 09:29:28

felt 发表于 2014-5-7 09:17
编码是不是一致，txt另存可以改编码格式，你改到utf-8

可以了，谢谢

作者: alwinzhang 时间: 2014-5-7 10:28:47

请问datagrid如果读取txt文档，内容应该是什么格式的？谢谢

作者: factory 时间: 2014-5-7 10:37:14

alwinzhang 发表于 2014-5-7 10:28
请问datagrid如果读取txt文档，内容应该是什么格式的？谢谢

{
total:300, //总数据条数,表格的分页栏需要知道总记录数才能知道分成几页
data:[{},{},{}] //数据数组
}

http://www.miniui.com/docs/tutorial/datagrid.html 看下这个

作者: alwinzhang 时间: 2014-5-7 11:30:56

请问应该是这样的
{
total: 10,
   data: [ {1,2,3,4,5,6,7,8,9,0} ]
}
还是
{
total: 10,
   data: [ {name=“1”,pwd="2"} ]
}
谢谢

作者: felt 时间: 2014-5-7 11:33:11

alwinzhang 发表于 2014-5-7 11:30
请问应该是这样的
{
total: 10,

{
total: 10,
data: [ {a:"1",b:"2"} ,{a:"1",b:"2"} ,{a:"1",b:"2"} ,{a:"1",b:"2"} ....]
}
这样的，a,b对应列的field

作者: alwinzhang 时间: 2014-5-7 11:47:19

这个是代码：
<div id="datagrid1" class="mini-datagrid" style="width:800px;height:280px;" allowResize="true"
      url="dataGrid.txt"  idField="id" multiSelect="true" >
      <div property="columns">
         <div type="indexcolumn"></div>
         <div type="checkcolumn" ></div>
         <div field="loginname" width="120" headerAlign="center" allowSort="true">员工帐号</div>
         <div field="name" width="120" headerAlign="center" allowSort="true">姓名</div>
         <div field="createtime" width="100" headerAlign="center" dateFormat="yyyy-MM-dd" allowSort="true">创建日期</div>
         <div field="gender" width="120" headerAlign="center">性别</div>

      </div>
</div>
这个是我的txt，请问哪里不对呢，谢谢
{
total: 10,
   data: [{loginname:"1",name:"2",createtime:"1985-01-01",gender:"4"}]
}

作者: alwinzhang 时间: 2014-5-7 11:48:31

{
total: 10,
data: [{loginname="1",name="2",createtime="1985-01-01",gender="4"}]
}

作者: felt 时间: 2014-5-7 12:01:52

alwinzhang 发表于 2014-5-7 11:48
{
total: 10,
data: [{loginname="1",name="2",createtime="1985-01-01",gender="4"}]

用“：”
url加载的需要grid.load()一下

作者: alwinzhang 时间: 2014-5-7 14:03:42

请问我点击左侧的树节点的时候，为什么右侧的tab页面是空白的，不显示datagrid.html呢，谢谢了
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 = "datagrid.html";
         tabs.addTab(tab);
      }
      tabs.activeTab(tab);
}

function onMenuClick(e) {
   var item = e.item;
   var isLeaf = e.isLeaf;
   iframe.src = item.url;
   if (isLeaf) {
      showTab(item);
   }
}

作者: factory 时间: 2014-5-7 14:14:43

alwinzhang 发表于 2014-5-7 14:03
请问我点击左侧的树节点的时候，为什么右侧的tab页面是空白的，不显示datagrid.html呢，谢谢了
function sh ...

tab正常新增了吗

作者: alwinzhang 时间: 2014-5-7 14:17:29

factory 发表于 2014-5-7 14:14
tab正常新增了吗

正常新增了

作者: lost 时间: 2014-5-7 14:20:33

本帖最后由 lost 于 2014-5-7 14:37 编辑

alwinzhang 发表于 2014-5-7 14:03
请问我点击左侧的树节点的时候，为什么右侧的tab页面是空白的，不显示datagrid.html呢，谢谢了
function sh ...

function showTab(node) {
var tabs = mini.get("mainTabs");
var id = "tab[ DISCUZ_CODE_0 ]quot; + node.id;
var tab = tabs.getTab(id);
if (!tab) {
tab = {};
tab.name = id;
tab.title = node.text;
tab.showCloseButton = true;
tab.url = "outlooktree2.html";
tabs.addTab(tab);
}
tabs.activeTab(tab);
}
function onMenuClick(e) {
var node = e.node;
var isLeaf = e.isLeaf;
if (isLeaf) {
showTab(node);
}
} //onMenuClick(e)中没有e.item

复制代码

作者: alwinzhang 时间: 2014-5-7 14:35:59

lost 发表于 2014-5-7 14:20

不好意思，我没明白

作者: felt 时间: 2014-5-7 14:43:11

alwinzhang 发表于 2014-5-7 14:35
不好意思，我没明白

请提供重现的html页面和数据，高级模式可以打包

作者: factory 时间: 2014-5-7 14:44:34

alwinzhang 发表于 2014-5-7 14:35
不好意思，我没明白

function onMenuClick(e) {
         var node = e.node; //不是e.item;
         var isLeaf = e.isLeaf;

         if (isLeaf) {
            showTab(node);
         }
      }

作者: alwinzhang 时间: 2014-5-7 14:47:11

factory 发表于 2014-5-7 14:44
function onMenuClick(e) {
var node = e.node; //不是e.item;
var isLeaf = e. ...

作者: factory 时间: 2014-5-7 14:50:28

alwinzhang 发表于 2014-5-7 14:47
function onNodeSelect(e) {
var node = e.node;
var isLeaf = e.isLeaf;

你运行下,另外,出错了,最好自己调试,贴一段代码,有时候能给你看出问题,有时候不太容易看出来的

作者: alwinzhang 时间: 2014-5-7 14:58:28

factory 发表于 2014-5-7 14:50
你运行下,另外,出错了,最好自己调试,贴一段代码,有时候能给你看出问题,有时候不太容易看出来的 ...

不好意思，麻烦一天，我调试没有错误，还是没有啊

作者: felt 时间: 2014-5-7 15:02:26

alwinzhang 发表于 2014-5-7 14:58
不好意思，麻烦一天，我调试没有错误，还是没有啊

光贴这代码，真心看不出来，
把你的html页面打包上来，高级模式可以上传文件

作者: alwinzhang 时间: 2014-5-7 15:07:07

felt 发表于 2014-5-7 15:02
光贴这代码，真心看不出来，
把你的html页面打包上来，高级模式可以上传文件 ...

[attach]4433[/attach]

作者: felt 时间: 2014-5-7 15:21:33

alwinzhang 发表于 2014-5-7 15:07

[attach]4434[/attach]
不知道你什么问题，如图，只修改了你的outlooktree的数据和引用的js，点击可以打开datagrid页面

作者: alwinzhang 时间: 2014-5-7 15:22:39

felt 发表于 2014-5-7 15:21
不知道你什么问题，如图，只修改了你的outlooktree的数据和引用的js，点击可以打开datagrid页面

...

能麻烦你给我打包回来吗

作者: alwinzhang 时间: 2014-5-7 15:26:29

felt 发表于 2014-5-7 15:21
不知道你什么问题，如图，只修改了你的outlooktree的数据和引用的js，点击可以打开datagrid页面

...

要不您把修改后的代码给我发一下也行，谢谢

作者: felt 时间: 2014-5-7 15:27:05

alwinzhang 发表于 2014-5-7 15:22
能麻烦你给我打包回来吗

[attach]4435[/attach]
放到试用包里demo/test文件夹下跑

作者: alwinzhang 时间: 2014-5-7 15:30:23

felt 发表于 2014-5-7 15:27
放到试用包里demo/test文件夹下跑

十分感谢！！！！！！

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