EditorGridPanel中嵌入ComboBox通常不会正常显示ComboBox的store中本想显示字段,而是显示的EditorGridPanel中 store的dataindex指定的字段内容。

为了解决这个问题需要在EditorGridPanel的ColumnModel中显示ComboBox的地方使用renderer属性,重新渲染,方法如下:

    //部门列表var comboxDepartmentStore = new Ext.data.Store({proxy: new Ext.data.HttpProxy({url: "GetDepartmentJson.aspx",method: 'GET'}),reader: new Ext.data.JsonReader({root: 'data',totalProperty: 'totalCount',fields: [{ name: 'departmentid', mapping: 'ID' },{ name: 'departmentname', mapping: 'Name' }]})});//根据Combobox列表中对应的Id的值来渲染function rendererMeterTypeCombobox(value, p, r) {var index = comboxDepartmentStore.find(Ext.getCmp('cbdepartment').valueField, value);var record = comboxDepartmentStore.getAt(index);var displayText = "";if (record == null) {return value;} else {return record.data.astype; // 获取record中的数据集中的display字段的值 }}var sm = new Ext.grid.CheckboxSelectionModel();var cm = new Ext.grid.ColumnModel({columns: [sm, new Ext.grid.RowNumberer(), {header: 'id',dataIndex: 'id',hidden: true}, {header: '姓名',width: 40,dataIndex: 'name'}, {header: '所属部门',width: 80,dataIndex: 'department',renderer: rendererDepartmentCombobox,editor: new Ext.form.ComboBox({id: "cbdepartment", //必须有 forceSelection: true,selectOnFocus: true,typeAhead: true,triggerAction: 'all',store: comboxDepartmentStore,mode: 'local',displayField: 'departmentname',valueField: 'departmentid',lazyRender: true})}],defaults: {zsortable: true,menuDisabled: false,width: 100}});var editGrid = new Ext.grid.EditorGridPanel({id: 'TestGrid',store: store, //EditorGridPanel使用的storetrackMouseOver: true,disableSelection: false,clicksToEdit: 1, //设置点击几次才可编辑loadMask: true,autoHeight: true,cm: cm,sm: sm,viewConfig: {columnsText: '显示/隐藏列',sortAscText: '正序排列',sortDescText: '倒序排列',forceFit: true,enableRowBody: true},bbar: new Ext.PagingToolbar({pageSize: 25,store: store,displayInfo: true,displayMsg: '当前显示从{0}至{1}, 共{2}条记录',emptyMsg: "当前没有记录"})});

转载于:https://www.cnblogs.com/jadebug/archive/2011/07/02/2096167.html

Extjs EditorGridPanel中ComboBox列的显示问题相关推荐

  1. excel中多列内容显示不全

    当excel中某一列显示不全时,我们将光标置于该列的列号之后,待光标呈黑色十字时,双击,此时该列显示完整: 当连续的多列内容显示不全时,此时将多列都选中,将光标置于其中的某列的列号之后,待光标呈黑色十 ...

  2. DataGridView 密码列(显示为*号)的设置

    曾经为在DataGridView中设置密码列(显示为*号)而发愁,如何把Windows 窗体 DataGridView 的某一列的数据显示为"*". 哈哈,今天终于搞定了.需要在D ...

  3. EditorGridPanel 中使用checkbox列,并包含afterEdit事件

    在EditorGridPanel中无法使用默认的CheckBox控件,因此采用第三方扩展的控件实现, 以下是Ext.grid.CheckColu扩展类: Ext.grid.CheckColumn = ...

  4. Datagridview中数字格式列 不显示小数点前面的0

    用代码设置DataGridView中某列为数字格式,但当小数为0.*的时候,前面的0却不显示.只显示.*. 看网上有说: 调整本地设置,控制面板-区域和语言选项,在弹出框的区域选项卡中,选择自定义,在 ...

  5. Java黑皮书课后题第8章:*8.27(列排序)用下面的方法实现一个二维数组中的列排序。返回新数组,且原数组保持不变。编写一个测试程序,提示用户输入一个3*3的double型矩阵,显示一个排好的矩阵

    *8.27(列排序)用下面的方法实现一个二维数组中的列排序.返回新数组,且原数组保持不变.编写一个测试程序,提示用户输入一个3*3的double型矩阵,显示一个排好的矩阵 题目 题目描述与运行示例 破 ...

  6. Java黑皮书课后题第8章:*8.1(求矩阵中各列数字的和)使用下面的方法头编写一个方法,求矩阵中特定列的所有元素的和。编写一个测试程序,读取3*4矩阵,显示每列元素的和

    *8.1(求矩阵中各列数字的和)使用下面的方法头编写一个方法,求矩阵中特定列的所有元素的和.编写一个测试程序,读取3*4矩阵,显示每列元素的和 题目 题目描述与运行示例 破题 代码 题目 题目描述与运 ...

  7. php中让不显示某一列,excel中a列不见了怎么办

    excel中a列不见了怎么办? 在大型的表格中,如销售表格.统计表格等等,数据量大,经常需要显示表格的某一部分,会对表格做一些特殊处理.往往过了一段时间后,发现找不到了其中的某个部分.下面说明某一列数 ...

  8. LaTeX之表格中多列合并时表格竖线不显示的解决方法

    在LaTeX表格绘制中,多列合并通常会使用\multicolumn命令来实现.这个命令会造成所在单元格中的左右竖线不显示,本文介绍解决这个问题的方法.下面的示例代码中列出了处理前与处理后的代码. 一. ...

  9. Extjs如何调取combobox中的listeners里面的方法

    Extjs如何调取combobox中的listeners里面的方法 在使用Ext.js 中遇到的问题 背景 Ext.js 版本是4.2 代码 {xtype: 'button',margin: '-5 ...

最新文章

  1. 如何将html页面上的形状存储,css – html -split一个页面成为所需的形状作为div?...
  2. hdoj5317【素数预处理】
  3. 【转】编程思想之消息机制
  4. 前端rem单位的正确使用姿势(转)
  5. POJ 1321 棋盘问题(DFS 状压DP)
  6. 互联网的尽头是乡村振兴
  7. vim调试Shell脚本: unexpected EOF while looking for matching
  8. hihoCoder #1441 : 后缀自动机一·基本概念
  9. 在java中使用SPI创建可扩展的应用程序
  10. Eclipse安装TestNG插件
  11. 一文读懂 | CPU负载均衡实现
  12. [Hadoop]在Windows上安装Hadoop
  13. 【laravel VS lumen】
  14. java自己写框架_用java自己动手写个简单RCP框架
  15. 科蒂斯控制器故障代码_科蒂斯控制器故障代码大全-CURTIS
  16. win10下安装PyCharm以及激活
  17. BZOJ2827: 千山鸟飞绝
  18. 标准柯西分布_柯西分布设独立随机变量X和Y都服从标准正态 – 手机爱问
  19. kafka 0.10.0.0 版本
  20. 关于程序员失眠的解决方案

热门文章

  1. fastai 核心部件
  2. xampp中php连接mysql数据库乱码解决
  3. poj 3352【Road Construction】
  4. 力的作用与形态的分类
  5. 神经网络的反向传导到底是在干什么?
  6. 图片→矩阵→空间→坍缩-→质点--用神经网络将空间坍缩成粒子的实验数据汇总
  7. 【控制】《自动控制原理》胡寿松老师-第5章-线性系统的频域分析法
  8. 【数理知识】《数值分析》李庆扬老师-第2章-插值法
  9. 【Paper】23_[14]A Decentralized Approach to Formation Maneuvers
  10. Ardino基础教程 8_模拟值