Ext框架下提交两组下拉框选择项,选择两相同的选项提示错误信息,如果两个选择项不同则提示修改成功
时间: 2024-11-07 07:28:46 浏览: 0
JavaScript实现两个select下拉框选项左移右移
在Ext.js框架中,实现这个功能通常会涉及到组件的验证、事件监听和状态管理。你可以按照以下步骤操作:
1. 创建两个Ext.form.field.ComboBox(下拉列表框)组件,每个绑定到一个模型属性或数据源。
```javascript
var comboBox1 = new Ext.form.field.ComboBox({
fieldLabel: '组合框1',
name: 'comboBox1Field',
store: yourStore1,
displayField: 'displayField1',
valueField: 'valueField1'
});
var comboBox2 = new Ext.form.field.ComboBox({
fieldLabel: '组合框2',
name: 'comboBox2Field',
store: yourStore2,
displayField: 'displayField2',
valueField: 'valueField2'
});
```
2. 验证功能:添加一个验证规则,比如`Ext.util.Format.equals`,检查两个选择是否一致。当提交表单前,可以触发验证。
```javascript
var form = new Ext.form.BasicForm({
items: [comboBox1, comboBox2],
submitHandler: function(form, action) {
if (Ext.util.Format.equals(comboBox1.getValue(), comboBox2.getValue())) {
// 提示错误信息并阻止表单提交
alert('请选择不同的选项!');
return false;
} else {
// 提交成功
alert('修改成功!');
}
},
// ...其他配置
});
```
阅读全文