如何禁用基于viewModel的组件存储returnrd数据extjs

Question

我有两个组合框，我希望根据从组合框A中选择的值禁用组合框(b((我应该查看其存储数据，找到记录，如果记录参数(arsubOpen(由值1组成，那么只有我应该启用组合框b(。为此，我添加了类似于a的存储，并添加了一个过滤器来过滤只包含arsubOpen 1的记录。现在，我如何使它们基于这些存储记录启用它们。

测试小提琴

Answer 1

您可以监听change事件，并将新值与您想要启用第二个组合框的任何值进行比较：

{
xtype: 'combobox',
anchor: '100%',
displayField: 'description',
valueField: 'adjustmentTypeId',
fieldLabel: 'A',
// lastQuery: '' to disable store loading a second time on trigger click
lastQuery: '',
bind: {
store: '{a}'
},
listeners: {
change: function( combo, value ) {
// Logging a value to console - remove this code
console.log( value );
var store = combo.getStore();
var record = store.findRecord(combo.valueField, value)
var arsubOpen = record.get('arsubOpen');
// Condition for enabling here
var shouldEnable = arsubOpen === 1;
var form = combo.up( 'form' );
var basicForm = form.getForm();
// 'bField' si the name of the B combobox field
var bCombo = basicForm.findField( 'bField' );
bCombo.setDisabled( !shouldEnable );
}
}
},
{
xtype: 'combobox',
anchor: '100%',
// Field name to use for form submitting and finding the field
name: 'bField',
displayField: 'description',
valueField: 'arOnlySubCategoryId',
fieldLabel: 'B',
// lastQuery: '' to disable store loading a second time on trigger click
lastQuery: '',
bind: {
disabled: 'disableB',
store: '{B}'
}
}

一把基于你自己的小提琴。

我输入了lastQuery: ''配置，以在触发点击时第二次禁用商店加载，这可能真的很烦人，我花了很多小时才找到解决方案。