Зависимый раскрывающийся список с использованием nya-bootstrap-select

  • Автор темы p1ckw1ck
  • 27
  • Обновлено
  • 15, May 2024
  • #1
Я использую nya-bootstrap-select с AngularJs, ниже приведен мой сценарий и примеры данных.
 $scope.ports = [

{

"row_id": 1,

"name": "Port1",

"terminals": [

{"row_id": 1, "name": "1A"},

{"row_id": 2, "name": "1B"},

{"row_id": 3, "name": "1C"}

]

},

{

"row_id": 2,

"name": "Port2",

"terminals": [

{"row_id": 4, "name": "2A"},

{"row_id": 5, "name": "2B"},

{"row_id": 6, "name": "2C"}

]

}
Код (JavaScript):
  • Первый раскрывающийся список должен содержать порты, а второй — терминалы.
  • Как только я выберу порт в первом раскрывающемся списке, во втором раскрывающемся списке должны отображаться только терминалы выбранного порта.
  • Если модель каждого раскрывающегося списка уже имеет определенные row_ids, соответствующий параметр должен быть выбран автоматически.


Я мог бы достичь первых двух пунктов, но застрял на третьем пункте. Для достижения этой цели я использовал множество обходных путей. Пожалуйста, помогите мне, если есть проверенное решение. Я много искал в Интернете, но безуспешно.

p1ckw1ck


Рег
09 Feb, 2014

Тем
1

Постов
1

Баллов
11
  • 03, Jun 2024
  • #2
Напишите это как AJAX.



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

MerChe


Рег
25 Jan, 2016

Тем
1

Постов
3

Баллов
13
Тем
49554
Комментарии
57426
Опыт
552966

Интересно