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页面上找到

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

RadDataForm nativescript-vue中的多选

1 个答案: