0

JQGrid を使用してローカル テーブルを作成しようとしています。配列を変更するまではすべて正常に機能しています。作業コードは次のとおりです。

HTML コード:

<div id=main style="width: 350px; height:200px;background-color:orange;">
<table id="grid"></table>
</div>

JS コード

$(document).ready(
    function()
    {        
        jQuery("#grid").jqGrid({
         datatype: 'local',
         colNames:["User Name","Meet","Time"],
         height:"100%",
         autowidth: true,
         colModel :[
                    {name:"name",index:"name"},
                    {name:"to_meet",index:"to_meet"},
                    {name:"time",index:"time"}
                    ],
                    gridview: true,
                    viewrecords: true    });

    });

var mydata = [
              {name:"test",to_meet:"111",time:"0500"},
              {name:"test2",to_meet:"112",time:"0530"},
              {name:"test3",to_meet:"113",time:"0600"},
              {name:"test4",to_meet:"114",time:"0630"},
              {name:"test5",to_meet:"115",time:"0700"},
              {name:"test6",to_meet:"116",time:"0730"},
              {name:"test7",to_meet:"117",time:"0800"},
              {name:"test8",to_meet:"118",time:"0830"},
              {name:"test9",to_meet:"119",time:"0900"},
              {name:"test10",to_meet:"120",time:"0930"},
              {name:"test11",to_meet:"121",time:"1000"},
              {name:"test12",to_meet:"122",time:"1030"},
              {name:"test13",to_meet:"123",time:"1100"},
              {name:"test14",to_meet:"124",time:"1130"},
              {name:"test15",to_meet:"125",time:"1200"},
              {name:"test16",to_meet:"126",time:"1230"}
    ];
    console.log(mydata.length)
    for(var i=0; i<mydata.length;i++)
{

  alert(mydata);
        jQuery("#grid").jqGrid('addRowData',i+1,mydata[i]); ;

}

ここから実行することもできます: http://jsfiddle.net/bYQn6/2/

ここで、Obj 配列を次のように変更すると:

$.each(myarray, function(i, val){
gridi.push('{name:"' + val.Name + '",to_meet:"' + val.meet + '",time:"' + val.time + '"}');
    });

var mydata = [gridi.toString()];

この「mydata」を印刷すると、上記の「mydata」とまったく同じように見えますが、機能しません:(

私は何を間違っていますか??

ありがとうございました！！！

4

2 に答える 2

0

ある配列を別の配列に変換する正しい方法は、次を使用すること$.mapです。

var mydata = $.map(myarray, function(val) {
    return {
        name: val.Name,
        to_meet: val.meet,
        time: val.time
    };
});

コールバック関数には、元の配列の各要素が順番に渡され、関数の戻り値が新しい配列に蓄積されます。

于 2012-10-22T07:12:31.790 に答える
0

なぜ文字列を作成して gridi にプッシュするのですか?

次のような新しいオブジェクトを作成できます。

$.each(myarray, function(i, val){  
    gridi.push({'name': val.name, 'to_meet': val.meet, 'time':val.time});  
}  
});
于 2012-10-22T07:08:16.800 に答える