{NS}-Vue 中的 RadAutocomplete 问题答案

【问题标题】：RadAutocomplete issue in {NS}-Vue{NS}-Vue 中的 RadAutocomplete 问题
【发布时间】：2020-03-22 20:06:04
【问题描述】：

我正在尝试在我的应用中添加 RadAutocomplete，但无法填充组件；我遵循了 tuts，但在其中输入一些内容总是导致“未找到结果”。

我猜想它没有被初始化。我的组件代码更长，但我在这里做了一个更短的操场，Nativescript playground。

谁能告诉我我错过了什么？

【问题讨论】：

您的代码有几个问题：SuggestionView 在RadAutoCompleteTextView 之外，searchItems 永远不会初始化/getInitial() 永远不会从任何地方调用，您没有使用TokenModel 等，请仔细检查documentation。
感谢 Manoj 抽出宝贵时间查看此内容；我的错误，我指的是以前的游乐场版本，现在更正了。在我的代码中，因为它现在在操场上，所以在创建时调用了 getInitial；正如我从官方存储库中的一些示例中了解到的那样，SuggestionView 不是强制性的，但是我将它移到了 RadAutoCompleteTextView 中。至于我尝试使用和不使用它的 TokenModel，“未找到结果”的相同结果，在操场上，为了简单起见，我使用了没有 TokenModel 的简单变体。最后还是不行。。
又做了一次 :-( 忘记了 Playground 在每次修改时都会创建一个新版本，并且原始链接没有得到更新，这是正确的 play.nativescript.org/?template=play-vue&id=ePVkfo&v=8

【解决方案1】：

您的代码在初始版本中有几个问题： - SuggestionView 在 RadAutoCompleteTextView 之外 - searchItems 永远不会初始化 / getInitial() 永远不会从任何地方调用 - 你没有使用TokenModel等，

您的updated version 修复得最多，但您仍然在变量名上有拼写错误并且缺少TokenModel 实现。我有updated给你。

【讨论】：

谢谢你，Manoj！它现在正在工作，但我承认我仍然有点困惑，我从您的更改中得知必须使用令牌模式。我之前尝试过使用 Plain，因为我从文档中了解到我们应该只使用 Token 来允许多项选择，我引用了 displayModes 属性的“”可接受的值：Plain - 当 Plain 模式处于活动状态时，只能选择一项。所选项目在输入字段中显示为纯文本。 Tokens - 在 Tokens 模式下，RadAutoCompleteTextView 允许选择多个建议。所选项目显示为标记。 ""
我们可以像 [ {'name': 'test'} ] 一样将对象放入 ObervableArray 中。对我来说，我不能这样做，但我已经看到了可以做到的例子
您可以扩展 TokenModel 类，如下所示：docs.nativescript.org/vuejs/ns-ui/autocompletetextview/…