文档章节

easyui之datagrid(combobox类型的editor)

一剑倾城
 一剑倾城
发布于 2015/10/28 17:17
字数 260
阅读 5408
收藏 3

easyui的datagrid使用combobox作为editor,从combobox的下拉列表选值并提交url。

比较简单,之前由于对easyui不熟,也没查到合适的教程,走了不少弯路,现终于实现,整理一下。

<script type="text/javascript">
		var editIndex = undefined;
		function endEditing(){
			if (editIndex == undefined){return true}
			if ($('#dg').datagrid('validateRow', editIndex)){
				$('#dg').datagrid('endEdit', editIndex);
				editIndex = undefined;
				return true;
			} else {
				return false;
			}
		}
		function onClickCell(index){
			if (endEditing()){
				$('#dg').datagrid('selectRow', index)
						.datagrid('beginEdit', index);
				editIndex = index;
			} else {
				$('#dg').datagrid('selectRow', editIndex);
			}
		}
</script>
……

$("#dg").datagrid({
	url: 'your url',
	pagination: true,
	rownumbers: true,
	singleSelect: true,
	collapsible: true,
	pageNumber: 1,
	pageSize: 30,
	onClickCell: onClickCell,
	columns: 
	[[
	    {field: 'flag',title: '标记', width: 80, align: 'center', sortable:false,
        	editor: {
        		type: 'combobox', 
        		options: 
        		{
        			panelHeight: 'auto',
	        		valueField:'id',
					textField:'text',
					editable:false,
					data:[
						{id:'' , text:'空'},
						{id:'a', text:'a' },
						{id:'b', text:'b' },
						{id:'c', text:'c' },
						{id:'d', text:'d' }
					],
					onSelect: function(record){
							var value = $(this).combobox("getValue");
							$.post('your url',
								{
									// code: xxxx
									flag: value
								},
								function(data, status)
								{
									if (status == 'success')
									{
										// do something
									}
								}
							);
						
					}
				},
			}
        },
	]],
});

……



© 著作权归作者所有

一剑倾城

一剑倾城

粉丝 20
博文 15
码字总数 1628
作品 0
朝阳
私信 提问
jQuery-EasyUI 1.2.3 发布

Current Version: 1.2.3 ChangeLog: Bug window: Cannot resize the window with iframe content. fixed. tree: The node will be removed when dragging to its child. fixed. combogrid: T......

ejzhang
2011/04/26
6.2K
3
easyUI combobox 点击下拉浏览器报错

因项目需要,在项目中使用了easyUI 的datagrid展示数据,并单击每一行数据可以进行编辑,有几个列是要edit成combobox的,代码: $('#table_adviseMaterial').datagrid({ //onEndEdit: onEnd...

蜡笔小新_
2016/07/27
531
0
解决easyui combobox赋值boolean类型的值时,经常出现的内容显示的value而不是text的bug。

版本:EasyUI 1.7.0 在用easyui写项目时,碰到一个combobox的奇葩bug。代码如下: 赋值语句如下: 本来这是一个很简单的combobox赋值,但是当我真正赋值时却出现了问题,经常出现一个bug,就...

五毛程序员
01/05
39
0
解决easyui combobox赋值boolean类型的值时,经常出现的内容显示的value而不是text的bug

版本:EasyUI 1.7.0 在用easyui写项目时,碰到一个combobox的奇葩bug。代码如下: 赋值语句如下: 本来这是一个很简单的combobox赋值,但是当我真正赋值时却出现了问题,经常出现一个bug,就...

五毛程序员
01/05
0
0
jquery-easyui 中表格的行编辑功能

datagrid现在具有行编辑能力了,使用时只须在columns中为需要编辑的列添加一个editor属性,编辑保存时同时具有数据校验能力。 看一个例子效果图: 具体实现代码如下: To enable editing in...

鉴客
2010/06/17
15.8K
5

没有更多内容

加载失败,请刷新页面

加载更多

协议栈

一、关键技术点分析 不同服务在性能上适用不同协议进行传输,如对接异构第三方服务时,通常选择HTTP/Restful等公有协议;而对于内部不同模块之间的服务调用,一般选择性能较高的二进制私有协...

edwardGe
22分钟前
3
0
新建时隐藏按钮,显示明细时显示

在InitControl()中 if (saTableKeys != null) { rpgDesign.Visible = true; rpgPrint.Visible = true; }......

_Somuns
57分钟前
7
0
【实战演练,拒绝996】-SpringBoot2.x自定义Spring boot Starter

欢迎关注 提升能力,涨薪可待 面试知识,工作可待 实战演练,拒绝996 如果此文对你有帮助、喜欢的话,那就点个赞呗! 前言 是不是感觉在工作上难于晋升了呢? 是不是感觉找工作面试是那么难呢...

ccww_
59分钟前
11
0
SpringBoot从入门到放弃,原理篇-自动配置原理

SpringBoot从入门到放弃,原理篇-自动配置原理 springboot自动配置原理 配置文件能配置的属性参照 自动配置原理 1、springboot启动的时候加载主配置类,开启了自动配置功能@EnableAutoConfig...

有一个小阿飞
今天
13
0
php变量和数据类型

php中的变量 PHP中的变量声明 PHP中的变量的使用 PHP中的数据类型之整型 PHP数据类型之浮点类型和布尔类型 PHP数据类型之字符串类型 PHP数据类型之heredoc和nowdoc的使用 PHP数据类型之复合类...

达达前端小酒馆
今天
7
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部