通过选择第一个组合框,应显示其余值
By selecting first combobox the remaining values should be displayed
通过选择第一个extjs组合框,剩余的值应该显示在表单中。
我正在使用Extjs创建一个地址簿应用程序。
通过选择第一个组合框,剩余值应以以下形式显示。
以下是代码:
Ext.define('User', {
extend: 'Ext.data.Model',
fields: [{name:'id', type: 'int'},
{name: 'FirstName', type: 'string'},
{name: 'EmailAddress', type: 'string'}]
});
user : [{"FirstName": "sssss", "EmailAddress": "bbb@gmail.com}, {"FirstName": "bbbb", "EmailAddress": "aaa@gmail.com"}]
通过从组合框中选择FirstName,电子邮件地址应显示在下面的文本字段中。
var cntry_panel = new Ext.Panel({
header: false,
id: 'org-main',
layout: 'form',
labelWidth: 200,
border: false,
bodyStyle: 'padding:15px',
title: 'Select Country And State',
labelAlign: "right",
renderTo: Ext.getBody(),
items: [{
xtype: 'combo',
fieldLabel: 'First Name',
id: 'Name',
store: user,
displayField: 'FirstName',
mode: 'remote',
width: 260,
forceSelection: true,
triggerAction: 'all',
emptyText: 'Select FirstName...',
}, {
xtype: 'combo',
fieldLabel: 'Email Address',
store: user,
mode: 'local',
width: 150,
forceSelection: true,
triggerAction: 'all',
selectOnFocus: true
}]
});
首先,您的电子邮件地址字段可能应该是textfield
,除非您有一个将该字段用作combo
的值列表。
接下来,为您的电子邮件字段指定一个itemId
属性,如emailField
,以便于访问。
然后,在First Name字段的配置中,为select
事件添加一个监听器:
{
xtype: 'combo',
fieldLabel: 'First Name',
//...other properties...
listeners: {
select: function(combo, records) {
combo.up('#org-main').down('#emailField').setValue(records[0].get('email'));
}
}
}
您真的应该查看Ext.form.field.ComboBox
上事件的文档,这是一个非常常见的操作,如果您将使用大量ExtJS,那么理解它将非常重要。http://docs.sencha.com/extjs/4.2.1/#/api/Ext.form.field.ComboBox
相关文章:
- jquery日期选择器显示与值不同的文本
- 如何避免X轴显示十进制值
- 当我单击下一个或上一个按钮时,datatable显示旧值
- text()将保留旧值,但在DOM上显示新值
- 如何在提示下获取和使用从window.onbeforeunload事件的返回语句显示的值
- 关联数组 - 使用图像滑块显示键值
- 运行 python 脚本并在网站上显示打印值
- 将数据从MVC控制器传递到Angular视图,而不在最终的html中显示数据值
- Jquery添加更多和删除冲突并显示错误值
- 显示Aurelia值转换器上的所有过滤器
- 计数选中的单选按钮的数量,并在文本框中显示该值
- 仅在下划线循环中显示唯一值
- 我的JS数组打印只显示结束值
- x-editable,当字符串为空时如何显示特定值
- 初级JavaScript-HTML页面不显示初始值
- 从大型JSON中获取要显示的值
- 使用Ajax在另一个页面上显示输入值
- 日期-时间范围指令字段未显示任何值
- 如何在网格视图中显示NULL值
- 如何通过过滤器显示特定值