knockout js - Как сделать условное связывание в выпадающем списке

Question

У меня есть модель просмотра Knockout, заполненная множеством действий Mvc.

1. Категория выбрана из первого выпадающего списка (скажем, фрукты, мясо, напитки и т. Д.).

2. Второе выпадающее меню автоматически заполняется с первого выбора. Тем не менее, может быть 2 матча для фруктов (скажем, яблоки, апельсины), 2 для мяса (например, говядина, баранина) и множество вариантов напитка (несколько сотен).

3. В настоящее время на моей странице отображается окно поиска в зависимости от выбранной категории.

мне было интересно, как автоматически связать второй выпадающий список для Fruit & мяса, или подождать и сделать привязку из результатов поискового запроса.

Извините, это расплывчато - раздражительный клиент! Очень новичок в KnockoutJs.

Заранее спасибо.

Answer 1

Если я правильно понял, вы можете создать метод в своей модели просмотра, который вы привязываете к событию изменения выпадающего списка.

метод Примера:

var myViewModel = { 
    firstDropDownArray: ko.observableArray([]), 
    secondDropDownArray: ko.observableArray([]), 

    // Validates Selection 
    validateSelection: function (item) { 
     var anotherList; 

     switch (item.toUpperCase()) { 
      case "FRUIT": 
       // Do something... 
       break; 
      case "DRINKS": 
       // Do something else... 
       break; 
      default: 
     } 
    } 
}; 

Ваш Dropdown может связываться затем метод, как это:

<select id="FirstDropDown" data-bind="options: myViewModel.firstDropDownArray, <any other binding options>, event: {change: myViewModel.validateSelection(currentItem)}"> 
</select> 

Как указано здесь: event-binding,

При вызове обработчика, Нокаут будет поставлять текущую модель значение в качестве первого параметра.

Я предполагаю, что currentItem будет выбранным элементом, когда вы вызываете метод. Я знаю, что в своем примере кода я написал item.toUpperCase(), но это просто предположение, что элемент передан как строка. Этот синтаксис, очевидно, должен измениться в зависимости от того, как вы объявили и заполнили свой раскрывающийся список, но по существу вы все равно должны иметь возможность написать метод в своей модели просмотра, которую вы можете привязать к событию изменения, или к любому другому событию, которое вам нравится.