`
sphsyv23
  • 浏览: 84228 次
  • 性别: Icon_minigender_1
社区版块
存档分类
最新评论

扩展easyui的datagrid,添加动态增加或删除Editor的方法

阅读更多

 

/**
 * @author 孙宇
 * 
 * @requires jQuery,EasyUI
 * 
 * 扩展datagrid,添加动态增加或删除Editor的方法
 * 
 * 例子如下,第二个参数可以是数组
 * 
 * datagrid.datagrid('removeEditor', 'cpwd');
 * 
 * datagrid.datagrid('addEditor', [ { field : 'ccreatedatetime', editor : { type : 'datetimebox', options : { editable : false } } }, { field : 'cmodifydatetime', editor : { type : 'datetimebox', options : { editable : false } } } ]);
 * 
 */
$.extend($.fn.datagrid.methods, {
	addEditor : function(jq, param) {
		if (param instanceof Array) {
			$.each(param, function(index, item) {
				var e = $(jq).datagrid('getColumnOption', item.field);
				e.editor = item.editor;
			});
		} else {
			var e = $(jq).datagrid('getColumnOption', param.field);
			e.editor = param.editor;
		}
	},
	removeEditor : function(jq, param) {
		if (param instanceof Array) {
			$.each(param, function(index, item) {
				var e = $(jq).datagrid('getColumnOption', item);
				e.editor = {};
			});
		} else {
			var e = $(jq).datagrid('getColumnOption', param);
			e.editor = {};
		}
	}
});
分享到:
评论
2 楼 sphsyv23 2013-04-26  
zwjabcd 写道
上述加editor的方法无法添加datetimebox

datetimebox是我自己自定义的组件,你要自己扩展一个,并且叫这个名字才行。
1 楼 zwjabcd 2012-12-25  
上述加editor的方法无法添加datetimebox

相关推荐

    easyui的datagrid中editor和combobox的级联

    ### easyui的datagrid中editor和combobox的级联 在前端开发中,easyui是一个非常实用的库,它提供了一套完整的用户界面组件,能够帮助开发者快速构建出功能丰富的Web应用。其中,`datagrid`是easyui提供的一个重要...

    扩展 jQuery EasyUI Datagrid 数据行鼠标悬停离开事件完整版Demo下载

    jQuery EasyUI Datagrid 用户列表鼠标悬停/离开数据行时显示人员头像(onMouseOver/onMouseOut) Demo 扩展 jQuery EasyUI Datagrid 数据行鼠标悬停离开事件,源码奉献!!!

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

    - 使用`$.extend`方法扩展datagrid默认的editors,将`combogrid`添加到其中。 ```javascript $.extend($.fn.datagrid.defaults.editors, { combogrid: { init: function(container, options) { var input = $...

    EasyUI可扩展Editable DataGrid(可编辑数据表格)

    标题 "EasyUI可扩展Editable DataGrid(可编辑数据表格)" 涉及的是一个流行的JavaScript框架——EasyUI中的一个特性。EasyUI是基于jQuery的一个轻量级且易于使用的前端框架,它提供了一系列预定义的CSS样式和...

    easyui datagrid实现实现上下左右和回车切换单元格

    根据提供的文件信息,本文将详细解释如何...通过扩展 DataGrid 的方法,我们可以方便地为 DataGrid 添加更丰富的交互功能,从而提升用户体验。在实际开发过程中,可以根据具体需求调整代码逻辑,以适应不同的应用场景。

    easyui 可编辑datagrid完整例子,支持filebox

    总的来说,这个例子展示了如何利用 EasyUI 的 datagrid 和 filebox 扩展来创建一个具有文件上传功能的可编辑数据表,并通过 Java 后端与 MySQL 数据库协同工作。开发人员可以从这个例子中学到如何集成这些组件,实现...

    easyui datagrid 自定义编辑器 colorpickerEditor

    在本文中,我们将深入探讨如何在EasyUI的DataGrid中创建自定义编辑器,特别是`colorpickerEditor`,用于在行内编辑时选择颜色。EasyUI是一个基于jQuery的UI库,它提供了丰富的组件,如DataGrid,使得网页开发更加...

    JQuery EasyUI学习教程之datagrid 添加、修改、删除操作

    JQuery EasyUI datagrid添加、修改、删除操作是开发中常见需求,本文将详细介绍如何在JQuery EasyUI datagrid中实现这些操作。 ### 添加操作 要在JQuery EasyUI datagrid中实现添加操作,一般需要以下步骤: 1. ...

    datagrid中编辑状态(editor)下一列嵌入多个控件

    ### easyUI Datagrid 控件中实现单列内嵌入多个控件的方法 #### 一、概述 在使用easyUI框架时,我们经常会遇到需要在`datagrid`控件的某一列中嵌入多个输入控件的需求。这样的设计可以极大地方便用户进行数据的...

    简介EasyUI datagrid editor combogrid搜索框的实现

    总结来说,本文详细讲解了如何在EasyUI DataGrid中扩展Combogrid编辑器,并实现与搜索框的联动,通过类选择器解决了无明确ID的问题,实现了动态查询的功能。这在实际开发中对于提升用户体验和数据操作的便捷性是非常...

    Easyui-datagrid编辑模式详解

    ### EasyUI Datagrid 编辑模式详解 #### 一、EasyUI Datagrid 概述 EasyUI 是一款基于 jQuery 的用户界面插件集合,它提供了丰富的 UI 控件,包括 datagrid,可以方便地构建出复杂的数据展示表格。Datagrid 是 ...

    jQuery Easyui学习之datagrid 动态添加、移除editor

    使用easyui行编辑的时候完成编辑的功能比较简单,但是如果要根据一个框的值动态改变别的值或者...//扩展datagrid:动态添加删除editor $.extend($.fn.datagrid.methods, { addEditor : function(jq, param) { if (param

    easyuiDataGrid绑定

    8. **扩展功能**:DataGrid还可以结合EasyUI的其他组件,如Toolbar,提供添加、删除、搜索等功能按钮,通过`toolbar`属性配置。 总的来说,EasyUI的DataGrid是构建数据驱动的Web应用的强大工具,它的灵活性和易用性...

    jquery easy ui edatagrid 动态编辑表格 例子

    `edatagrid`是jQuery Easy UI库中的一个强大工具,它扩展了基本的`datagrid`功能,提供了更丰富的交互性和数据编辑能力。 首先,`edatagrid`是基于jQuery和Easy UI框架的一个组件,它允许用户在表格中直接进行数据...

    easyui-datagrid12-demo.zip

    EasyUI 的 DataGrid 默认提供了一些基本操作,而 "edtabledatagrid" 可能是指一个定制或增强的版本,专门用于行内编辑,使得用户可以直接在表格中进行数据的增删改查,提升用户体验。 "datagrid12_demo.html" 这个...

    easyui textbox失去焦点事件及获取文本框的内容

    EasyUI文本框失去焦点事件和获取文本框内容的实现 EasyUI文本框是一种常用的UI组件,它提供了许多实用的功能,如文本框失去焦点事件和获取文本框内容等。下面我们将详细介绍EasyUI文本框失去焦点事件和获取文本框...

    EasyUI 1.3.1动态表格列示例

    5. **事件监听**:如果需要根据用户操作或特定条件动态调整列,可以监听`onLoadSuccess`或`onClickRow`等事件,然后调用`datagrid`的`refreshColumns`方法更新列。 ```javascript $('#datagrid').datagrid({ ...

    EasyUI入门教程--第01课_EasyUI简介.avi

    第10课(datagrid增加、删除、修改功能,结合后台讲解,怎样获得增加或删除的数据,怎样传递到后台,如果添加或修改不成功,怎样回滚操作,后台操作成功,保持状态等。和清空datagrid的简单方法。) 第11课(介绍一些...

Global site tag (gtag.js) - Google Analytics