/**
* @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 = {};
}
}
});
分享到:
相关推荐
### easyui的datagrid中editor和combobox的级联 在前端开发中,easyui是一个非常实用的库,它提供了一套完整的用户界面组件,能够帮助开发者快速构建出功能丰富的Web应用。其中,`datagrid`是easyui提供的一个重要...
jQuery EasyUI Datagrid 用户列表鼠标悬停/离开数据行时显示人员头像(onMouseOver/onMouseOut) Demo 扩展 jQuery EasyUI Datagrid 数据行鼠标悬停离开事件,源码奉献!!!
- 使用`$.extend`方法扩展datagrid默认的editors,将`combogrid`添加到其中。 ```javascript $.extend($.fn.datagrid.defaults.editors, { combogrid: { init: function(container, options) { var input = $...
标题 "EasyUI可扩展Editable DataGrid(可编辑数据表格)" 涉及的是一个流行的JavaScript框架——EasyUI中的一个特性。EasyUI是基于jQuery的一个轻量级且易于使用的前端框架,它提供了一系列预定义的CSS样式和...
根据提供的文件信息,本文将详细解释如何...通过扩展 DataGrid 的方法,我们可以方便地为 DataGrid 添加更丰富的交互功能,从而提升用户体验。在实际开发过程中,可以根据具体需求调整代码逻辑,以适应不同的应用场景。
总的来说,这个例子展示了如何利用 EasyUI 的 datagrid 和 filebox 扩展来创建一个具有文件上传功能的可编辑数据表,并通过 Java 后端与 MySQL 数据库协同工作。开发人员可以从这个例子中学到如何集成这些组件,实现...
在本文中,我们将深入探讨如何在EasyUI的DataGrid中创建自定义编辑器,特别是`colorpickerEditor`,用于在行内编辑时选择颜色。EasyUI是一个基于jQuery的UI库,它提供了丰富的组件,如DataGrid,使得网页开发更加...
修改上一个资源版本中结束编辑时combobox显示问题. 1、类型为combogrid时每行的参数不同查询返回对应的数据结果。 2、类型为combobox时,输入框显示图标按钮,实现对应的事件。 3、解决类型为combobox显示为value而...
JQuery EasyUI datagrid添加、修改、删除操作是开发中常见需求,本文将详细介绍如何在JQuery EasyUI datagrid中实现这些操作。 ### 添加操作 要在JQuery EasyUI datagrid中实现添加操作,一般需要以下步骤: 1. ...
### easyUI Datagrid 控件中实现单列内嵌入多个控件的方法 #### 一、概述 在使用easyUI框架时,我们经常会遇到需要在`datagrid`控件的某一列中嵌入多个输入控件的需求。这样的设计可以极大地方便用户进行数据的...
总结来说,本文详细讲解了如何在EasyUI DataGrid中扩展Combogrid编辑器,并实现与搜索框的联动,通过类选择器解决了无明确ID的问题,实现了动态查询的功能。这在实际开发中对于提升用户体验和数据操作的便捷性是非常...
### EasyUI Datagrid 编辑模式详解 #### 一、EasyUI Datagrid 概述 EasyUI 是一款基于 jQuery 的用户界面插件集合,它提供了丰富的 UI 控件,包括 datagrid,可以方便地构建出复杂的数据展示表格。Datagrid 是 ...
使用easyui行编辑的时候完成编辑的功能比较简单,但是如果要根据一个框的值动态改变别的值或者...//扩展datagrid:动态添加删除editor $.extend($.fn.datagrid.methods, { addEditor : function(jq, param) { if (param
8. **扩展功能**:DataGrid还可以结合EasyUI的其他组件,如Toolbar,提供添加、删除、搜索等功能按钮,通过`toolbar`属性配置。 总的来说,EasyUI的DataGrid是构建数据驱动的Web应用的强大工具,它的灵活性和易用性...
`edatagrid`是jQuery Easy UI库中的一个强大工具,它扩展了基本的`datagrid`功能,提供了更丰富的交互性和数据编辑能力。 首先,`edatagrid`是基于jQuery和Easy UI框架的一个组件,它允许用户在表格中直接进行数据...
EasyUI 的 DataGrid 默认提供了一些基本操作,而 "edtabledatagrid" 可能是指一个定制或增强的版本,专门用于行内编辑,使得用户可以直接在表格中进行数据的增删改查,提升用户体验。 "datagrid12_demo.html" 这个...
5. **事件监听**:如果需要根据用户操作或特定条件动态调整列,可以监听`onLoadSuccess`或`onClickRow`等事件,然后调用`datagrid`的`refreshColumns`方法更新列。 ```javascript $('#datagrid').datagrid({ ...
第10课(datagrid增加、删除、修改功能,结合后台讲解,怎样获得增加或删除的数据,怎样传递到后台,如果添加或修改不成功,怎样回滚操作,后台操作成功,保持状态等。和清空datagrid的简单方法。) 第11课(介绍一些...