关于easyui datagrid 加载本地数据

最新推荐文章于 2024-07-10 10:43:42 发布

原创最新推荐文章于 2024-07-10 10:43:42 发布 · 7.2k 阅读

1 ·

本内容遵循CC 4.0 BY-SA版权协议

收录于

java开发的点点滴滴

当前文章被收录于：

java开发的点点滴滴

88 篇文章 2 人学习

订阅专栏查看详情

当前文章被以下社区和专栏收录：

本文介绍使用EasyUI Datagrid组件加载本地JSON数据的方法，并强调了必须具备的class属性及数据格式要求。

                <table id="secondExpert" class="easyui-datagrid" style="width:750px;"data-options="pagination:false">
                <thead>
                <tr>
                <th data-options="field:'orgName',width:100">所属单位</th>
                <th data-options="field:'expertName',width:60">专家姓名</th>
                <th data-options="field:'linkTel',width:80">联系电话</th>
                <th data-options="field:'isJoin',width:80,formatter:fmtisPublic">参检情况</th>
                <th data-options="field:'remark',width:80">情况说明</th>
                </tr>
                </thead>
              </table>

两个坑

1，必须要有class="easyui-datagrid"或者浏览器会报错找不到options

2，加载本地的数据必须是json对象

    var jsonstr = JSON.stringify(data);                        //先转成json字符串
    var json =$EsiUtil.json.parse(jsonstr);;                //json字符串转成json对象
    $('#secondExpert').datagrid('loadData',json);