Как отладить Extjs store url: путь с помощью firebug? - PullRequest
Новая
       43

Как отладить Extjs store url: путь с помощью firebug?

1 голос
/ 13 июня 2011

Я использую макет браузера для моего приложения.

Я пытаюсь добавить сетку дерева к нему. Я определил новый класс, но когда я вызываю сетку дерева, я вижу сетку, но внутри нет данных.

Я пытаюсь определить сетку дерева в отдельном файле. Мой основной файл - 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]

});

спасибо за ваше время и помощь

1 Ответ

3 голосов
/ 13 июня 2011 
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 и вызвать его в вашем макете браузера!

ScreenShot



Зайдите в консоль Firebug NET, обновите страницу и найдите treeGrid.json, enter image description here

Наведите курсор мыши, чтобы увидеть полный URL
enter image description here
Обновите хранилище, указав правильный путь от localstore к папке с вашим .json

enter image description here
Попробуйте сейчас!

...