Зависимая выпадающая функциональность ng2-smart-table - PullRequest
Новая
       30

Зависимая выпадающая функциональность ng2-smart-table

0 голосов
/ 29 октября 2018

мы использовали ng2-smart-table для нашего проекта, и у меня сейчас есть запрос, где один из выбранных входных списков зависит от выбора другого списка. Например, в приведенном ниже примере есть 2 входа (страна и города), и когда пользователь выбирает одну из стран из выпадающего списка, тогда города заполняются. Таким образом, всякий раз, когда пользователь выбирает другую страну, список городов заполняется соответствующими городами:

введите описание изображения здесь

Может кто-нибудь сообщить мне, возможно ли это в ng2-smart-table?

Мои текущие настройки

mode: internal, country: { title: 'Country', type: 'html', valuePrepareFunction: (cell, row) => { return cell }, editor: { type: 'list', config: { list: [] }, } }, city: { title: 'City', type: 'html', editor: { type: 'list', config: { selectText: 'Select the Location to see options...', list: [] }, } }

Вот как список заполняется:

let countryAll = this.countryService.getAll(); let cityAll =this.cityService.getAll();

const countryOptions = []; for (const l of this.countryAll) { locationOptions.push({ value: l.name, title: l.name }); }

this.settings.columns.country.editor.config.list = countryOptions;

const cityOptions = []; for (const l of this.cityAll) { locationOptions.push({ value: l.name, title: l.name }); }

this.settings.columns.city.editor.config.list = cityOptions;

1 Ответ

0 голосов
/ 29 октября 2018

Чтобы получить событие клика, попробуйте этот способ. 

paymentStatus: {
    title: 'Country',
    type: 'html',
    valuePrepareFunction: (cell, row) => { return row },
    editor: {
      type: 'list',
      config: {
        list: [{ value: 1, title: 'India' }, { value: 2, title: 'Canada' }]
      }
    }
  },

Используя valuePrepareFunction () , вы сможете получать данные.

Затем вам нужно вызвать API и связать с выпадающим списком.

...