Boa tarde pessoal…
tenho uma grid com ExtJs NO SEGUINTE FORMATO:
Ext.define('Produto', {
extend: 'Ext.data.Model',
fields: ['codigo', 'produto', 'preco']
});
var storeJson = new Ext.data.Store({
proxy: {
type: 'ajax',
url: 'grid2.json',
reader: {
type: 'json',
root: 'rows',
id: 'codigo'
}
},
model: 'Produto'
});
storeJson.load();
var grid = Ext.create('Ext.grid.Panel', {
store: storeJson,
stateful: true,
stateId: 'stateGrid',
frame: false,
anchor: '100%',
columns: [
{
text: 'Código',
width: 70,
sortable: true,
dataIndex: 'codigo'
},
{
text: 'Produto',
width: 200,
sortable: true,
dataIndex: 'produto',
},
{
text: 'Preço',
width: 200,
sortable: true,
dataIndex: 'preco'
}
],
height: 350,
width: 600,
//title: 'Produtos',
viewConfig: {
stripeRows: true
}
});
e um JSon grid2.json da seguinte forma:
{
total:1,
rows:[
{
"codigo":"1",
"produto":"Office Space",
"preco":"19.95"
}
]
}
ele só mostra a grid sem nada… não mostra os dados… e no web developer ele diz “formatação incorreta na linha 1”
o que pode ser?