Hoe te debuggen Extjs winkel url: pad met Firebug?

stemmen
1

Ik gebruik de browser-layout voorbeeld voor mijn toepassing.

Ik ben op zoek naar een toe te voegen boomrooster aan. Ik definieerde een nieuwe klasse, maar toen ik mijn boomrooster bellen kan ik de grid, maar geen gegevens in te zien.

Wat ik probeer te doen is het definiëren boomroosters in een apart bestand. Mijn belangrijkste bestand is de layout-browser.jsen ik moet deze (en anderen) in de tabbladen die ik heb in het toe te voegen. Wat kan ik verkeerd doen?

hier is mijn code:

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]

});

dank u voor ur tijd en hulp

De vraag is gesteld op 13/06/2011 om 07:52
user
In andere talen...                            


1 antwoorden

stemmen
3

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

Hier is een werkend voorbeeld, u kunt myTree definiëren en noemen het in uw browser-lay-out!

ScreenShot



Ga naar NET console Firebug, Vernieuw de pagina en zoek naar treeGrid.json, voer image beschrijving hier

de muisaanwijzer op met de muis om volledige URL te zien
voer image beschrijving hier
bijwerken winkel met de juiste pad van localstore naar een map met uw .json

voer image beschrijving hier
Probeer nu!

antwoordde op 13/06/2011 om 09:24
bron van user

Cookies help us deliver our services. By using our services, you agree to our use of cookies. Learn more