{ 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中的增删改查操作。ExtJS是一个强大的JavaScript库,主要用于构建富客户端Web应用程序。EditGrid是ExtJS中用于展示和编辑表格数据的一种组件,它提供了丰富的...
在本示例代码中,我们将探讨如何利用ExtJS EditGrid创建一个可编辑的数据表格,包括其基本配置、列定义、事件处理以及数据操作。 1. **基本配置**:首先,我们需要引入ExtJS库,并创建一个新的EditGrid实例。这通常...
在探讨“extjs editgrid combobox 回显”这一主题时,我们主要关注的是如何在ExtJS框架下,实现编辑网格(EditGrid)中的组合框(ComboBox)的值能够正确地回显到网格中。这一功能对于那些需要用户在表单中选择数据...
ExtJS EditGrid是一款基于ExtJS框架的表格编辑组件,它提供了强大的数据编辑功能,常用于构建数据密集型的Web应用。在使用EditGrid时,可能会遇到回显问题,即用户编辑表格数据后,数据无法正确地显示在表格中。这个...
为了解决这个问题,开发者创建了一个自定义的afterstart事件,这个事件会在RowEditor显示后立即触发,这时可以对CompositeField进行初始化。需要注意的是,RowEditor的items属性并非数组,而是对象,所以需要通过...
在描述中提到的“最难解决的问题”——在修改时为`checkboxgroup`赋值,这是因为EXTJS默认的`setValue`方法可能不会按照期望的方式更新所有复选框的状态。为了解决这个问题,开发者通常需要自定义方法来处理。如示例...
### ExtJs选中 `var ...以上就是关于 `var editor = new Ext.ux.grid.RowEditor` 的详细解析,希望对使用ExtJs框架的开发者有所帮助。通过合理地配置和使用 `RowEditor`,可以极大地提高Web应用的交互性和用户体验。
如题目所述,当隐藏列出现在`menuDisabled`中时,这通常是因为ExtJS的默认配置。解决这个问题的方法是在列定义中添加一个名为`hideable`的属性,并将其设置为`false`。这样,即使列被隐藏,也不会在列菜单中出现。...
在ExtJS 4.0中,表格面板允许用户动态隐藏或显示列,以适应不同的视图需求。这可以通过设置列模型(Column Model)中的`hidden`属性来实现。例如,你可以创建一个列配置对象,其中包含一个`hidden`参数来定义列是否...
ExtJS锁定列头源码 ExtJS锁定列头源码
这个控件是ExtJS对基础日期选择器的扩展,增加了对时间部分的细致控制。 DateTime控件在ExtJS 4.2中的实现,通常包括以下几个关键组成部分: 1. **配置项**:DateTime控件允许开发者通过各种配置项来定制其行为和...
在使用ExtJS4开发一个grid的时候,经常会遇到需要对grid的列进行动态的显示和隐藏操作,以适应不同的显示需求。ExtJS4中的gridpanel组件提供了一些内置的方法来控制列的可见性,但有时候需要一个更直观的方式来实现...
"ExtJS3.2列布局"是这个框架中的一个重要概念,尤其在处理form表单时非常实用。 列布局(Column Layout)是ExtJS的一种布局策略,它允许你在同一行内创建多个并排显示的区域,每个区域可以包含不同的组件,如文本框...
EXTJS Grid的列可以通过配置进行隐藏或显示,用户可以通过交互式菜单或者按钮来控制。在实现时,可能需要监听列的显示/隐藏事件,更新一个列选择列表,然后在导出时参考这个列表。 “中文不会有乱码问题”意味着在...
在ExtJS中,"按钮列"(Button Column)是一种特殊的列类型,常用于表格面板,允许用户在每一行数据的特定列上执行操作。 标题提到的"ExtJS文字按钮列"是指在ExtJS表格中添加一列,该列包含的是文字按钮而非图片按钮...
ExtJS3 升级到 ExtJS4 方案 ExtJS3 升级到 ExtJS4 需要修改大量代码,主要是因为 ExtJS4 配备了一类新的系统,不向后兼容。在 ExtJS 3 里生成表的几个框架组件,ExtJS4 大多生成 div,这使得 CSS classes 将会失败...
在ExtJS中,要隐藏一个表单中的textfield,可以通过在该表单项的配置中添加hidden属性,并将其设置为true,这样可以使得该表单项不在界面上直接显示。但是,如果仅仅设置了hidden属性为true,虽然文本字段本身不会...
考虑到extjs DateField的关键配置和主要操作
ExtJS是一种广泛使用的JavaScript库,专门用于构建富客户端的Web应用程序。它提供了丰富的组件和工具,使得开发者可以创建出功能强大、用户界面友好的Web应用。在“extjs流程界面设计器参考”中,我们主要关注的是...