Flex TextArea 自动完成,而不是 TextInput

Posted

技术标签:

【中文标题】Flex TextArea 自动完成,而不是 TextInput【英文标题】:Flex TextArea autocomplete, not TextInput 【发布时间】:2012-09-10 06:22:09 【问题描述】:

有人知道带有自动完成功能的 TextArea 组件吗?我了解 Flextras.com 的自动完成功能可以重新设置为 TextArea 但不知道从哪里开始。

【问题讨论】:

+1 给了我一些爱。 ;) 理论上,用自定义皮肤上的 TextArea 替换 textInput 应该很容易 [足够]。我认为问题在于使用 AutoComplete 建议放置下拉菜单的位置;以及如何仅替换文本的“sn-p”。如果您有预算,我很乐意为您定制构建!我不知道现有的 TextArea AutoComplete 组件。 您好 Flextras!真的很喜欢你的工作,你总是在这里帮忙,所以谢谢:) 我还没有任何皮肤组件的经验,但我要解决这个问题,因为我想学习它。到目前为止,我发现的许多自动完成解决方案都没有针对移动设备进行优化,因此您的移动自动完成功能绝对是我要使用的。 【参考方案1】:

如果您只想自动完成每个单词,类似于大多数 IDE 中的 (Ctrl-Space),那么您可以尝试自己完成。

我想你会在文本区域捕捉到更改事件,然后将克拉前面的字符与一些预先填充的单词集合进行一些比较(类似于 startsWith)。

Flextras 提出了一个很好的问题,即如何显示建议。一个想法是使用自定义上下文菜单,讨论过here,其中包含您的建议。还有一个决定何时显示它。您是否会在用户键入时不断显示它,或者当他们使用组合键 (Ctrl-Space) 时显示它。

这是一个有趣的挑战。

【讨论】:

以上是关于Flex TextArea 自动完成,而不是 TextInput的主要内容,如果未能解决你的问题,请参考以下文章

具有不同滑块的 Spark textarea

在jquery自动完成中设置值

将文本输入定位在 textarea 的光标位置之上(javascript、Textarea 自动完成)

Flex - 使用 CSS 样式化 TextArea

在 Flex 上附加一个 textarea 文本字段

textarea