如何使用Firebug调试Extjs存储URL：路径？

问题描述

| 我正在为我的应用程序使用浏览器布局示例。 我正在尝试向其中添加树形网格。我定义了一个新类，但是当我调用树形网格时，我可以看到该网格，但是内部没有数据。 我想做的是在一个单独的文件中定义树状网格。我的主文件是“ 0”，我需要在其中的选项卡中添加此文件（及其他文件）。我可能做错了什么？ 这是我的代码：

Ext.require([
\'Ext.data.*\',\'Ext.grid.*\',\'Ext.tree.*\'
]);

Ext.define(\'Task\',{
    extend: \'Ext.data.Model\',fields: [
        { name: \'task\',type: \'string\' },{ name: \'user\',{ name: \'duration\',type: \'string\' }
    ]
});

var store = Ext.create(\'Ext.data.TreeStore\',{
    model: \'Task\',proxy: {
        type: \'ajax\',//the store will get the content from the .json file
        url: \'treegrid.json\'
    },folderSort: true
});



var tree = new Ext.tree.Panel({
title: \'Core Team Projects\',store : store,columns:[
{
    header: \'Task\',dataIndex: \'task\',width: 80
},{
    header: \'Duration\',width: 80,dataIndex: \'duration\',//align: \'center\',//sortType: \'asFloat\'

},{
    header: \'Assigned To\',dataIndex: \'user\'
}] 
});


Ext.define(\"Ext.app.myTreeGrid\",{
    extend: \"Ext.panel.Panel\",width: 300,height : 300,items: [tree]

});

谢谢您的时间和帮助     

解决方法

        

var store = Ext.create(\'Ext.data.TreeStore\',{
proxy:{
    type: \'ajax\',url: \'myTree.json\',},reader:{
    type: \'ajax\',root: \'nodes\',record: \'leaf\'
 }  
}); 


var myTree = Ext.create(\'Ext.tree.Panel\',{
    store: store,rootVisible: false,border: false,renderTo:Ext.getBody() //missing

});  

JSON

  {

    children: [
        { text:\"Clients\",expanded: true,children: [{ text:\"MAIN\",leaf: true }]
        }
    ]
  }

这是一个有效的示例，您可以定义myTree并在浏览器布局中调用它！ 转到firebug NET控制台，刷新页面并搜索treeGrid.json， 将鼠标悬停以查看完整的URL 使用正确的路径从本地存储更新存储到您的.json文件夹 现在试试！