easyui datagrid之editor扩展

原创 2015年11月18日 15:57:50

1.前台代码

<pre name="code" class="html">	<th data-options="field:'xbuscode',align:'center',editor:{type:'combogrid',options:{
            					panelWidth:113,
            					panelHeight:180,
            					textField:'buscode',
            					columns:[[
            						{field:'buscode',title:'车辆自编号'},
            						{field:'driverrestmap',title:'休位'}
            					]],
            					onShowPanel:function(){
            						var selrow=$('#adddriverrestmapref').datagrid('getSelected');
            						$(this).combogrid({
										url:'wiDriverrestmaprefController.do?getbuscode&pid='+selrow.xdriverrestid,
									});
            					},
            					onHidePanel:function(){
										var opt=$('#adddriverrestmapref').datagrid('options');
										var selrow = $(this).combogrid('grid').datagrid('getSelected');
										var buscode =selrow.buscode;
										var driverrestmap = selrow.driverrestmap;
										$('#adddriverrestmapref').datagrid('updateRow',{
					  							index:opt.SelectCellRow,
					  							row:{
					  								xbuscode:buscode,
					  								xdriverrestmap:driverrestmap
					  							}
					  						});
									}
            				
            				}
            				}
            				">班组1车辆自编号</th>



2.onShowPanel方法后台数据数据获取

@RequestMapping(params = "getbuscode")
	@ResponseBody
	public void getbuscode(String pid ,HttpServletRequest request ,HttpServletResponse response){
		String ssql="select distinct * from (select  buscode , driverrestmap1 driverrestmap from wi_driverrestgroupd where pid =? and buscode is not null and buscode<>'' and buscode<>'轮休' and driverrestmap1 is not null and driverrestmap1 <>'' union all select  buscode , driverrestmap2 driverrestmap from wi_driverrestgroupd where pid =? and buscode is not null and buscode<>'' and buscode<>'轮休' and driverrestmap2 is not null and driverrestmap2<>'') ss";
		SqlRowSet rs =this.systemService.findForJdbcSet(ssql,pid,pid);
		PrintWriter pw = null;
		try {
			pw = response.getWriter();
		} catch (IOException e) {
			// TODO Auto-generated catch block
			e.printStackTrace();
		}
		pw.write(this.systemService.SqlRowSetToJosn(rs));
		pw.flush();
	}
}
3.效果图




相关文章推荐

EasyUI--datagrid中编辑器(editor)的类型为combobox的值得绑定

1.绑定固定的值 $(function () { /**管道级别*/ var pipingLevel = [{"value":"1","text":"A级"},{...
  • muyeju
  • muyeju
  • 2015年08月26日 13:39
  • 9940

JQuery easyUi datagrid 中 editor 增加自定义事件(1)

easyUi 的datagrid可编辑表格中需要为一列增加字数输入限制,由于没有找到该插件的 editor 中有自定义函数的api,所以,只能自己在onClickRow中实现了,实现方法也挺简单的,在...

JQuery easyUi datagrid 中 自定义editor作为列表操作按钮列

前言 JQuery easyUi datagrid 中 使用datagrid生成数据列表后,需要在每一行加入一个操作按钮列,按钮在默认非编辑状态下是不显示的,需要激活行编辑状态下才显示,故不能再fo...

JQuery easyUi datagrid 中 editor 动态设置最大值最小值

前言 近来项目中使用到 easyui 来进行页面设计,感觉挺方便的,但是网上除了api外,其他有价值的资料比较少,故在此分享一点经验,供大家参考。 问题 JQuery easyUi da...

JQuery easyUi datagrid 中 自定义editor作为列表操作按钮列

前言 JQuery easyUi datagrid 中 使用datagrid生成数据列表后,需要在每一行加入一个操作按钮列,按钮在默认非编辑状态下是不显示的,需要激活行编辑状态下才显示,故不能再fo...

Easyui datagrid editor为combobox时指定数据源

当在datagrid行内部应用添加编辑操作时,引入combobox是非常方便的操作,我在引入combobox时对数据源这快做个总结,在做demo的过程中遇到个问题,就是当你选择了下拉框的值后点击保存,...

easyui datagrid editor的textarea不会自动换行?

easyui datagrid editor的textarea不会自动换行? 1  悬赏园豆:5 [已关闭问题] 浏览: 2237次 设置了cols的值,但是就是不会自动换行...

easyui datagrid editor在编辑状态下更新列值并不结束编辑。

首先是自定义了一个方法uodateColumn更新列值 /** *自定义的修改列值方法 */ $.extend($.fn.datagrid.methods, { up...

easyui datagrid 动态添加、移除editor

使用easyui 行编辑的时候完成编辑的功能比较简单,但是如果要根据一个框的值动态改变别的值或者编辑的时候禁用某个框的时候就比较麻烦了。 比如像下面这样:添加行的时候每个值都是手动输入,修改的时候第...

easyui的datagrid中editor和combogrid的结合使用

easyui的datagrid中editor和combogrid的结合使用
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:easyui datagrid之editor扩展
举报原因:
原因补充:

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