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的使用方法

由于使用datagrid主要是和数据打交道,所以为了方便就用了js的方式创建数据表格 ...
  • jimscx
  • jimscx
  • 2015年06月03日 23:51
  • 995

【easyUI】 datagrid的一些使用

引用JQueryUI插件 页面布局: js代码: // DataGrid var buildGrid = function () { $('#tt').datagr...
  • z767327552
  • z767327552
  • 2017年03月02日 18:31
  • 723

EasyUi Datagrid的基础使用

Datagride的初始化方式 方式1 :class类型创建,这个创建方式比较简单,如果在已知表格内容的情况下可以使用,还是挺漂亮的 ...
  • qzshiyongjie123
  • qzshiyongjie123
  • 2014年02月20日 18:06
  • 183501

Easyui 使用datagrid分页 详解 代码

做网站的后台设计,用到了easyui,在使用datagrid的分页时遇到了很多问题,比如如何传递分页参数,如何接收总的数据量,经过小半天的研究,终于搞出来了,下面是一些常遇到的问题,可能会对新手有所帮...
  • jp571534020
  • jp571534020
  • 2014年12月16日 11:30
  • 15013

easyui appendRow实现数据带回

项目中遇到数据带回,即点击按钮会查询一个表格,选择表格中的一些数据,并把数据带回的原页面。这个功能只有加载表格要和数据库交互,带回时用easyui的方法就ok。项目需求是:根据题型、章节和难度等级到题...
  • ggibenben1314
  • ggibenben1314
  • 2015年01月26日 10:54
  • 6272

easyui datagrid 表格组件列属性formatter和styler使用方法

明确单元格DOM结构 要想弄清楚formatter和styler属性是怎么工作的,首先要弄清楚datagrid组件内容单元格的DOM接口,注意,这里指的是内容单元格,不包括标题单元格,标题单元格...
  • ASIA_kobe
  • ASIA_kobe
  • 2016年01月15日 19:45
  • 2149

EasyUI 之 DataGrid的两种赋值方法

上一篇博客《EasyUI 之 DataGrid分页组件中文显示的两种方法》中我们使用EasyUI-DataGrid在前台添加了一个表格,并且让表格的分页控件显示为中文。现在我们有了DataGrid,我...
  • u010786678
  • u010786678
  • 2015年01月26日 11:32
  • 12044

easyUI日常问题之datagrid表格时间类型转换

先创建一个js文件,复制以下内容保存:
  • chenLeiInTuling
  • chenLeiInTuling
  • 2016年11月26日 14:36
  • 1251

(原创)Easyui中datagrid的Edit事件绑定失效的解决

上篇日志中给Edit绑定了一个事件后, 类型是combobox, 所以采用了如下的绑定方法: // 设置默认值 var editors = $('#staffLogDetailGrid')....
  • d7011800
  • d7011800
  • 2013年03月19日 16:59
  • 9408

easyui datagrid属性和方法

使用方法(Usage Example) 从现有的表单元素创建数据表格,定义在html中的行,列和数据。 table class="easyui-datagrid">       ...
  • whatday
  • whatday
  • 2017年07月27日 09:54
  • 1815
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:easyui datagrid 的使用
举报原因:
原因补充:

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