陈建华的博客
专注web开发
jqGrid demos treeGrid demo 直接上可运行源码
2014-06-13 16:34:31   阅读20216次

最新jqGrid demos中文版,最权威的api:http://blog.mn886.net/jqGrid

直接上源码的js。测试可用。废话不多说!有问题留言,必回!!

$(document).ready(function(){
var topicjson={
   "response": [
          {
              "id": "1",
              "elementName": "Grouping",
              level:"0", parent:"", isLeaf:false, expanded:false, loaded:true
          },
          {
              "id": "1_1",
              "elementName": "Simple Grouping",
              level:"1", parent:"1", isLeaf:true, expanded:false, loaded:true
          },
          {
              "id": "1_2",
              "elementName": "May be some other grouping",
              level:"1", parent:"1", isLeaf:true, expanded:false, loaded:true
          },
          {
              "id": "2",
              "elementName": "CustomFormater",
              level:"0", parent:"", isLeaf:false, expanded:true, loaded:true
          },
          {
              "id": "2_1",
              "elementName": "Image Formatter",
              level:"1", parent:"2", isLeaf:true, expanded:false, loaded:true
          },
          {
              "id": "2_1",
              "elementName": "Anchor Formatter",
              level:"1", parent:"2", isLeaf:true, expanded:false, loaded:true
          }
      ]
   },
   grid;
// $('<table id="list2"></table>').appendTo('#topics');
var lastsel;
grid = jQuery("#treegrid2");
grid.jqGrid({
   datastr: topicjson,
   datatype: "jsonstring",
   height: "auto",
   loadui: "disable",
   colNames: ["id","Items","url"],
   colModel: [
       {name: "id",width:200, hidden:false, key:true},
       {name: "elementName", editable:true,width:250, resizable: false},
       {name: "url",width:1, editable:true,hidden:true}
   ],
   treeGrid: true,
   treeGridModel: "adjacency",
   ExpandColumn: "elementName",
   treeIcons: {leaf:'ui-icon-document-b'},
   caption: "jqGrid Demos",
   //autowidth: true,
   rowNum: 10000,
   //ExpandColClick: true,
   jsonReader: {
       repeatitems: false,
       root: "response"
   },
   onSelectRow: function(id){ 
    if(id && id!==lastsel){ 
    grid.jqGrid('restoreRow',lastsel); 
    grid.jqGrid('editRow',id,true); 
    lastsel=id; 
    } 
   }
});
});




-----------------------------------------------------
转载请注明来源此处
原地址:#

-----网友评论----
1楼:快帮我 发表于 2014-12-15 14:19:40
我按你的方式直接copy过来,可运行时没有节点图标,快帮帮我,是不是引入包问题
2楼:chenjianhua 发表于 2014-12-15 14:25:55
是css的包的问题吧。
3楼:求助 发表于 2015-01-12 19:03:22
我是从服务器获取的数据,然后树能显示出来,但是点击展开一个没有子节点的节点时候,它会再次发送一次请求去加载一棵树,这是为啥?需要怎样设置?
4楼:xxx 发表于 2015-04-14 11:27:25
我这边默认全部展开,但是折叠不了,为什么呢
5楼:zz 发表于 2015-08-07 15:15:01
为什么折叠不了
6楼:异步嵌套树 发表于 2015-11-23 22:18:26
全网找不到一个可正常运行的异步的嵌套(adjacecncy)树,能否出个例子啊?
7楼:快点回复 发表于 2016-03-10 10:01:45
treegrid 折叠不了,怎么办,,是哪个属性出问题了吗
8楼:忆犹清新 发表于 2016-04-05 18:44:20
默认要展开,却是折叠,请教一下。
9楼:111 发表于 2016-09-21 09:13:41
key:true 这个属性一定要给id加上
10楼:1 发表于 2017-11-20 10:54:01
如何实现行拖拽呢,子节点拖拽,父节点拖拽,谢谢
-----发表评论----
微网聚博客乐园 ©2014 blog.mn886.net 鲁ICP备14012923号   网站导航