grilla javascript

[sabruchi]

Hola, tengo una duda y quizas, ustedes, me puedan ayudar, estoy quiero llenar una grilla con los datos que tengo en un array y no lo consigo. les pego mi codigo:
creo que al mayor problema lo tengo en el primer for y en la asignacion del tipo de dato

<script type="text/javascript" src="ext-base.js"></script>
<script type="text/javascript" src="ext-all.js"></script>


<script type="text/javascript" src="RowExpander.js"> </script>

<script type="text/javascript">
var myArray = eval (<?php echo $myjson ; ?>);
alert(myArray[1][1]);


for(var j = 0; j < myArray.length; i++){
Ext.grid.dummyData=[myArray[j][0], myArray[j][1], myArray[j][2]];
}

Ext.onReady(function(){

Ext.QuickTips.init();

var xg = Ext.grid;

// shared reader
var reader = new Ext.data.ArrayReader({}, [
{name: 'codigo'},
{name: 'nombre', type: 'string'},
{name: 'precio', type: 'string'},

]);

var expander = new Ext.ux.grid.RowExpander({
tpl : new Ext.Template(
'<p><b>Company:</b> {company}</p><br>',
'<p><b>Summary:</b> {desc}</p>'
)
});

var grid1 = new xg.GridPanel({
store: new Ext.data.Store({
reader: reader,
data: xg.dummyData
}),
cm: new xg.ColumnModel({
defaults: {
width: 20,
sortable: true
},
columns: [
expander,
{id:'codigo',header: "Codigo", width: 40, dataIndex: 'codigo'},
{header: "Nombre", dataIndex: 'nombre'},
{header: "Precio", dataIndex: 'precio'},
]
}),
viewConfig: {
forceFit:true
},
width: 900,
height: 600,
plugins: expander,
collapsible: true,
animCollapse: false,
title: 'Expander Rows, Collapse and Force Fit',
iconCls: 'icon-grid',
renderTo: document.body
});


});

for(var i = 0; i < Ext.grid.dummyData.length; i++){
Ext.grid.dummyData[i].push(Hola mundo.');
}


</script>