有一段时间没写博客了,最近因项目一直在忙,终于抽出空来写点东西,在项目中使用了extjs的editorgridpanel,但是其中的combobox在选择了相应的选项后,grid中显示的是值域(valueField)的值,而非意愿中的显示域(displayField)的值,在网上搜索了一番,结果几乎都是在定义带combobox的列时配置其renderer的属性,下面是网上最常见的2中处理这个问题的代码。

第一种:在渲染时利用Combobox来设置

//这是编辑框

{

text: '改扩建类型',
                   name:'Upgrading_Type',
                  align:"center",
                  flex:1,
                  dataIndex: 'Upgrading_Type',
                  editor:combo,
                  defaultValue:'1',
                  renderer:Ext.util.Format.comboRenderer(combo)

}

//这是ComboBox

var combo = new Ext.form.ComboBox({
          store:typeStore,
          istConfig: {
              emptyText: "未找到匹配项",
              maxHeight: 150
          },
          id:'cb',
          name: "Config_Value",
          triggerAction: "all",        //单击触发按钮显示全部数据
          displayField: "Config_Name",
          valueField: "Config_Value",
          hiddenName:"Config_Value",
          queryMode: "local",
          forceSelection: true,        //要求输入值必须在列表中存在
          typeAhead: true,     //允许自动选择匹配的剩余部分文本
            value: "1"

});

//下面是处理此问题的方法---Ext.util.Format.comboRenderer(combo)

Ext.util.Format.comboRenderer = function(combo){
          return function(value){
              var record = combo.findRecord(combo.valueField,value);
              return record ? record.get(combo.displayField) : '123';
          }
  }

第二种:通过Store对象来获取record来设置

前面的编辑框的代码和ComboBox如同上面的,下面的是处理的方法

//获取当前id="cb"的comboBox选择的值
                      var index = typeStore.find(Ext.getCmp('cb').valueField, value);
                      var record = typeStore.getAt(index);
                      var displayText = "";
                      if (record == null) {
                          displayText = value;
                      } else {
                          displayText = record.data.Config_Name;//获取record中的数据集中的Config_Name字段的值
                      }
                      return displayText;
                  }

经过了一番尝试以后结果发现这两种办法都不行,两种办法都执行了else,所以下面是我尝试成功的

一个灰常简单的办法。

renderer:function(value){ return value == '1' ? '扩建' : '工艺提升' }

如图:显示就正常啦

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

  1. 基础SQL Server 操作问题——仅当使用了列表并且IDENTITY_INSERT为ON时,才能为表中的标识列制定显示值

    在表中插入多条字段 问题一:仅当使用了列表并且IDENTITY_INSERT为ON时,才能为表中的标识列制定显示值 解决方法: 执行: SET IDENTITY_INSERT 表名 ON    //设 ...

  2. 不能表中的标识列插入显示值

    {"当 IDENTITY_INSERT 设置为 OFF 时,不能向表 'OrderList' 中的标识列插入显式值"} 对于这个异常可以从两个角度来处理:A:数据库执行语句  B: ...

  3. R语言使用gt包和gtExtras包优雅地、漂亮地显示表格数据:使用gt包可视化表格数据,使其易于阅读和理解、使用gtExtras包添加一个图,显示表中某一列中的数字

    R语言使用gt包和gtExtras包优雅地.漂亮地显示表格数据:使用gt包可视化表格数据,使其易于阅读和理解.使用gtExtras包添加一个图,显示表中某一列中的数字 目录

  4. R语言使用gt包和gtExtras包优雅地、漂亮地显示表格数据:使用gt包可视化表格数据,使其易于阅读和理解、使用gtExtras包添加一个图,显示表中某一列中的数字、并为类型数据添加图像符号标签

    R语言使用gt包和gtExtras包优雅地.漂亮地显示表格数据:使用gt包可视化表格数据,使其易于阅读和理解.使用gtExtras包添加一个图,显示表中某一列中的数字.并为类型数据添加图像符号标签 目 ...

  5. R语言使用gt包和gtExtras包优雅地、漂亮地显示表格数据:使用gtExtras包添加一个图,显示表中某一列中的数字、并自定义表格数据显示的主题格式、并自定义数值数据的格式(例如百分比)

    R语言使用gt包和gtExtras包优雅地.漂亮地显示表格数据:使用gtExtras包添加一个图,显示表中某一列中的数字.并自定义表格数据显示的主题格式.并自定义数值数据的格式(例如百分比) 目录

  6. 当 IDENTITY_INSERT 设置为 OFF 时,不能为表中的标识列插入显式值

    {"当 IDENTITY_INSERT 设置为 OFF 时,不能向表 'OrderList' 中的标识列插入显式值"} 对于这个异常可以从两个角度来处理:A:数据库执行语句  B: ...

  7. MySql中关于某列中相同数值连续出现次数的统计

    MySql中关于某列中相同数值连续出现次数的统计 原表如下: www.2cto.com 100 101 102 100 100 103 104 102 102 105 106 101 101 输出如下 ...

  8. sqlserver 插入数据时异常,仅当使用了列列表并且 IDENTITY_INSERT 为 ON 时,才能为表'XXXXX.dbo.XXXXXXXXX'中的标识列指定显式值。...

    INSERT INTO XXXXXXXXX.dbo.XXXXXXXXX select * from XXXXXXXXX 仅当使用了列列表并且 IDENTITY_INSERT 为 ON 时,才能为表'X ...

  9. 仅当使用了列的列表,并且 IDENTITY_INSERT 为 ON 时,才能在表中为标识列指定显式值问题...

    今天在处理数据库过程中碰到这样的问题在插入一条数据到表中 系统报这样的错误 仅当使用了列的列表,并且 IDENTITY_INSERT 为 ON 时,才能在表中为标识列指定显式值问题 表有一列是自增长的 ...

  10. 当 IDENTITY_INSERT 设置为 OFF 时,不能为表 'WLog' 中的标识列插入显式值。

    在使用SQLServer数据库的时候,在进行数据报错过程中,出现如下异常: 当 IDENTITY_INSERT 设置为 OFF 时,不能为表 'WLog' 中的标识列插入显式值. 当前表没有设置关联关 ...

最新文章

  1. TVM部署和集成Deploy and Integration
  2. 微生物组-宏基因组分析第8期(报名直播课免费参加线下2020.7,早鸟价仅剩1周)...
  3. 【多标签文本分类】Initializing neural networks for hierarchical multi-label text classification
  4. php增加mysql用户_PHP+MYSQL实现用户的增删改查_PHP
  5. 甲骨文指控 Google Android 复制其代码
  6. easyui tab
  7. oracle sql为null值,在SQL Server Oracle MySQL当数据库中查出某值为NULL怎么办
  8. go定时器 每天重复_Go语言学习基础-定时器、计时器
  9. 最近点对问题(分治法)
  10. sql顶部菜单项消失_SQL选择顶部
  11. c与指针 从一个字符串中提取子串_利用双指针解LeetCode第1297题:子串的最大出现次数
  12. Oracle Enterprise Linux 64-bit 下Oracle11g的监听配置改动及測试步骤
  13. bootdo框架首页解析
  14. SRIO传输协议学习
  15. OFDM-训练序列与导频
  16. 数据流程图,业务流程图,模块结构图
  17. pc端客户端爬虫_爬虫微博模拟登陆-从移动端到PC端
  18. 通过drb集成java和ruby环境
  19. Vue 2.x折腾记 - (16) 基于Ant Design Vue 封装一个配置式的表单搜索组件
  20. 带领你打开C++神秘之门--入门篇

热门文章

  1. 征信报告HTML文件修改,征信记录竟然可以修改!
  2. 工程桩进货指导(转)
  3. python爬虫ip限制_爬虫访问中如何解决网站限制IP的问题?
  4. ip软件在生活中器到哪些作用呢?
  5. 排序算法(天勤数据结构高分笔记)
  6. 《OpenDRIVE1.6规格文档》1
  7. 认识端口与计算机入侵防范
  8. php 跨域问题解决方案
  9. 24种设计模式-生成器模式
  10. dcs world f15c教学_陕西【精细化工dcs控制】施工