NativeScript RadAutoCompleteTextView禁用过滤建议

问题描述 投票:1回答:1

有什么方法可以禁用过滤建议?原因我真的很想显示我的REST API返回的所有数据。无论用户是什么类型。

nativescript nativescript-telerik-ui nativescript-angular
1个回答
-1
投票

我已经找到了解决方案。您可以在此页面上查看它:

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

第一个定义的自定义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;
}

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

© www.soinside.com 2019 - 2024. All rights reserved.