-
Confusion about valueField in DropdownList
2020-12-01 17:31:48d get back the valueField (the value of the 'key' prop) but actually I'm getting the whole model which is a bit confusing or am I doing something wrong here?? <p>Looking here ... -
Allow accessor functions as valueField
2020-12-02 02:04:56t see a way to avoid the <code>valueField</code>. So as it stands I need to convert my immutable list via <code>toJS</code> in order to use it as the <code>data</code> prop (which can cause ... -
Ext ComboBox displayField 与 valueField 的不同
2021-01-21 15:42:56Ext ComboBox displayField 与 valueField 的不同Ext ComboBoxgetValue()和getRawValue() Ext ComboBox 下拉框Ext ComboBox 中有两个property,一个是valueField,另一个是displayField。 这两个值值相当于Java中的...Ext ComboBox
下拉框Ext ComboBox 中有两个property,一个是valueField,另一个是displayField。
这两个值值相当于Java中的map,一个键一个值,displayField是下拉框中显示的值,valueField是隐藏的一个值,也就是说valueField是map的键,displayField是map中键的值;如:<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <script src="Ext/adapter/ext/ext-base.js"></script> <script src="Ext/ext-all.js"></script> <link rel="stylesheet" type="text/css" href="Ext/resources/css/ext-all.css" /> <script type="text/javascript"> Ext.onReady(function () { var cities = [[1, "西安市"], [2, "咸阳市"], [3, "渭南市"],[4, "宝鸡市"],[5, "汉中市"],[6, "商洛市"]]; var proxy = new Ext.data.MemoryProxy(cities); var City = Ext.data.Record.create([{ name: "cid", type: "int", mapping: 0 }, { name: "cname", type: "string", mapping: 1 }]); var reader = new Ext.data.ArrayReader({}, City); var store = new Ext.data.Store({ proxy: proxy, reader: reader, autoLoad: true //即时加载数据 }); //store.load(); var combobox = new Ext.form.ComboBox({ renderTo: Ext.getBody(), triggerAction: "all", //下拉框列表框的列表值全部显示出来 store: store, displayField: "cname", valueField: "cid", mode: "local", emptyText: "请选择陕西城市", }); var btn = new Ext.Button({ text: "列表框的值", renderTo: Ext.getBody(), handler: function () { Ext.Msg.alert("值", "实际值:" + combobox.getValue() + ";显示值:" + combobox.getRawValue()); } }); }); </script> </head> <body> </body> </html>
点击按钮即可显示:
这两个属性都绑定到store的值上,valueField上的值,就是ComboBox 里的value(比如ID);而displayField的值,则是你想在ComboBox里显示给用户看到的值(比如name),也可以与valueField上的值相同,具体与store中的data有关。
getValue()和getRawValue()
ExtJs的ComboBox是一个更接近Form程序的ComboBox的控件,因为它除了有正常的下拉式选择框之外,还支持键盘输入,等于是textbox和comboBox的结合。此外,ExtJS的ComboBox还支持对选项的自动联想。
ComboBox是可以手动输入的,输入时按前缀方式查询, 缺点是必须选中下拉框的一项,如果不是选择而是手工输入完整代码,查询时getValue得到的是undefined,改为用getRawValue解决此问题。
原因是getValue是从ComboBox的store中用getById取数据,如果不选择,getById返回的是undefined。
在combobox中如果设置了valueField和displayField,则getValue()返回的是valueFiled的值,getRawValue()返回的则是displayField的值。 -
easyUI的valueField与textField失效问题
2020-11-03 14:36:47easyUI的valueField与textField失效问题 在使用easyUI的combotree的时候,设置参数valueField:‘id’,textField:‘text’,能使接受到的参数展示到tree上 $('#parentId').combotree({ url: '${ctx}/me/...easyUI的valueField与textField失效问题
在使用easyUI的combotree的时候,设置参数valueField:‘id’,textField:‘text’,能使接受到的参数展示到tree上
$('#parentId').combotree({ url: '${ctx}/me/maintenanceType/getTreeData', valueField:'id', textField:'text', label: '上级 :', editable:false, labelWidth:90, prompt: '请选择上级' });
但当这两个参数设置为别的,就会失效,前端会展示underfind
这是因为easyui在做combotree的时候并没有将这两个参数做成可调整,id与text字段为固定的
但这个时候我们如果想将其他的数据展示出来,比如name,需要进行的操作比较多,最快捷的方式就是在实体entity中加入text字段,让text字段直接等于name字段就可以了private String text; @Transient public String getText() { return name; } public void setText(String name) { this.text = name; }
set方法没什么用不用在意,主要在于gettext的时候返回name即可
-
extjs中valuefield多值_extjs下拉框点击一行触发事件,得到valueField和displayField的值...
2020-12-20 06:13:57var combo = new Ext.form.ComboBox({store : store,emptyText : '请选择',mode : 'local',triggerAction : 'all',valueField : 'value',displayField : 'name',//autoScroll : true,//length : 4,//IdValue : 'name...var combo = new Ext.form.ComboBox(
{
store : store,
emptyText : '请选择',
mode : 'local',
triggerAction : 'all',
valueField : 'value',
displayField : 'name',
//autoScroll : true,
//length : 4,
//IdValue : 'name',
listeners : {//选择一行后触发的事件
'select' : function() {
var url = combo
.getValue();//得到valueField的值
if (url != null
&& url != '') {
loactionTo(
combo
.getRawValue(),//得到displayField的值
url);
// typeForm.getForm().submit({});
}
}
}
});
posted on 2013-05-12 09:22 杨军威 阅读(1969) 评论(0) 编辑 收藏
-
extjs中valuefield多值_Extjs中对combobox赋值时,如何在对displayfield赋值时使其valuefield也正确赋值呢...
2020-12-20 06:14:45请教各位大侠,我在Extjs表单的初始化和提交中遇到了Combobox赋初值并提交的矛盾:具体细节是这样的:前提:该combox定义valueField为Id,displayField为Name,name定义为Id,后台需要...请教各位大侠,我在Extjs...请教各位大侠,我在Extjs表单的初始化和提交中遇到了Combobox赋初值并提交的矛盾:具体细节是这样的:前提:该combox定义valueField为Id,displayField为Name,name定义为Id,后台需要...
请教各位大侠,我在Extjs表单的初始化和提交中遇到了Combobox赋初值并提交的矛盾:
具体细节是这样的:
前提:该combox定义valueField为Id,displayField为Name,name定义为Id,后台需要获得Id
情况1:若我使用XX.XX.setValue(Name)或XX.XX.setRawValue(Name)进行赋值,则表单显示正常,但若不对
该combox做任何操作就提交时(下同)获取的是Name(实质应该获取的是Id);
情况2:若我使用XX.XX.setValue(Id)进行赋值,页面打开时,若Id不为0时,Combox会正常显示displayfield
的值,但会引发Combox不能为空的验证,即明明combox有值却提示该处不能为空,虽然也能正常提
交,但是页面显示不正常;若遇到Id为0时,则Combox无法显示displayfield的值(store中有Id为0的
record);
情况3:若我同时使用以上两种方法先后进行赋值,则后使用的方法会覆盖前面的方法,即根据使用顺序不同
出现两种异常情况的一种。
对于情况1,只要在XX.XX.setRawValue(Name)后使该combox正确获取store中的value值就行了;
对于情况2,只要在XX.XX.setValue(Id)时不引发combox本身的为空验证就行了。但是我不知道有什么方法可以实现,百度了也没有找到(改变name和hiddenName的设置也没有效果), 请教各位大侠,我该怎么破呢?若能解决,感激涕零。(财富值只有20了,请大家不要嫌弃)
谢谢大家了,我已经知道怎么解决了,采用情况2中的赋值方法,但需要在改赋值语句之前load该combobox的store,就不会出现验证为空的红线
展开
-
combo的displayField和valueField属性
2015-03-31 14:03:00下拉框combo可以设置displayField和valueField属性,这两个值值相当于Java中的map,一个键一个值,displayField是下拉框中显示的值,valueField是隐藏的一个值,也就是说valueField是map的键,displayField是map中键... -
add labelField and valueField for custom label field name and value field name
2020-12-09 10:26:56<div><p>Add labelField and valueField for custom label field name and value field name, It is not should just use value and label</p><p>该提问来源于开源项目:react-component/cascader</p></div> -
40. combo的displayField和valueField属性
2017-10-04 04:55:00下拉框combo可以设置displayField和valueField属性,这两个值值相当于Java中的map,一个键一个值,displayField是下拉框中显示的值,valueField是隐藏的一个值,也就是说valueField是map的键,displayField是map中键... -
Combobox and redux-form, valueField doesn't work, it uses textField instead
2020-12-08 18:34:47I got in some issues when using valueField. I have tried to solve this by extracting from onChange the value. First, as an option, it worked but then, I realised that I was not able to write on the ... -
c#中SelectBox控件中的ValueField和DisplayField属性各是什么意思?
2018-12-10 02:43:25例如: ValueField="FullName" DisplayField="FullName" SelectedIndex="-1" EmptyText="请选择类型名称"> 这句话中的ValueField和DisplayField各是什么意思 -
extjs中combox根据displayField修改valueField中的值
2019-03-24 00:02:14实时监听combox,当displayField的值被修改时,valueField的值也需要修改 'change':function(combo, newValue, oldValue){ var store = combo.getStore(); for(var i = 0;i<store.getCount();i++){... -
datagrid combobox 选择后显示valueField 而不是 textValue解决方法
2020-09-15 15:44:19解决方法: editor不要url加载 data:数据 ajax请求拿到数据(同步请求不要异步请求) editor:{ ... valueField:'s_id', textField:'s_name', data:synchroAjaxByUrl()//更改之后的写法 }, requ. -
Ext store 根据valuefield获取对应的其他值
2018-05-17 16:09:24有时候我们在用store 的时候,会有需求要求我们出了valuefield和displayfield还需要其他的值(必须保证自己要求的那个值在我们请求的数据里面有返回给我们) 这个时候我们就可以用findRecord()方法 findRecord( ... -
获取combobox的displayfield和valuefield字段值
2013-07-18 15:44:23下拉框combo可以设置displayField和valueField属性,这两个值值相当于Java中的map,一个键一个值,displayField是下拉框中显示的值,valueField是隐藏的一个值,也就是说valueField是map的键,displayField是map中键... -
easyUI 的combobox如何获取除valueField和textField外的三个值
2020-09-24 17:15:06后台返回json包括id name mobile valueField:id textFied:name 如何再获取到mobile // 返回加载的数据 $('#mycomBox').combobox('getData'); // 获取三个值 $('#mycomBox').combobox('getValues'); -
Ext combobox设置valueField问题!
2011-01-04 18:28:54setValue()设置的是displayField 的值,我想问怎么动态设置valueField 的值..急..!!! [code="java"] swjgStore = new Ext.data.Store({ url : 'getSwjgComboBoxValuePeccancyRecord.action', reader : new Ext.... -
91. Ext中获取combobox中的valueField和displayField的值
2017-10-11 15:57:00转自:https://blog.csdn.net/jcy472578/article/details/42113119Ext.getCmp("schemaVersion").value//取到的是valueField的值Ext.getCmp("schemaVersion").value //取到的是valueField 的值Extjs代码 下拉框combo... -
Editable Grid Combox valueField displayField
2010-10-27 15:01:18[b]ComboBox for Grid (combo having local store)[/b...Many people have been having confusion over how to handle rendering of combo boxes having a separate valueField and displayField. This is how we ha... -
datagrid 内嵌 combotree 显示 valueField 而不是 valueText 的解决办法
2016-05-04 15:59:56datagrid 内嵌 combotree 显示 valueField 而不是 valueText 的解决办法 -
Ext Combobox 显示valueField值 不显示displayField问题
2016-01-04 12:38:44设置Combobox值的时候,按照下链接进行设置,但是依然显示valueField值不显示displayField的值 http://blog.csdn.net/zengjian2008c/article/details/7454590 然后试着在后台设置值的时候加了一个toString()... -
extjs中valuefield多值_解决Extjs中Combobox显示值和真实值赋值问题
2020-12-20 06:13:31一个是displayField这个是用来显示给我们看 的,而另一个是真正给系统用的valueField,举个例子会更贴切一点。假如我们有一个下拉列表是公司选择,那我们看到的option中的值应该是公 司的名称,而实际提交给系统的值... -
Ext中获取combobox中的valueField和displayField的值
2014-12-23 23:18:14Ext.getCmp("schemaVersion").value //取到的是valueField 的值 Ext.getCmp("schemaVersion").value //取到的是valueField 的值 Extjs代码 Ext.get('schemaVersion').dom.value //取到的是displayField ... -
ComboBox valueField - Ext JS
2009-04-20 23:26:54I noticed that you are creating a hidden input and storing the valueField in that input. This works great if you will be submitting the form because you store the hiddenName. Is it possible t... -
combo valueField后台传值问题
2009-05-18 11:36:57需要设置valueField: 'id'和hiddenName:'arrayArea'才能将id值传入后台 在action里需要创建String[] arrayArea 属性;属性的值为 id var area={ xtype:'combo', fieldLabel: '商圈', width:340, ....