如何解决如何使用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文件夹
现在试试!
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。