Oracle JET + ojSelect 更改处理程序

Question

下面是来自 JET 应用程序的视图和视图模型的代码 sn-p。

我正在尝试根据房屋选择选项更改更新成员下拉列表。

请建议在哪里添加代码以更新 self.Member 的 observableArray

<select data-bind="ojComponent: {component: 'ojSelect', value: houseVal}">
                <option value="A">Assembly</option>
                <option value="S">Senate</option>                    
            </select>
            <input id="text-input" aria-label="district" 
                   type="text"
                   data-bind="ojComponent: {component: 'ojSelect', 
            options: Members,
            value: selectVal}"/>
            <button data-bind="ojComponent: {component: 'ojButton',label:'Search'},click:getData"></button>

Answer 1

如果你想在houseVal的基础上改变Members的值，那么你需要将subscribe改为houseVal。

var self = this;
self.houseVal = ko.observable();
self.Members = ko.observableArray();
self.selectVal = ko.observable();

self.houseVal.subscribe(function(newValue){
    if (newValue === 'A'){
        self.Members([{value: 'GB', label: 'George Bush'},
                      {value: 'MW',  label: 'Martin Woo'}]);
    }
    else {
        self.Members([{value: 'GB', label: 'Beorge Gush'},
                      {value: 'WM',  label: 'Wartin Moo'}]);
    }
});