`

datagrid 表格编辑器的添加和移除

阅读更多
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 {  
          //获取datagrid字段的属性
            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 = {};  
        }  
    }  
}); 

对datagrid 字段添加编辑器
    $("#gridId").datagrid('addEditor', {  
                            field : 'password',  
                            editor : {  
                                type : 'validatebox',  
                                options : {  
                                    required : true  
                                }  
                            }  
                        });  


对datagrid字段移除编辑器
$("#gridid").datagrid('removeEditor', 'password');
分享到:
评论

相关推荐

    easyui Datagrid 数据列表比较上一个上传的增加了超链接并传值、条件清空、日期控件清空和数据修改功能

    为此,可以在Datagrid旁边添加一个“清空”按钮,通过调用`datagrid('clearFilter')`方法来移除所有过滤条件,使Datagrid显示全部数据。 3. **日期控件datetimebox清空**: Datagrid通常与EasyUI的日期选择器...

    FLEX datagrid应用实例

    2. 动态列添加和移除:根据数据内容动态调整列的数量和类型。 3. 表格分组:将数据按某一字段值进行分组,方便查看和分析。 4. 菜单和工具提示:为行或列添加右键菜单,或为单元格提供额外信息的工具提示。 5. 数据...

    javascript实现datagrid

    Datagrid 类似于电子表格,可以显示大量结构化的数据,并提供排序、筛选、分页和编辑等功能。在这个主题下,我们将深入探讨如何使用 JavaScript 来创建一个功能丰富的 Datagrid。 1. **基础概念**:Datagrid 是一种...

    动态管理ASP.NET DataGrid数据列

    首先,我们有两种常见的在设计时增加DataGrid列的方式:一是通过Visual Studio的Web Forms设计器,将DataGrid控件拖放到页面上,然后在属性窗口中添加Columns;二是直接编辑HTML源代码,在标记中定义Columns。然而,...

    Flex教程之DataGrid用法

    为了实现更复杂的编辑功能,可以通过设置`itemEditor`和`itemRenderer`来自定义单元格的编辑器和渲染器。 **MXML方式** ```xml 名称" dataField="name" editable="true"> ``` **ActionScript方式** ```...

    flex绘制仿word功能

    总之,通过深入理解Flex的组件、数据绑定、事件处理和样式系统,我们可以构建出一个强大的表格编辑器,其功能接近于Microsoft Word。这不仅需要扎实的编程技能,还需要对用户需求和交互设计有深入的理解。

    自定义可增删改的grid表

    同时,我们可以自定义编辑器,例如使用TextInput或ComboBox等控件,以提供更丰富的编辑体验。 4. **事件监听**:我们需要监听DataGrid的事件,如cellClick、editCommit等,以便在用户编辑数据后执行相应的业务逻辑...

    自定义DataGridView对象和自定义属性形参的使用

    在实际开发中,自定义属性和参数可能涉及更多复杂逻辑,例如与数据源的交互、自定义列类型、自定义编辑器等。熟练掌握这些技术可以帮助你构建出更符合业务需求的用户界面,提升用户体验。在设计和实现过程中,应注重...

    jQuery EasyUI 1.4.5 版 API 中文版 (真实可用)

    通过API,我们可以控制Panel的显示状态、添加和移除内容。 jQuery EasyUI还提供了其他组件,如Dialog对话框,用来弹出信息提示或者创建可移动、可调整大小的窗口;Layout布局,用于管理页面区域划分;Form表单,...

    WpfDataGridLinkageDemo.rar

    DataGrid是一种强大的控件,它允许用户对表格数据进行操作,如排序、筛选和编辑。在联动绑定的场景下,当我们在一个DataGrid中做出修改时,关联的DataGrid会即时反映出这些修改,实现了数据的实时同步。 为了实现...

    easyui增删改查案例

    - **增删改查按钮**:通常,我们会在 DataGrid 的列头或底部添加工具栏,包含新增、删除、编辑和查询的按钮,通过点击这些按钮触发相应的操作。 - **编辑模式**:单击行可以将 DataGrid 行切换到编辑模式,允许...

    infragistcis帮助文档之Ajax control

    - **使用行为**:通过配置不同的行为,如排序、筛选、编辑等,可以增强WebDataGrid的功能性和可用性。 ##### 1.3.3 使用WebDataGrid - **行为**:包括激活、列移动、列调整大小等功能,这些行为可以通过代码或界面...

    Jquery EasyUI Demo 例子

    2. **DataGrid(数据网格)**: DataGrid是展示表格数据的强大工具,支持排序、分页、筛选和编辑等功能。通过与后台数据源(如Ajax)交互,DataGrid可以动态加载和更新数据。在Demo中,你会学习到如何定义列、处理...

    jQuery easyui datagird编辑行删除行功能的实现代码

    8. `editor`: 配置列的编辑器类型,例如`validatebox`、`moneybox`、`numberbox`和`datebox`等,用于在编辑模式下显示相应的输入控件。 编辑行功能的实现通常涉及到`datagrid('beginEdit')`和`datagrid('endEdit')`...

    easyUicss文件

    通过添加或移除这些类,可以动态改变元素的行为和外观。 - **浮动布局与清除浮动**:在处理组件的排列时,"easyui.css"会用到浮动布局。同时,为了防止浮动带来的布局问题,它也会巧妙地使用清除浮动的方法。 - **...

    jQuery_EasyUI教程

    7. **自定义分页和编辑**:除了内置的分页和编辑功能外,DataGrid还支持高度的自定义,可以根据具体需求定制分页器的外观和编辑行为。 #### 核心知识点五:窗口和对话框 EasyUI中的窗口(Window)组件提供了弹出式...

    jQuery和easyUI官方API

    - 创建数据管理界面:使用DataGrid展示数据库中的数据,并结合Dialog和Form进行编辑和删除操作。 - 构建导航菜单:利用Menu实现多级导航,提升用户体验。 - 实现表单验证:结合jQuery的验证插件,与EasyUI的表单...

    JqueryAPI +easyUI+demo

    3. **数据绑定(Data Binding)**:`datagrid` 和其他一些组件支持与后台数据源进行双向绑定,可以自动加载、编辑和保存数据。这通常结合JSONP或AJAX实现。 4. **事件处理(Event Handling)**:EasyUI组件也支持...

    jq 手册内涵jQueryAPI与EasyUI+1.2.4文档

    3. **数据绑定**:`datagrid` 和 `combobox` 等组件可以方便地与后台数据源进行绑定,实现动态加载和编辑。 4. **事件处理**:EasyUI 组件支持事件监听,如 `onLoadSuccess`、`onClickRow` 等,允许在特定事件发生...

Global site tag (gtag.js) - Google Analytics