Easyui datagrid加载本地Json数据
来源:互联网 发布:网络监控如何设置 编辑:程序博客网 时间:2024/06/11 00:57
<table id="loginInfoTable"
class="easyui-datagrid"
title="学生信息一览"
border="0"
cellspacing="0"
cellpadding="0"
iconCls="icon-edit"
width="98%"
pagination="true"
remoteSort="false"
singleSelect="false"
showFooter="false"
striped="true"
<thead>
<tr align="center">
<th field="id" width="200">ID</th>
<th field="name" width="100">姓名</th>
<th field="sex" width="150">性别</th>
<th field="birthday" width="100">生日</th>
<th field="addr" width="100">家庭住址</th>
<th field="classid" width="100">所属班级</th>
<th field="grade" width="100">成绩</th>
</tr>
</thead>
</table>
</body>
<script type="text/javascript">
$(document).ready(function () {
//doQueryData();
//doloadData();
var jsondata='{"total":1,"rows":[{"id":"M000005","name":"检测设备","sex":1,"birthday":"1991-03-17","addr":"双城市","classid":"03","grade":"78"}]}';
alert(jsondata);
var data = $.parseJSON(jsondata);
$('#loginInfoTable').datagrid('reload');
$('#loginInfoTable').datagrid('loadData', data);
});
class="easyui-datagrid"
title="学生信息一览"
border="0"
cellspacing="0"
cellpadding="0"
iconCls="icon-edit"
width="98%"
pagination="true"
remoteSort="false"
singleSelect="false"
showFooter="false"
striped="true"
<thead>
<tr align="center">
<th field="id" width="200">ID</th>
<th field="name" width="100">姓名</th>
<th field="sex" width="150">性别</th>
<th field="birthday" width="100">生日</th>
<th field="addr" width="100">家庭住址</th>
<th field="classid" width="100">所属班级</th>
<th field="grade" width="100">成绩</th>
</tr>
</thead>
</table>
</body>
<script type="text/javascript">
$(document).ready(function () {
//doQueryData();
//doloadData();
var jsondata='{"total":1,"rows":[{"id":"M000005","name":"检测设备","sex":1,"birthday":"1991-03-17","addr":"双城市","classid":"03","grade":"78"}]}';
alert(jsondata);
var data = $.parseJSON(jsondata);
$('#loginInfoTable').datagrid('reload');
$('#loginInfoTable').datagrid('loadData', data);
});
阅读全文
0 0
- Easyui datagrid加载本地Json数据
- Easyui datagrid加载本地Json数据
- Jquery Easyui DataGrid加载本地Json串
- easyui datagrid 的数据加载Json数据
- 关于easyui datagrid 加载本地数据
- EasyUI datagrid动态加载json数据
- easyUI(一) -- 加载本地JSON数据
- easyui datagrid数据表格加载复杂json数据
- Jquery easyUI datagrid加载复杂JSON数据方法
- Jquery easyUI datagrid加载复杂JSON数据方法
- easyui 加载json数据
- easyui datagrid 的数据加载
- easyui datagrid 的数据加载
- easyui datagrid 的数据加载
- EasyUi的datagrid数据加载
- EasyUI DataGrid动态加载数据
- EasyUi datagrid重新加载数据
- easyui datagrid 数据加载到另一datagrid
- 字符串查找(文件路径查找)
- Java 并发编程(三)线程管理
- java中的注解大全@controller、@service、@repository等
- C++11学习之匿名函数lambda表达式
- Centos技术(4)---mysql导入*.sql文件
- Easyui datagrid加载本地Json数据
- jQuery:基础学习(5)工具,事件对象,延迟对象,回调,正则
- JS原生脱敏
- 论2017-2018的投资
- 在IDEA中创建Java 9 modules(模块)的Hello World
- 使用本地计划任务定时关闭azure虚拟机
- Swift Label计算高度
- 关于 Java 数组的 12 个最佳方法
- 排序与二分查找