easyui datagrid 的使用

原创 2015年11月18日 15:38:13

1.前台代码

<div  data-options="region:'center'," >
				<table id="driverinfotb1" class="easyui-datagrid" data-options="singleSelect:true,editgrid:true
					,rownumbers: true,fit:true,loadMsg:'加载中...'">   
    				<thead>   
        				<tr>   
        					<th data-options="field:'buscode',align:'center'">车辆自编号</th>   
            				<th data-options="field:'drivercode1',align:'center'">甲班司机工号</th>   
            				<th data-options="field:'drivername1',align:'center'">甲班司机</th>   
            				<th data-options="field:'driverrestmap1',align:'center'">休位</th>  
            				<th data-options="field:'drivercode2',align:'center'">乙班司机工号</th> 
            				<th data-options="field:'drivername2',align:'center'">乙班司机</th>   
            				<th data-options="field:'driverrestmap2',align:'center'">休位</th>   
            				<th data-options="field:'zcycle',align:'center'">转班周期</th>   
            				<th data-options="field:'fixed',align:'center',hidden:true">固位</th>   
        				</tr>   
    				</thead>
    			</table> 
			</div> 


<script>
function loadclassinfo(row,num){
	var _url="wiDriverrestgroupmController.do?detaillist&pid="+row.id;
	$.ajax({
		type:'POST',
		url:_url,
		dataType:'json',
		timeout:60000,
		success:function(req){
			
				$('#driverinfotb1').datagrid({
				data:eval(req),
				title:row.groupname+'班组信息',
				});
			
		}
	});
}
</script>


2.后台代码

@RequestMapping(params = "driverdetaillist")
	@ResponseBody
	public String driverdetaillist(String id,String date,String linecodes,HttpServletRequest req) {
		String ssql="exec wi_sjrest_driverdetaillist ?,?,? ";
		SqlRowSet rs =this.systemService.findForJdbcSet(ssql,id,date,linecodes);
		String json = this.systemService.SqlRowSetToJosn(rs);
		return json;
	}




相关文章推荐

easyUI的dataGrid的使用DEMO

  • 2016年09月07日 13:26
  • 275KB
  • 下载

使用JQuery EasyUI 中的DataGrid控件实现数据的分页(紧密结合上一篇博客)

1.dao接口 package yycg.base.dao.mapper; import java.util.List; import yycg.base.vo.SysuserCustom; i...

EasyUI DataGrid的loadFilter属性使用

自我提示,便于备忘,慢慢成长
  • lxq0426
  • lxq0426
  • 2016年01月20日 18:15
  • 2717

easyui-datagrid checkbox和radio组合使用

这两三个写项目的时候用到了easyui,刚开始接触的时候也是什么都不知道。因为以前没有接触过easyui 这个前段框架。所以刚做的时候,懵逼了好几天,慢慢的才熟悉一点点。最后写出来一点效果,想在这记录...

easyui datagrid rowediting使用心得

前不久使用了easyui的tree,现如今换了项目组,居然

jquery easyui datagrid简单使用学习

先上效果图 html:
  • qc1110
  • qc1110
  • 2016年12月29日 11:29
  • 383

使用easyUI添加查询功能在datagrid

@author  YHC 在这个示例中我们将向你展示如何从数据库得到数据显示他们到datagrid,然后演示如何根据用户输入的搜索关键词搜寻显示结果. 查看 Demo 创建 ...

jquery easyui datagrid使用参考(增删改查1)

xxx //文件上传 $(document).ready(function(){     var validateForm = function() {  };     var...

Easyui datagrid detailview使用简介

、easyui 的 detailview又叫subgrid其实也就类似于分组表格的意思,先见效果图 二、下面说下使用方法 1.页面引入样式 2.引入脚本 ...
  • sdmxdzb
  • sdmxdzb
  • 2015年04月03日 16:05
  • 627
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:easyui datagrid 的使用
举报原因:
原因补充:

(最多只允许输入30个字)