cstoliuyong
2013-06-26 17:25datagrid 对json数据的读取
jsp中代码
[code="html"]
Basic DataGrid - jQuery EasyUI Demo
<script type="text/javascript" src="easeUI/jquery.min.js"></script>
<script type="text/javascript" src="easeUI/jquery.easyui.min.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$('#datagrid').datagrid({
toolbar:'#tb',
url : 'lawService.action',
title:'Load Data',
columns : [ [ {
field : 'id',
width : '100',
checkbox:true
},{
field : 'time',
title : '标题',
width : '100',
align : 'center'
}, {
field : 'title',
title : '时间',
width : '100',
align : 'center',
}] ],
idField:'id',
loadMsg:'Processing, please wait …',
pagination:true
});
});
</script>
Basic DataGrid
The DataGrid is created from markup, no JavaScript code needed.
<div id="tb" style="padding:5px;height:auto">
<div style="margin-bottom:5px">
<a href="#" class="easyui-linkbutton" iconCls="icon-add" plain="true">add</a>
<a href="#" class="easyui-linkbutton" iconCls="icon-edit" plain="true">edit</a>
<a href="#" class="easyui-linkbutton" iconCls="icon-cut" plain="true">delete</a>
</div>
<div>
Date From: <input class="easyui-datebox" style="width:80px">
To: <input class="easyui-datebox" style="width:80px">
<a href="#" class="easyui-linkbutton" iconCls="icon-search">Search</a>
</div>
</div>
[/code]
经过测试该datagrid中url的action的请求返回值是:{"total":3,"row":[{"id":"1","time":"时间time","title":"法律title"},{"id":"2","time":"时间1time","title":"法律1title"},{"id":"3","time":"时间2time","title":"法律2title"}]}
该返回值和官网中自定义的json数据格式一样。
question:在datagrid中的columns为什么不能加载json的数据??求教!!!
- 点赞
- 回答
- 收藏
- 复制链接分享
1条回答
为你推荐
- jqueryeasyui中分页问题
- jquery
- 0个回答
- 用hibernate等实现:从一数据库复制一条记录,然后修改该记录的某一列,再插入原数据库
- 数据库
- struts
- hibernate
- mysql
- 2个回答
- JQuery-EasyUI DataGrid数据表格删除多项数据,第一个选项报NaN错误
- easyui框架
- datagrid
- jquery
- 1个回答
- jQuery DataGrid后台分页问题
- 3个回答
- Extjs grid双击一行时将第2列变为可编辑的文本框
- 1个回答
换一换