`
angelhau
  • 浏览: 29747 次
  • 性别: Icon_minigender_1
  • 来自: 广州
社区版块
存档分类
最新评论

扩展jQuery easyui datagrid增加动态改变列编辑的类型

阅读更多

$.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 = {};
        }
    }
});
 使用方式:

为password字段添加一个editor

$("#gridId").datagrid('addEditor', {
                        field : 'password',
                        editor : {
                            type : 'validatebox',
                            options : {
                                required : true
                            }
                        }
                    });

 删除password的editor

$("#gridid").datagrid('removeEditor', 'password');

注:两个方法,第二个参数都可以传递数组。
分享到:
评论

相关推荐

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

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

    easyui datagrid 动态隐藏显示列

    jquery easyui 扩展 datagrid 自定义动态隐藏显示列

    jquery.easyui.datagrid扩展合并列

    jquery.easyui.datagrid自动合并列扩展,支持多列合并。 用法:加载成功后 $('#'+tab).datagrid("autoMergeCells",['列名','列名']);

    easyui datagrid 增加鼠标悬停弹窗事件

    由于EasyUI Datagrid的默认行为不包括鼠标悬停弹窗,我们需要通过修改源码或者扩展实现来添加这个功能。在描述中提到的方法是直接修改了源码,这可能涉及到对EasyUI内部机制的理解,以及对源码的调试和测试。 4. *...

    JqueryEasyUI DataGrid例子

    综上所述,这个 JqueryEasyUI DataGrid 示例展示了如何使用前端框架与后端服务器配合,实现一个功能完备的表格应用。在实际开发中,开发者可以根据需求调整 DataGrid 的配置项,以及后台 Servlet 的逻辑,以适应各种...

    easyui datagrid 右冻结

    标题中的“easyui datagrid 右冻结”是指在使用EasyUI框架开发Web应用程序时,针对datagrid组件实现右侧列固定的功能。EasyUI是一个基于jQuery的UI库,提供了丰富的组件,包括datagrid,它是一个用于展示表格数据的...

    jquery easyui datagrid 教程

    jQuery EasyUI Datagrid 是一个基于 jQuery 和 EasyUI 框架的数据网格组件,它提供了丰富的数据展示和操作功能,常用于构建数据密集型的Web应用。这个教程将深入讲解其核心概念、用法以及常见应用。 一、jQuery ...

    jquery easyui datagrid demo 详解

    jQuery EasyUI 是一个基于 jQuery 的前端框架,它提供了一系列丰富的组件,使得开发者可以轻松构建用户界面,而 Datagrid 是其中非常重要的一个组件,常用于数据展示和管理。本篇文章将详细解析 jQuery EasyUI ...

    easyui datagrid 表格 打印

    在IT领域,EasyUI Datagrid是一款基于jQuery的前端数据展示组件,它提供了丰富的表格功能,如数据分页、排序、筛选等。当我们需要将Datagrid中的数据进行打印时,可能会遇到一些挑战,因为通常默认的浏览器打印功能...

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

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

    jQuery EasyUI v1.10.0.zip

    jQuery EasyUI 是一个基于 jQuery...建站模板中常常会集成jQuery EasyUI,因为它的组件丰富且易于定制,能够满足不同类型的网站需求。总的来说,jQuery EasyUI v1.10.0是一个强大且实用的前端框架,为Web开发带来便利。

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

    根据提供的文件信息,本文将详细解释如何在EasyUI DataGrid中实现上下左右及回车键切换单元格的功能。EasyUI 是一个基于 jQuery 的用户界面插件集合,它提供了丰富的 UI 组件来帮助开发者快速构建现代化的 Web 应用...

    JQueryEasyUI以及easyui拓展插件.zip

    jquery easyui的压缩包,以及easyui的一些拓展插件包,包括Portal(制作图表、列表、球形图等),数据网格视图(DataGrid View),可编辑的数据网格(Editable DataGrid),表格编辑单元格(Cell Editing in ...

    easyui datagrid 合并行扩展

    easyui并没有合并行的具体方法,在开发过程中有时候会遇到一行带多行的需求,本代码为满足该需求写的easyUI扩展,代码带注释

    easyui datagrid 导出到excel

    在IT领域,EasyUI Datagrid是一款基于jQuery的前端数据展示组件,它提供了丰富的表格功能,如排序、分页、过滤等。"EasyUI Datagrid 导出到Excel"这一主题涉及的是如何将EasyUI Datagrid中的数据显示在Excel表格中,...

    jquery easyui 帮助文档

    1. **数据网格(datagrid)**:DataGrid 是一个强大的表格控件,支持分页、排序、过滤、编辑等功能,可以与后端数据库进行数据交互,实现动态加载和数据操作。 2. **下拉菜单(combobox)**:Combobox 提供了一个可...

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

    在JQuery EasyUI datagrid中,可以对编辑器进行扩展,以实现更多自定义的编辑功能。例如,可以自定义日期时间编辑器(`datetimebox`),或者对文本编辑器添加验证规则。在扩展时,可通过`editor`属性指定编辑器类型...

    easyui-datagrid之间拖拽效果demo

    1. **jQuery 插件扩展**:EasyUI 是基于 jQuery 构建的,因此实现拖拽效果需要对 jQuery 进行扩展,添加自定义的拖放事件监听和处理。 2. **jQuery UI Draggable 和 Droppable**:这两个是 jQuery UI 库中的核心...

    jQuery EasyUI的api

    - **EasyUI 组件**: EasyUI 将jQuery的功能进一步扩展,提供了如`datagrid`(数据网格)、`panel`(面板)、`dialog`(对话框)等丰富的UI组件。 2. **组件的使用**: - **初始化组件**: 使用`$(selector)....

    jquery Easyui Datagrid实现批量操作(编辑,删除,添加)

    本篇文章主要讲述了如何利用jquery Easyui库中的Datagrid组件实现批量操作功能,包括编辑、删除以及添加新行。jquery Easyui 是一个基于jquery的前端UI框架,其中Datagrid组件专门用于展示和管理表格数据。通过这篇...

Global site tag (gtag.js) - Google Analytics