Problema com jqGrid

Front-end
#1

Bom dia pessoal!

Meu problema é o seguinte…

Eu estou tentando por uma jqGrid na minha página…só que eu não estou conseguindo inserir nenhum registro…segue o código:

<script type="text/javascript">
                $(document).ready(function(){
                    $("#grid").jqGrid({
                        datatype: "local",
                        height: 250,
                        colNames:['Inv No','Date', 'Client', 'Amount','Tax','Total','Notes'],
                        colModel:[
                            {name:'id',index:'id', width:60, sorttype:"int"},
                            {name:'invdate',index:'invdate', width:90, sorttype:"date"},
                            {name:'name',index:'name', width:100},
                            {name:'amount',index:'amount', width:80, align:"right",sorttype:"float"},
                            {name:'tax',index:'tax', width:80, align:"right",sorttype:"float"},
                            {name:'total',index:'total', width:80,align:"right",sorttype:"float"},
                            {name:'note',index:'note', width:150, sortable:false}
                        ],
                        caption: "Manipulating Array Data"
                    });

                    var mydata = [
                        {id:"1",invdate:"2007-10-01",name:"test",note:"note",amount:"200.00",tax:"10.00",total:"210.00"},
                        {id:"2",invdate:"2007-10-02",name:"test2",note:"note2",amount:"300.00",tax:"20.00",total:"320.00"},
                        {id:"3",invdate:"2007-09-01",name:"test3",note:"note3",amount:"400.00",tax:"30.00",total:"430.00"},
                        {id:"4",invdate:"2007-10-04",name:"test",note:"note",amount:"200.00",tax:"10.00",total:"210.00"},
                        {id:"5",invdate:"2007-10-05",name:"test2",note:"note2",amount:"300.00",tax:"20.00",total:"320.00"},
                        {id:"6",invdate:"2007-09-06",name:"test3",note:"note3",amount:"400.00",tax:"30.00",total:"430.00"},
                        {id:"7",invdate:"2007-10-04",name:"test",note:"note",amount:"200.00",tax:"10.00",total:"210.00"},
                        {id:"8",invdate:"2007-10-03",name:"test2",note:"note2",amount:"300.00",tax:"20.00",total:"320.00"},
                        {id:"9",invdate:"2007-09-01",name:"test3",note:"note3",amount:"400.00",tax:"30.00",total:"430.00"}
                    ];

                    for(var i=0;i<=mydata.length;i++)
                        $("#grid").jqGrid('addRowData',i+1,mydata[i]);
                });

ele monta a tabela certo mas nao insere nenhum registro…

eu importei o jquery.jqGrid.js e o css do jqGrid…

Tem mais alguma coisa que precisa importar?

Desde já agradeço!

#2

Olá,

esse é o exemplo demo do proprio jqGrid né?

de principio não consegui ver nenhum trecho erroneo no código.
quanto as importações própriamente do jqGrid são apenas as que vc citou mesmo.

primeiramente valer tentar testar uma tabela mais simples, apenas com string (assim eliminamos qualquer possibilidade de alguma conversão)

vale verificar o inspecionador de elementos do navedador,
pra ver se ele informou algum erro na página.

[code] $(document).ready(function(){

                $("#grid").jqGrid({  
                    datatype: "local",  
                    height: 250,  
                    colNames:['Inv No', 'Client', 'Notes'],  
                    colModel:[  
                        {name:'id',index:'id', width:60, sorttype:"int"},  
                        {name:'name',index:'name', width:100},  
                        {name:'note',index:'note', width:150, sortable:false}  
                    ],  
                    caption: "Manipulating Array Data"  
                });  

                $("#grid").jqGrid('addRowData',1, {
                   id:"1",
                   name:"test",
                   note:"note",
                });  

            });[/code]

testa isso e descreve os resultados pra melhor te ajudarmos

#3