[英]pre-selecting value in Combo box in extjs
I want to implement the following combobox in ExtJS. 我想在ExtJS中实现以下组合框。 The question is, how to make the third option selected by default?
问题是,如何默认选择第三个选项?
<select name="meter_payment_option" onChange="smart_meter(this.value)">
<option value="1">All Up-Front</option>
<option value="2">Reduced Up-Front</option>
<option value="3" selected="selected">No Up-Front</option>
</select>
What I currently have is: 我现在拥有的是:
var meter_payment_option_values = new Ext.data.SimpleStore({
fields: ['id', 'value'],
data: [
['1', 'All Up-Front'],
['2', 'Reduced Up-Front'],
['3', 'No Up-Front']]
});
var smart_meter_term = new Ext.form.ComboBox({
name: 'smart_meter_term',
editable: false,
typeAhead: false,
allowblank: false,
triggerAction: 'all',
hiddenName: 'my_dropdown',
fieldLabel: 'SmartM.T',
store: meter_payment_option_values,
displayField: 'value',
valueField: 'id',
mode: 'local'
});
How do I make the 3rd option (No Up-Front) selected by default? 如何在默认情况下选择第3个选项(No Up-Front)?
You need to set the value
config option to the id of the default value, eg: 您需要将
value
config选项设置为默认值的id,例如:
var smart_meter_term = new Ext.form.ComboBox({
name:'smart_meter_term' ,
editable: false,
typeAhead: false,
allowblank:false ,
triggerAction: 'all',
hiddenName: 'my_dropdown',
fieldLabel:'SmartM.T',
store:meter_payment_option_values,
displayField:'value',
valueField:'id',
mode:'local',
// default value is 3 (No Up-Front)
value: 3
});
http://www.sencha.com/deploy/dev/docs/index.html?class=Ext.form.ComboBox http://www.sencha.com/deploy/dev/docs/index.html?class=Ext.form.ComboBox
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.