easyui datagrid js创建失败

Question

这样json数据是有传进来的

但是按照官网的教程 ，使用js创建datagrid却失败

$('#dg').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'}
]]
});   ／／ 按照官方案例数据和表格都不显示

不懂，请教..  是不是有什么js没有导入？

Answer 1

table和datagrid的id不一致。

Answer 2

datagrid的data-options的多个属性设置之间需要,分开。

<table id="list" class="easyui-datagrid"
       data-options="singleSelect:false,
            collapsible:true,
            url:'<%=path %>/apiv1/all',
            method:'get',
            rownumbers:true,
            autoRowHeight:true,
            pagination:true,
            pageSize:20"
       style="height: 100%;">
</table>