【问题标题】:Are there any built in auto-complete input components for Polymer 1.0? [closed]Polymer 1.0 是否有任何内置的自动完成输入组件? [关闭]
【发布时间】:2015-06-09 16:56:42
【问题描述】:

自从 Polymer 1.0 发布以来,我一直在纠结,我遇到了一个用例,其中选择列表不够用(有太多选项可供选择)。我真正需要的是一个自动完成的文本框。

纸或铁聚合物控件中是否有内置或计划?还是我应该从其他框架中寻找自动完成解决方案?到目前为止,我已经能够让我的应用程序保持轻量级,如果可以的话,我宁愿避免使用其他框架。

谢谢,

瑞恩

编辑:我见过的最好的地方是在 GitHub 上的 PolymerElements/paper-elements 存储库中提出第一方开发的自动完成功能。我会在https://github.com/PolymerElements/paper-elements/issues/26 讨论。

【问题讨论】:

    标签: polymer polymer-1.0


    【解决方案1】:

    Vaadin's combo box 看起来很扎实:

    还有Ellipticaljs's Paper Autocomplete,还有一个可能的替代md-autocomplete

    您可以通过搜索http://customelements.io 找到更多自动完成元素。

    【讨论】:

      【解决方案2】:

      目前,我已决定将 HTML5 数据列表与修改后的 <paper-input> 控件结合使用(我已向 Github 存储库提交了一个拉取请求,以将这些更改合并回主分支)。所有这些更改都是将list 属性保留到内部<iron-input> 控件,以便它可以利用HTML5 数据列表。

      绝对不理想,但在短期内,它将作为占位符代替真正的预输入控件。

      我还构建了一个快速自定义验证器,它迭代与我在数据列表中使用的相同的 Array 集合,以便<paper-input> 控件知道当前值是否是可选(有效)值。

      编辑:我见过的最好的地方是在 GitHub 上的 PolymerElements/paper-elements 存储库中提出第一方开发的自动完成功能。我会在https://github.com/PolymerElements/paper-elements/issues/26 讨论。

      【讨论】:

      • 我只能找到这个fork github.com/RNCRyan/paper-input/commit/…。但它只允许列表(在 1.0.6 中实现)
      • 是的,我做了一个拉取请求来获取核心论文输入 GitHub 项目的“列表”属性。 “list”是 github.com/PolymerElements/paper-input 项目 1.0.5 或 1.0.6 中的一个属性。
      猜你喜欢
      • 1970-01-01
      • 1970-01-01
      • 2021-12-31
      • 2014-01-25
      • 2021-04-14
      • 1970-01-01
      • 2017-05-23
      • 2014-01-11
      • 2016-09-16
      相关资源
      最近更新 更多