如何使用firebug调试Extjs存储url:path?
我正在使用我的应用程序的例子 我正试着给它加上一个。我定义了一个新类,但是当我调用我的树网格时,我可以看到网格,但里面没有数据 我要做的是在一个单独的文件中定义树网格。我的主文件是如何使用firebug调试Extjs存储url:path?,extjs,tree,grid,extjs4,Extjs,Tree,Grid,Extjs4,我正在使用我的应用程序的例子 我正试着给它加上一个。我定义了一个新类,但是当我调用我的树网格时,我可以看到网格,但里面没有数据 我要做的是在一个单独的文件中定义树网格。我的主文件是layout browser.js,我需要在其中的选项卡中添加此文件(以及其他文件)。我可能做错了什么 这是我的密码: Ext.require([ 'Ext.data.*', 'Ext.grid.*', 'Ext.tree.*' ]); Ext.define('Task', { extend: 'Ext.da
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]
});
谢谢你的时间和帮助
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网络控制台,刷新页面并搜索treeGrid.json,
将鼠标悬停在上方可查看完整的URL
使用从localstore到.json文件夹的正确路径更新store
现在试试 将每个DEFINE代码块放在一个单独的文件中,并使用loader加载它,执行文件创建,变量。。。放入一个单独的文件,而不是一个定义文件,然后当你检查所有加载的东西时,试着调试它!还有你的读者呢!你需要一个树。我一直在这样做,但对我来说文件太多了,即使我把这两个文件都放在同一个文件中,也可以用其他文件尝试。例如,我没有看到你使用你的应用程序。mytregrid。。你用过吗?像new Ext.app.my或Ext.create(“Ext.app.my”)?是的,我做了,var tree1=Ext.create(“Ext.app.myTreeGrid”);非常感谢,我做了一些修改并改变了我的问题..请看一看我添加的阅读器没有任何改变,加上我试图构建一个treegrid,但你的例子是一个简单的树对吗?你看到treegrid.json成功加载到firebug中了吗?如果你在控制台中没有看到它,请转到Firefox firebug网络控制台,在那里你可以看到一个完整的URL…没有我的树的例子显示出来,更新的想法。如果您说您甚至没有看到.json的“坏”加载,那么这意味着您的存储不正确,或者加载不正确。如果没有完整的例子,很难看出什么是错误的,我试过Sencha例子中的例子,它对我很有效。你是否创建了这个:Ext.define(“Ext.app.myTreeGrid”…某处???,检查你的商店是否已加载完毕