RadDataForm Множественный выбор в nativescript-vue - PullRequest
0 голосов
/ 06 июня 2019

У меня есть этот TKEntityProperty:

    <TKEntityProperty v-tkDataFormProperty name="groups" displayName="Groups" index="2" :valuesProvider="retrieveGroups">

, и это получает значения снизу объекта:

retrieveGroups:[
   {key: "1", "label": "Group 1"},
   {key: "2", "label": "Group 2"},
   {key: "3", "label": "Group 3"} 
]

но это не мульти-выбор. Я хочу выбрать несколько элементов. Доступен ли другой тип редактора?

1 Ответ

0 голосов
/ 07 июня 2019

Как предложил @Manoj, вы должны использовать AutoCompleteInline Вот пример, он доступен по адресу Nativescript github page

data() {
  return {
    title: description,
    booking: new Booking(),
    bookingMetadata: {
      'isReadOnly': false,
      'commitMode': DataFormCommitMode.Immediate,
      'validationMode': DataFormValidationMode.Immediate,
      'propertyAnnotations': [{
          'name': 'from',
          'displayName': 'From:',
          'index': 0,
          'editor': DataFormEditorType.AutoCompleteInline,
          'editorParams': {
            'autoCompleteDisplayMode': AutoCompleteDisplayMode.Tokens
          },
          'valuesProvider': fromProviders,
        },
        {
          'name': 'to',
          'displayName': 'To:',
          'index': 1,
          'editor': DataFormEditorType.AutoCompleteInline,
          'editorParams': {
            'autoCompleteDisplayMode': AutoCompleteDisplayMode.Plain
          },
          'valuesProvider': ['New York', 'Washington', 'Los Angeles'],
        },
      ]
    }
  };
},
...