如何調試Extjs商店網址：用螢火蟲路徑？

Question

我正在爲我的應用程序使用browser-layout示例。我想向它添加tree grid。我定義了一個新類，但是當我打電話給我的樹形網格時，我可以看到網格，但沒有數據。

我想要做的是在一個單獨的文件中定義樹網格。我的主要文件是layout-browser.js，我需要在我擁有的選項卡中添加此（和其他）。我可能會做錯什麼？

這裏是我的代碼：

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

Ext.define('Task', { 
    extend: 'Ext.data.Model', 
    fields: [ 
     { name: 'task', type: 'string' }, 
     { name: 'user', type: 'string' }, 
     { 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', 
    width: 80, 
    dataIndex: 'user' 
}] 
}); 


Ext.define("Ext.app.myTreeGrid", { 
    extend: "Ext.panel.Panel", 


width: 300, 
height : 300, 
items: [tree] 

}); 

感謝您對烏爾時間，並幫助

Answer 1

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 }] 
     } 
    ] 
    } 

這裏是一個工作示例，U可以定義myTree並把它在你的瀏覽器的佈局！

轉到Firebug的NET控制檯，刷新頁面並搜索treeGrid.json，

將鼠標懸停在鼠標，查看完整的URL

更新使用.json存儲從localstore到文件夾的正確路徑


立即試用！