Extjs EditorGridPanel中ComboBox列的显示问题

告别UV裂缝:三平面映射TriPlanar在Shader中的无缝纹理实践 本文深入探讨了三平面映射(TriPlanar)技术在Shader中的应用,有效解决UV裂缝问题。通过世界空间坐标转换、法线遮罩和三平面纹理采样等核心步骤,实现无缝纹理效果。文章还提供了实战优化技巧和进阶应用场景,帮助开发者提升复杂模型纹理表现。 阅读详情
EditorGridPanel中嵌入ComboBox通常不会正常显示ComboBox的store中本想显示字段,而是显示的EditorGridPanel中 store的dataindex指定的字段内容。
为了解决这个问题需要在EditorGridPanel的ColumnModel中显示ComboBox的地方使用renderer属性,重新渲染,方法如下: 


详细出处参考:http://www.jb51.net/article/27609.htm

//部门列表 
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使用的store 
trackMouseOver: 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: "当前没有记录" 
}) 
}); 
DevExpress的下拉框控件ComboBoxEdit控件的使用 场景 Winform控件-DevExpress18下载安装注册以及在VS中使用: https://blog.youkuaiyun.com/BADAO_LIUMANG_QIZHI/article/details/100061243 DevExpress的下拉框控件LookUpEdit的使用、添加item选项值、修改默认显示值: https://blog.youkuaiyun.com/BADAO_LIUMANG_QI... 阅读详情

相关推荐

别再只看图了!代谢组学OPLS-DA分析,R2Y和Q2Y到底怎么看才不踩坑?

本文深入解析代谢组学OPLS-DA分析中的关键指标R2Y和Q2Y,揭示如何避免过拟合陷阱。通过详细解读模型解释能力(R2Y)和预测能力(Q2Y),结合置换检验方法,提供完整的模型评估流程与实战建议,帮助研究者获得可靠的分析结果。

weixin_42638178的博客 196

extjs的EditorGridPanel中的ComboBox列中显示值的问题

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

sonwing_for的博客 3000

深入浅出DNS系列(一)- DNS杂谈

黄丝玛:班达山,你好,我记性不好,你告诉我搜狐、新浪的网站IP地址好吗? 班达山:你问问DNS先生吧,他专门干这买卖的

jiangsd198的博客 4129

Ext grid中单元格编辑,editor为combobox时用法

{ header: 'TO_PTN_NM', dataIndex: "TO_PTN_NM", sortable: true, renderer: function (v, m, recod, rowindex, colindex) { if (true) { m.style = " ba...

weixin_30731305的博客 495

Fluent动网格+滑移网格+重叠网格对比介绍(以震荡水翼flapping foil为例)

初学fluent笔记,本文主要包含: Flapping foil在fluent内的几种实现方式 在哪设置动网格、滑移、重叠网格 flapping的UDF 示例 写在前面:Fluent在预览网格运动/提交计算之前,注意保存一个cas版本。 -------------------------Flapping foil 网格几种组合实现方式:---------------------- 直接重叠网格,overset, 需要建立两个几何part,part要重合。水翼局部区域(component),背景网格(ba

深海民工CFDer 2万+

OpenSceneGraph编译、安装、开发环境

详细描述WIndows 10下使用Visual Studio 2019编译OpenSceneGraph 3.6.5的操作流程

国产CAx(CAD/CAE/CAM)软件研发 8771

Extjs EditorGridPanel中ComboBox列的显示问题(默认显示键而不是值)

EditorGridPanel中嵌入ComboBox通常不会正常显示ComboBox的store中本想显示字段,而是显示的EditorGridPanel中 store的dataindex指定的字段内容。   为了解决这个问题需要在EditorGridPanel的ColumnModel中显示ComboBox的地方使用renderer属性,重新渲染,方法如下: //部门列表 var c

技术小站 1746

【多元统计分析】均值向量和协方差阵的检验——spss上机实验

均值向量和协方差阵的检验——spss上机实验 #参考书目为《多元统计分析》(第五版)——何晓群.中国人民大学出版社 #如有错误,请指正!谢谢~ #关注公众号搜索同名文章获取数据~ 习题2.3 现选取内蒙古、广西、贵州、云南、西藏、宁夏、新疆、甘肃和青海等9个内陆边远省区。选取人均GDP、第三产业比重、人均消费支出、人口自然增长率及文盲半文盲人口占15岁以上人口的比例等5项能较好的说明各地区社会经济发展水平的指标,验证边远及少数民族聚居区的社会经济发展水平与全国平均水平间有无显著差异。 将输入导入spss

suansuannainaizi的博客 3万+

Extjs GridPanel 中放入 Combox显示问题

http://weijun8611-126-com.iteye.com/blog/566201     在项目中使用了extjs的editorgridpanel,但是其中的combobox在选择了相应的选项后,grid中显示的是值域(valueField)的值,而非意愿中的显示域(displayField)的值,经过一些搜索和尝试后找到了一个比较好的解决方法——在定义带combobox的列时...

weixin_33910385的博客 370

Vue3 - Element Plus 全局修改更换主题色配置详细教程,element-plus自定义主题色全局替换主色调强力解决方案,支持动态修改主题颜色/动态皮肤,将默认蓝色主题色更换为其他颜色!

vue3,nuxt3,element-plus,组件库,主题色,修改主题颜色,更换主题色,如何修改组件默认主题蓝色,项目主题色定制,修改失败,主题色覆盖不了,:root直接修改,hover颜色没改,自定义主题色,vue3全局设置elementPlus主题色最新详细修改教程,怎么修改全局的颜色,scss变量,覆盖原来的主题色改为自己的颜色,统一替换,有没有好办法,颜色不变,失败,无效,动态主题切换,主题颜色怎么在项目里直接改,plus主题色更换,覆盖默认主题色,最强最好用,设置主题色,换肤,皮肤,动态更换

🏆 前端领域优质创作者 1万+

YOLOv8独家原创改进:原创自研 | 自研独家创新DSAM注意力 ,基于BiLevelRoutingAttention注意力升级

提出新颖的注意力DSAM(Deformable Bi-level SpatialAttention Module),创新度极佳,适合科研创新,效果秒杀CBAM,Channel Attention+Spartial Attention升级为新颖的Deformable Bi-level Attention+Spartial Attention

①答疑群聊服务;②YOLO大模型知识问答系统;③计算机视觉论文生成智能体; 1512

ext学习笔记

1.当设置combox从远程加载数据,并且指定了valueField和displayField时,要想在服务器端获取valueField的值,则必须指定hiddenName,并且该字段的值应该和name字段一致,但是此时不能再指定id字段,否则将出现:下拉列表出现的位置不是在combox的正下方,而是在其它位置显示下拉列表2.使用EditorGridPanel时,如果其中一列可编辑列使用了comb

yax405的专栏 680

避坑指南!YOLO26模型导出/推理常见问题,99%的开发者都踩过

版本锁定:Ultralytics=8.4.2、OpenVINO=2024.0.0、Python=3.10,版本不一致是80%问题的根源;参数对齐:训练/导出/推理的imgsz、归一化、坐标映射必须完全一致,差一步就出错;算子统一:避免自定义算子,优先用YOLO26原生算子(C3k2/PSABlock),确保推理引擎兼容;分步验证:导出后先校验ONNX/IR模型→单图片推理→RTSP流推理→72小时稳定性测试,一步过易踩坑;工业级测试。

专注于Python爬虫开发,分享爬虫技巧、项目实战与反爬经验,使用Scrapy、BeautifulSoup等工具,解决数据抓取难题。 510

extjs的Ext.grid.EditorGridPanel中ComboBox显示值的问题

extjs的Ext.grid.EditorGridPanel中ComboBox显示值的问题 问题描述,当editorGridPanel中的cell使用comboBox的时候,最终显示的值是comboBox的valuefield,本意希望显示displayField 在网上找了一些方法,说是在表格列renderer中利用Combobox来设置 参考添加链接描述 但是此种方法,必须将combobox设...

ada_ayah的专栏 803

计算机控制技术及应用

《计算机控制技术及应用》通过总结作者的科研成果和吸收国内外的先进理论、方法和技术,以计算机控制系统的网络化、开放化、智能化和集成化发展趋势为主线索,主要介绍计算机控制系统的基本概念和计算机控制系统的典型形式,计算机控制系统的数学描述与基本分析方法,以及数字PID控制器、最少拍控制系统、达林算法、状态变量设计法等设计方法及其各种改进算法。重点突出计算机控制系统输入输出通道接口的设计方法和典型控制系统的设计案例与实现方法等。

复分析 阿尔福斯(Ahlfors) 第三版答案 英文

答案分为十章,有部分习题没有答案,全英文复分析阿尔福斯(Ahlfors) 第三版答案

EditorGridPanel中ComboBox显示问题?

function getConsumerUnit(value){ var rd = houFct.EmptyStore.getAt(0); if(rd){ return rd ? rd.get('unitName') : '请选择..'; }; if(houFct.get('consumerGrid').getGrid...

天天开心 238

TMS_WebGMaps_1.9.8.0_Full_Source

TMS_WebGMaps_1.9.8.0_Full_Source 全源码 delphi cbuilder

Extjs控件EditorGridPanel中使用自定义的editor

点击EditorGridPanel中的某一列时,需要根据点击的那一行的其它列的数据进行判断,出现何种表单控件。 例如: 头像类型       头像ID xxx                   yyy 点击yyy时需要根据头像类型选择的值进行判断,是出现combox控件还是textfield控件。   解决方案:使用Extjs预留的getCellEditor进行扩展。 部分代码

xul2009的专栏 1272

VC中sqlite的使用

在VC中对sqlite的使用,实现数据库大批数据的快速插入,读取数据库中的数据在ListCtrl中显示

Extjs的Ext.form.ComboBox

Extjs的ComoBox类似于HTML中的select表单对象,其中select的option是由Store对象进行管理的。在使用Combobox的时候碰到各式各样的问题或要求,以下介绍一些典型的使用方式。 Form中提交ValueField Store中的每条记录(record)包含两个(或两个以上)的属性,一个用于展示(displayField),一个是实际值(valueField),在

John Gao的专栏 1637

关于Ext.form.ComboBox在Ext.grid.EditorGridPanel中的小应用

随着ExtJS框架变得越来越流行普及,更多应用系统在客户端的选择上倾向于它,因为ExtJS框架的一些应用为客户准备得更为周详。 但是随着客户越来越挑剔的行为,我们有时候很无奈,但又不能违背客户的医院,只好硬着头皮尽力去实现客户的需求。 下面以简单的可编辑的Ext.form.ComboBox为例,具体说说实现过程: 1、定义Grid的实体为Ext.grid.EditorGridPanel;

秋风瑟瑟 3919

ExtJS3.0之可编辑表格EditorGridPanel

ExtJS3.0之可编辑表格EditorGridPanel 可编辑表格是指可以直接在表格的单元格对表格的数据进行编辑,ExtJS中的可编辑表格由类Ext.grid.EditorGridPanel表示,xtype为editorgrid。使用EditorGridPanel与使用普通的GridPanel方式一样,区别只是在定义列信息的时候,可以指定某一列使用的编辑即可,下面来看一个简单的...

天天开心 606

ExtJs学习笔记——Ext.grid.EditorGridPanel的使用

ExtJs学习笔记——Ext.grid.EditorGridPanel的使用 可编辑表格是指可以直接在表格的数据进行编辑,ExtJS的可编辑表格由Ext.grid.EditorGridPanel表示,xtype为editorgrid。使用EditorGridPanel与使用普通的GridPanel方式一样,区别只是在定义列信息的时候,可以指定某一类使用的编辑即可,下面看一个完整的示例。 <!...

漏气的可乐的博客 866

ExtJS学习之EditorGridPanel

EditorGridPanel与GridPanel用法上几乎没有差别,但是有几个地方需要注意,这些地方是其之所以成为EditorGridPanel的原因。       第一,EditorGridPanel第一个不同的属性,editor,也就是说,通过声明这个属性,我们可以指定EditorGridPanel的中某个列的编辑方式。 这个编辑方式可以是Ext.form.TextField、E

chenlaoyang的专栏 865
上一篇: Extjs ComboBox
下一篇: ExtJS Grid Tooltip的3+1种实现方式总结
rmnjava
博客等级 码龄20年 8粉丝 5原创
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付:10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值