Question

easy ui 的datagrid demo怎么显示json数据

年夜官网下了datagrid 的一个小demo，有一个html文件和.json数据文件，怎么设置装备摆设才能看到grid中显示json数据呢

Answer 1

刚好用到这个。
<table id="tt"></table>

$('#tt').datagrid({ url:'datagrid_data.json', columns:[[ {field:'code',title:'Code',width:100}, {field:'name',title:'Name',width:100}, {field:'price',title:'Price',width:100,align:'right'} ]] });

也可以不用url，直接绑定json数据

var json = data;
if (json.rows.length > 0) {
all=data;
} //if
$('#charge_table').datagrid({
columns:[[
{field:'time',title:'<fmt:message key="charge_date" />',width:fixWidth(0.19)},
{field:'type',title:'<fmt:message key="charge_type" />',width:fixWidth(0.19)},
{field:'result',title:'<fmt:message key="charge_result" />',width:fixWidth(0.19)},
{field:'charge',title:'<fmt:message key="charge_charge" />',width:fixWidth(0.19)},
{field:'tonken',title:'<fmt:message key="charge_token" />',width:fixWidth(0.19)},
{field:'company_no',title:'<fmt:message key="charge_companyNO" />',width:fixWidth(0.19)}
]]
});
$('#charge_table').datagrid("loadData",data);//将数据绑定到DataGrid中