nativescript-vue 中的 RadDataForm 多选

Question

我有这个 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"} 
]

但它不会多选。我想选择多个元素。 是否有其他类型的编辑器可用？

Answer 1

正如@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'],
        },
      ]
    }
  };
},