问题标签 [polymer-1.x]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
1 回答
2913 浏览

polymer - 如何过滤聚合物 1.0 中的铁列表?

dom-repeat元素提供了一个filter属性。

有没有类似的过滤方式iron-list

例如:给定一个人列表,我想过滤出生在特定城市的人。

0 投票
2 回答
368 浏览

polymer - Polymer 1.x:在霓虹动画页面内时,iron-data-table 不会在首次渲染时加载数据或标题样式

下面的屏幕截图显示了我的iron-data-table元素首次加载时的外观。请注意数据丢失并且标题未完全格式化(宽度似乎太小而无法显示列标题标签)。

在此处输入图像描述

但是,如果我在过滤器字段中输入一个字符或单击其中一个排序按钮,它iron-data-table似乎会重新绘制本身并且看起来很好。列和标题正确呈现,数据按预期填充表。

当我将一些目录添加到嵌套在我iron-data-table内部的文件结构中时,这个问题就开始了neon-animated-pages了。我仔细检查了一下,我所有的导入都正确加载。但我怀疑,不知何故,在获取数据时会有轻微的延迟,并且表格可能会在数据到达之前尝试呈现,而不是在数据到达后刷新。

所以我尝试添加以下功能。但无济于事。没有render()办法iron-data-table

什么可能导致这种行为?接下来我应该尝试什么?

编辑

这个 plunk 演示了所需的iron-data-table行为

这个 plunk 演示了我的问题行为(尚未完成。目前正在进行中。)

配置大致如下。

父-el.html 容器-el.html 子-el.html

编辑 2

根据@SauliTähkäpää 的评论,我尝试了以下修复失败。

父-el.html
0 投票
1 回答
154 浏览

polymer - Polymer 1.x:让自定义元素在 Plunker 中说 HELLO WORLD

在这个 Plunk 中,为什么元素不会x-foo渲染 HELLO WORLD?.

鉴于更复杂的content-el似乎iron-data-table完全正确地导入了一个。我忽略了一些简单的事情吗?请用工作的笨拙回答。

http://plnkr.co/edit/p7IE7v6DHLVnEggeO8PF?p=preview
0 投票
2 回答
769 浏览

dom - 从 Polymer 中的 dom-repeat 内部调用方法

我遇到了这种情况,我需要从 dom-repeat 中调用一个方法。下面是我的代码

在我的_getColumnItemValue方法中,我想使用属性指定的键获取对象的值columnData

喜欢rowData[columnData]

我的问题是_getColumnItemValue没有调用该方法。有没有更好的方法来做到这一点?

0 投票
2 回答
71 浏览

polymer - Polymer 1.x:如何预处理列表或中继器中的项目?

这是笨拙的

谁能指出我格式化(或预处理)进入转发器(例如iron-listiron-data-table)的数据项的模式?

换句话说,考虑一下这个笨拙的例子。假设我想为每个用户添加一个字段并将其显示在列表中;让我们称之为namelength

我将如何(在 HTML 或 JS 中的什么位置以及使用什么模式)最好地处理这个预处理任务?

内容-el.html
0 投票
1 回答
327 浏览

javascript - Polymer 1.x:使用 iron-input 在输入中格式化数字

在这个 jsBin 中,我使用逗号格式化输入数字。但是有没有办法使用 Polymer 元素来实现这一点(比如可能<iron-input会导致更少的代码和更原生于平台的解决方案?

0 投票
1 回答
417 浏览

polymer - Polymer 1.x:如何过滤铁数据表?

如何添加filter属性<iron-data-table?(请发布一个 plunk 演示。)

我叉了这个笨蛋。然后我尝试通过添加以下行来添加过滤器:

这打破了笨拙。这是新的(现已损坏的) plunk

此处的文档描述了该filter属性,如下所示

filter包含用于过滤项目的路径/过滤器值对的数组。

但它缺乏一个如何使用它的例子。

如何添加filter属性<iron-data-table?(请发布一个 plunk 演示。)

0 投票
2 回答
473 浏览

polymer - Polymer 1.x:如何使用 dataSource 函数过滤 iron-data-table?

这是Plunk

我想按照这个 SO question 的接受答案中的描述dataSource实现过滤功能。我的问题是这里的文档没有给出如何做到这一点的例子<iron-data-table

最终,我将希望在大型数据集上拥有一组复杂的过滤器(想想:控制面板)。

我尝试复制dom-repeat 此处文档中描述的方法,但没有成功。

http://plnkr.co/edit/cGykY65HWnK4pIQ0qx8O?p=preview

如何正确实现dataSource属性函数来过滤 的项目<iron-data-table

0 投票
3 回答
881 浏览

polymer - Polymer 1.x:样式禁用纸张输入

我想将一个<paper-input disabled ...元素格式化为 NOT disabled(即,没有使文本变亮)。

下面在我的代码中(以及在这个 jsBin 中)我展示了我到目前为止所尝试的内容。

我怎样才能做到这一点?(请提供一个工作演示。理想情况下,主题 jsBin 的克隆。)

http://jsbin.com/giguwoyoha/1/edit?html,输出
0 投票
1 回答
115 浏览

polymer - Polymer 1.x:在 dom-repeat 中应用 iron-media-query 来确定屏幕宽度

单击此处获取 jsBin

例如,我想计算屏幕宽度并将结果分配给一个介于 0 和 3 之间的数字。我正在尝试使用它iron-media-query来做到这一点。

我希望看到(记录到控制台)其中一个查询返回一个值,true而另外三个返回一个false。但是,它们都返回一个值undefined

我究竟做错了什么?

仅供参考,解决此问题后,我计划在queryResult()方法中添加一个条件来存储indexwhen queryMatchesis的值true

例如 http://jsbin.com/kamusivebi/1/edit?html,控制台,输出