Я пытаюсь создать таблицу с привязкой к данным с двумя раскрывающимися столбцами. Однако параметры, доступные в правом раскрывающемся списке, зависят от того, что выбрано в выпадающем списке слева. Например, предположим, что DropdownA
имеет список состояний, а DropdownB
имеет список городов в этом состоянии. Мой шаблон выглядит следующим образом:Создание зависимых выпадающих списков в сетке с использованием Knockout.js
<!-- ko foreach: MeasurementInfoPlans -->
<tr>
<td><select id="DropdownA" data-bind="options: $root.AllStates, optionsValue: 'State', optionsText: 'Name', value: StateId"></select></td>
<td><select id="DropdownB" data-bind="options: $root.AllCities, optionsValue: 'City', optionsText: 'Name', value: CityId"></select></td>
</tr>
<!-- /ko -->
Сейчас DropdownB
показывает каждый элемент в $root.AllCities
. Тем не менее, я хочу, чтобы только показать города, у которых есть свойство State
любого значения, которое выбрано в DropdownA
.
Я нашел различные примеры онлайн о том, как определить зависимые выпадающие списки с использованием вычисленного наблюдаемого, однако эти примеры предполагают, что у вас есть только один раскрывающийся список источников (например, состояние). В моем случае мне нужно создать произвольное число выпадающих списков пар в сетке. Есть ли у кого-нибудь пример того, как это можно сделать?
Ой, это выглядит многообещающим! Тем не менее, мне придется подождать до завтра, когда я вернусь в офис, чтобы попробовать. '+ 1' сейчас! –
Спасибо, это было именно то, что мне нужно! –