Nativescript RadAutoCompleteTextView禁用过滤建议

时间:2018-06-18 03:28:16

标签: nativescript nativescript-telerik-ui nativescript-angular

有没有办法禁用过滤建议?因为我真的想显示从我的REST API返回的所有数据。无论用户输入什么类型。

1 个答案:

答案 0 :(得分:0)

我找到了解决方法。

第一个定义的自定义TokenModel类

class CustomTokenModel extends TokenModel {
  constructor(text, displayText, image) {
    super(text, image);
    this.displayText = displayText;
  }
}

然后,我们应该添加带有displayText属性的意见建议

<RadAutoCompleteTextView
ref="autocompleteView"
  >
    <SuggestionView ~suggestionView suggestionViewHeight="51">
      <StackLayout v-suggestionItemTemplate orientation="vertical">
        <v-template>
          <StackLayout>
            <Label :text="item.displayText"></Label>
          </StackLayout>
        </v-template>
      </StackLayout>
    </SuggestionView>
  </RadAutoCompleteTextView>

最后是loadAsyncSuggestions函数

async getSuggestions(text) {
      let suggestionsData = await this.getSuggestions(text);
      let suggestions = suggestionsData.map(item => new CustomTokenModel(text, item.someProp))
      return suggestions;
}

现在,它将显示所有返回的项目,因为它会自动过滤文本。 但是在建议视图中,您可以显示所需的任何数据。

您可以在此页上查看它:

https://github.com/NativeScript/nativescript-ui-feedback/issues/702