0

http://www.jeasyui.com/documentation/index.phpjquery-easyui datagridから使用しようとしています。ドキュメントには、グリッドがjsonデータを受け入れると記載されており、これを実装しようとしましたが、列はグリッドにレンダリングされません。

グリッドには、各行の行 ID を持つ適切な行数が表示されますが、他のすべてのデータは省略されます。どういうわけか、グリッドは json データを読み取り、適切な行数を認識していますが、列データをレンダリングしません。

私のjsonは次のようになります...

{"total":2,
 "rows":[
     {"id":"1",
      "name":"Employee One",
      "number":"1",
      "description":"This is the first Employee"
     },
     {"id":"2",
      "name":"Employee Two",
      "number":"2",
      "description":"This is the Second Employee"
     }
     ]
}

私のhtmlは次のようになります...

 <table id="dg" title="Surveys" class="easyui-datagrid" style="width:550px;height:250px"  
    url="listJson2"  
    toolbar="#toolbar"  
    rownumbers="true" fitColumns="true" singleSelect="true">  
  <thead>  
    <tr>  
        <th field="id" width="20">Id</th>  
        <th field="name" width="50">Name</th>  
        <th field="number" width="50">Number</th>  
        <th field="description" width="50">Description</th>  
    </tr>  
  </thead>  
 </table>

js ファイルと css ファイルへの参照はすべて正しいと思います。グリッドはブラウザで正常にレンダリングされています。すべてのボタンがあり、正しい行数もあります....セルにデータがありません。

4

2 に答える 2

1

loadData を試してください。

var list=[
            {"id":"1",
                "name":"Employee One",
                "number":"1",
                "description":"This is the first Employee"
               },
               {"id":"2",
                "name":"Employee Two",
                "number":"2",
                "description":"This is the Second Employee"
               }
               ];

$('#dg').datagrid('loadData', list);
于 2013-03-12T15:19:44.733 に答える