Как отлаживать URL-адрес хранилища Extjs: путь с помощью firebug?

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

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

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

});

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


grid tree extjs extjs4
person Armance    schedule 13.06.2011    source источник
comment
поместите каждый блок кода DEFINE в отдельный файл и используйте загрузчик для его загрузки, файлы выполнения CREATE, VAR ... поместите в отдельный файл, а не в файл определения, а затем, когда вы убедитесь, что все загружается, попробуйте отладить! И где твой читатель! U нужен один для дерева.   -  person Davor Zubak    schedule 13.06.2011
comment
я делал это, но для меня было слишком много файлов, и это работает, даже если я поместил оба в одни и те же файлы, попробовал это с другими примерами   -  person Armance    schedule 13.06.2011
comment
я не видел, чтобы вы использовали свой app.mytregrid.. вы его использовали? как новый Ext.app.my или Ext.create(Ext.app.my)?   -  person Egy Mohammad Erdin    schedule 14.06.2011
comment
да, я сделал, var tree1 = Ext.create('Ext.app.myTreeGrid');   -  person Armance    schedule 14.06.2011

Ответы (1)


arrow_upward
3
arrow_downward 

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

введите описание изображения здесь
Попробуйте прямо сейчас!

person Davor Zubak    schedule 13.06.2011
comment
большое спасибо, я внес некоторые изменения и изменил свой вопрос .. пожалуйста, посмотрите - person Armance; 13.06.2011
comment
когда я добавляю ридер, он ничего не меняет, плюс я пытаюсь построить древовидную сетку, но ваш пример для простого дерева, верно? - person Armance; 13.06.2011
comment
вы видите, что treegrid.json успешно загружается в firebug? - person Davor Zubak; 13.06.2011
comment
не нашел его, кажется, он вообще не загружался. просто потому, что у меня так много файлов, где я могу это увидеть? - person Armance; 13.06.2011
comment
если вы не видите его в консоли, перейдите в консоль Firefox firebug NET, там вы можете увидеть весь URL... - person Davor Zubak; 13.06.2011
comment
когда я использую ваш точный код, я вижу значки дерева и узлов, но без текста!! - person Armance; 13.06.2011
comment
извините, renderTo:Ext.getBody() отсутствует! попробуйте создать правильный путь к вашему файлу .json. - person Davor Zubak; 13.06.2011
comment
я не отрисовываю в свой getbdy, я добавляю его в свои вкладки, так что этого не было, и я уверен в пути json - person Armance; 13.06.2011
comment
Нет, я не думаю, что мой пример с деревом показан, новый ум. Если вы говорите, что не видите даже плохой загрузки вашего .json, то это означает, что ваш магазин не правильный, или он не правильно загружен. Трудно понять, что не так без полного примера, я пробовал пример из примеров Sencha, и он работает для меня. Вы создали это: Ext.define(Ext.app.myTreeGrid... где-то???, убедитесь, что ваш магазин загружается через скрипт ‹... в HTML. - person Davor Zubak; 13.06.2011
comment
да, я видел, и я вижу сетку, но внутри нет данных, и я не могу найти файл treegrid.json или ошибку, говорящую о том, что он не загружен, и я пытался использовать пример сенчи и ваш пример. у меня всегда проблемы с деревьями, может быть что-то еще вызывает у меня проблемы?? я не знаю какую-то конфигурацию или что-то в этом роде!! это сводит меня с ума - person Armance; 14.06.2011
comment
я сдаюсь... есть более важная проблема здесь - person Armance; 14.06.2011
comment
не могли бы вы взглянуть на мою текущую проблему, спасибо - person Armance; 23.06.2011