急！！急！关于EXTjs treegrid

我用的是extjs 3.3.1，按例子上面写的， 但是最后只出来一个面板，列头什么的都出来了，就是树节点一个都没有，大侠们指点一下
<%@ Page Language="VB" AutoEventWireup="false" CodeFile="Default.aspx.vb" Inherits="test11111111_Default" %><!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 runat="server">
    <title></title>
    <link rel="stylesheet" type="text/css" href="../resources/css/ext-all.css" />
    <link rel="stylesheet" type="text/css" href="../examples/ux/treegrid/treegrid.css">    <script type="text/javascript" src="../adapter/ext/ext-base-debug.js"></script>
    <script type="text/javascript" src="../ext-all-debug.js"></script>
    <script type="text/javascript" src="../examples/ux/treegrid/TreeGridSorter.js"></script>
    <script type="text/javascript" src="../examples/ux/treegrid/TreeGridColumnResizer.js"></script>
    <script type="text/javascript" src="../examples/ux/treegrid/TreeGridNodeUI.js"></script>
    <script type="text/javascript" src="../examples/ux/treegrid/TreeGridLoader.js"></script>
    <script type="text/javascript" src="../examples/ux/treegrid/TreeGridColumns.js"></script>
    <script type="text/javascript" src="../examples/ux/treegrid/TreeGrid.js"></script>
</head>
<body>
    <script type="text/javascript">
        Ext.onReady(function () {
            Ext.QuickTips.init();            var tree = new Ext.ux.tree.TreeGrid({
                title: 'Core Team Projects',
                width: 500,
                height: 300,
                renderTo: 'd1',
                enableDD: true,                columns: [{
                    header: '项目名称',
                    dataIndex: 'text',
                    width: 230
                }, {
                    header: '可见',
                    width: 100,
                    dataIndex: 'show',
                    align: 'center',
                    renderer: function (v) {
                        if (v == "1") {
                            return "1";
                        } else {
                            return "2";
                        }
                    }
                }, {
                    header: '可编辑',
                    width: 150,
                    dataIndex: 'edit'
                }],                dataUrl: 'treegrid-data.json'
            });
        });
    </script>
    <form id="form1" runat="server">
    <div id="d1">
    </div>
    </form>
</body>
</html>
[{
text:"综合事务",
show:"1",
edit:"2",
expanded:true,
leaf:false,
children:[
{
text:"",
show:"1",
edit:"2",
expanded:true,
leaf:true
}
]
}]

解决方案 »

  1.   

    我是根据extjs源码里面的例子改的，不过那个例子好像也有问题，也是只有外面那个面板，里面的节点数据都没有
      

  2.   

     var root = new Ext.tree.AsyncTreeNode({
    text : '所有分类',
    id : '1',
    expanded : true
    });

    var tree = new Ext.tree.TreePanel({
    //id : 'tree',
    layout:'fit',
    collapsible : false,
    rootVisible : true,
    lines : true,
    autoScroll : true,
    animCollapse : false,
    border : true,
    animate : true,
    bodyStyle:{width:'100%'},
    enableDD : false,
    root : root,
    height:400,
    loader : new Ext.tree.TreeLoader({
    preloadChildren : true,
    dataUrl : '路径' }) });
    可以考虑用treepanel来做
      

  3.   

    treepanel能解决就好啦 ， 我们平台本来用的是很早以前的版本，是.net和ext的结合coolite，现在有些空间满足不了需求， 要用到treepanel  ，本来昨天用extjs4.0.2a，treegrid是出来了 ，但是程序跑起来一会后树会崩，在ext-all 里面老是 说events 为空或不是对象（在我的上一个帖子），所以现在用3.3.1的试试，没想到又有新问题， 真尴尬 ，  大家帮忙指点下 ，  
      

  4.   

    LZ先设置个root节点，EXT的这个treegrid确实有些问题，我自己的项目也做过这个东西，不过时间久远，只记得root这个东西有些问题
      

  5.   

    例子的源码没问题啊
      是不是你的json里面有问题啊  如果只显示根的话