`

extjs RowEditor对 editgrid隐藏列赋值

阅读更多

 

 

{
									header : '使用人',
									dataIndex : 'username',
									editor : new Ext.grid.GridEditor(new Ext.form.TextField({
										allowBlank : false,
										editable : false,
										blankText : '使用人不能为空',
										listeners : {
											'focus' : function(thiz) {
												Ext.getCmp('lowfixedDetailGrid').getColumnModel().setHidden(8,false);//编辑时显示该列
												UserSelectorTwo.getView(function(id, name, department) {
													thiz.setValue(name);
													Ext.getCmp('department').setValue(department);
													//Ext.getCmp('lowfixedDetailGrid').getColumnModel().setHidden(8,true);
												}, true, true, __currentUserDept).show();
											}
										}
									})),
									width : 60
								}, {
									header : '',//部门
									hidden : false,//隐藏时值放不进来
									dataIndex : 'department',
									editor:new Ext.grid.GridEditor(
									new Ext.form.TextField({ 
													allowBlank: true,
													id:'department',
													readOnly:true
									})),
									width : 0
								}

选择‘ 使用人’就可以带出’部门‘(第8列)信息,由于使用了Ext.grid.RowEditor插件‘部门’列隐藏时选择‘ 使用人’时带出的值无法正确对映;

 

 

则通过‘ 使用人’的focus事件,聚焦时显示该列,编辑完成后就又隐藏该列

 

plugins : [new Ext.ux.grid.RowEditor({
							saveText : '保存',
							cancelText : '取消',
							errorText : '请输入完整信息'
							,
							listeners : {'afteredit':function(){
								Ext.getCmp('lowfixedDetailGrid').getColumnModel().setHidden(8,true);//编辑结束隐藏该列
							}}
						})],

 可达到效果;

注:(设置该列宽度为0时还是会显示半个字符)

分享到:
评论

相关推荐

    ExtJs实现EditGrid中的增删改查操作(2)

    在本文中,我们将深入探讨如何使用ExtJS框架实现EditGrid中的增删改查操作。ExtJS是一个强大的JavaScript库,主要用于构建富客户端Web应用程序。EditGrid是ExtJS中用于展示和编辑表格数据的一种组件,它提供了丰富的...

    extjs editgrid示例代码

    在本示例代码中,我们将探讨如何利用ExtJS EditGrid创建一个可编辑的数据表格,包括其基本配置、列定义、事件处理以及数据操作。 1. **基本配置**:首先,我们需要引入ExtJS库,并创建一个新的EditGrid实例。这通常...

    extjs editgrid combobox 回显

    在探讨“extjs editgrid combobox 回显”这一主题时,我们主要关注的是如何在ExtJS框架下,实现编辑网格(EditGrid)中的组合框(ComboBox)的值能够正确地回显到网格中。这一功能对于那些需要用户在表单中选择数据...

    extjs editgrid 回显问题.rar

    ExtJS EditGrid是一款基于ExtJS框架的表格编辑组件,它提供了强大的数据编辑功能,常用于构建数据密集型的Web应用。在使用EditGrid时,可能会遇到回显问题,即用户编辑表格数据后,数据无法正确地显示在表格中。这个...

    EXTJS记事本 当CompositeField遇上RowEditor

    为了解决这个问题,开发者创建了一个自定义的afterstart事件,这个事件会在RowEditor显示后立即触发,这时可以对CompositeField进行初始化。需要注意的是,RowEditor的items属性并非数组,而是对象,所以需要通过...

    EXTJS checkbox赋值

    在描述中提到的“最难解决的问题”——在修改时为`checkboxgroup`赋值,这是因为EXTJS默认的`setValue`方法可能不会按照期望的方式更新所有复选框的状态。为了解决这个问题,开发者通常需要自定义方法来处理。如示例...

    Extjs中的GridPanel隐藏列会显示在menuDisabled中解决方法

    如题目所述,当隐藏列出现在`menuDisabled`中时,这通常是因为ExtJS的默认配置。解决这个问题的方法是在列定义中添加一个名为`hideable`的属性,并将其设置为`false`。这样,即使列被隐藏,也不会在列菜单中出现。...

    ExtJs选中var editor = new Ext.ux.grid.RowEditor详解

    ### ExtJs选中 `var ...以上就是关于 `var editor = new Ext.ux.grid.RowEditor` 的详细解析,希望对使用ExtJs框架的开发者有所帮助。通过合理地配置和使用 `RowEditor`,可以极大地提高Web应用的交互性和用户体验。

    Extjs4.0 列隐藏和滚动条动态加载

    在ExtJS 4.0中,表格面板允许用户动态隐藏或显示列,以适应不同的视图需求。这可以通过设置列模型(Column Model)中的`hidden`属性来实现。例如,你可以创建一个列配置对象,其中包含一个`hidden`参数来定义列是否...

    ExtJS锁定列头源码

    ExtJS锁定列头源码 ExtJS锁定列头源码

    extjs4.2 datetime控件

    这个控件是ExtJS对基础日期选择器的扩展,增加了对时间部分的细致控制。 DateTime控件在ExtJS 4.2中的实现,通常包括以下几个关键组成部分: 1. **配置项**:DateTime控件允许开发者通过各种配置项来定制其行为和...

    ExtJS3.2列布局

    "ExtJS3.2列布局"是这个框架中的一个重要概念,尤其在处理form表单时非常实用。 列布局(Column Layout)是ExtJS的一种布局策略,它允许你在同一行内创建多个并排显示的区域,每个区域可以包含不同的组件,如文本框...

    ExtJS4如何自动生成控制grid的列显示、隐藏的checkbox

    在使用ExtJS4开发一个grid的时候,经常会遇到需要对grid的列进行动态的显示和隐藏操作,以适应不同的显示需求。ExtJS4中的gridpanel组件提供了一些内置的方法来控制列的可见性,但有时候需要一个更直观的方式来实现...

    extjs 数据导出到Excel,数据列自选

    EXTJS Grid的列可以通过配置进行隐藏或显示,用户可以通过交互式菜单或者按钮来控制。在实现时,可能需要监听列的显示/隐藏事件,更新一个列选择列表,然后在导出时参考这个列表。 “中文不会有乱码问题”意味着在...

    ExtJS文字按钮列

    在ExtJS中,"按钮列"(Button Column)是一种特殊的列类型,常用于表格面板,允许用户在每一行数据的特定列上执行操作。 标题提到的"ExtJS文字按钮列"是指在ExtJS表格中添加一列,该列包含的是文字按钮而非图片按钮...

    extJs3升级extjs4方案

    ExtJS3 升级到 ExtJS4 方案 ExtJS3 升级到 ExtJS4 需要修改大量代码,主要是因为 ExtJS4 配备了一类新的系统,不向后兼容。在 ExtJS 3 里生成表的几个框架组件,ExtJS4 大多生成 div,这使得 CSS classes 将会失败...

    extjs form textfield的隐藏方法

    在ExtJS中,要隐藏一个表单中的textfield,可以通过在该表单项的配置中添加hidden属性,并将其设置为true,这样可以使得该表单项不在界面上直接显示。但是,如果仅仅设置了hidden属性为true,虽然文本字段本身不会...

    extjs DateField完全操作

    考虑到extjs DateField的关键配置和主要操作

    extjs流程界面设计器参考_ExtJS工作流设计器_extjs工作流_extjs_

    ExtJS是一种广泛使用的JavaScript库,专门用于构建富客户端的Web应用程序。它提供了丰富的组件和工具,使得开发者可以创建出功能强大、用户界面友好的Web应用。在“extjs流程界面设计器参考”中,我们主要关注的是...

Global site tag (gtag.js) - Google Analytics