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)

1、自定义日期组件(扩展自My97 DatePicker 4.0) (1)准备日历小图标 .icon-date{ background:url(‘../../../datepicker/...
  • maniki
  • maniki
  • 2017年08月01日 15:51
  • 517

Easyui之Datagrid编辑器Editor扩展(timespinner)

项目需要用到时间调节器,网上找了下,有DatetimeBox的,没有Timespinner的,就改了下。 $.extend($.fn.datagrid.defaults.editors,...
  • hojunf
  • hojunf
  • 2013年06月25日 09:53
  • 2878

easyui datagrid 动态添加、移除editor

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

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

easyui的datagrid中editor和combogrid的结合使用
  • zhonglongfuwang
  • zhonglongfuwang
  • 2016年01月11日 16:48
  • 4884

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

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

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

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

jQuery EasyUI — 格式化显示datagrid的numberbox编辑类型

1.datagrid中的列定义:
  • caryyin
  • caryyin
  • 2014年09月28日 17:35
  • 7073

easyUI datagrid editor 修改 type

首先 扩张datagrid :如下 $.extend($.fn.datagrid.methods, {        addEditor : function(jq, param) {     ...
  • scx0920
  • scx0920
  • 2016年03月14日 15:07
  • 364

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

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

easyui datagrid动态修改editor为combobox的options

最近有个需求就是当你打开datagrid的编辑状态时,要根据行数据的不同对应的combobox的下拉选项也不同。同时为了美观,打开编辑状态的时候combobox为我默认选择数据。我的实现思路是,原有的...
  • donggua3694857
  • donggua3694857
  • 2016年05月17日 10:03
  • 9108
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:easyui datagrid之editor扩展
举报原因:
原因补充:

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