Warning: file_get_contents(/data/phpspider/zhask/data//catemap/1/database/8.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Polymer 为什么不是';当列表被隐藏时,是否更新铁列表?_Polymer_Polymer 1.0_Polymer Elements - Fatal编程技术网

Polymer 为什么不是';当列表被隐藏时,是否更新铁列表?

Polymer 为什么不是';当列表被隐藏时,是否更新铁列表?,polymer,polymer-1.0,polymer-elements,Polymer,Polymer 1.0,Polymer Elements,我试图使用隐藏的,但我需要了解它的渲染为何不更新 这是相关的问题: 代码如下: 身体{ @应用(--布局全放气); } :主持人{ @应用(--布局配合); @应用(--垂直布局); @应用(--纸张字体公共基础); 字体系列:无衬线; } 应用程序工具栏{ 背景:var(--paper-pink-500); 盒影:0 2px 5px 0 rgba(0,0,0,0.3); 颜色:白色; z指数:1; 颜色:白色; --纸张工具栏标题:{ 字体大小:16px; 线高:16px; 字体大小:粗体

我试图使用隐藏的
,但我需要了解它的渲染为何不更新

这是相关的问题:

代码如下:


身体{
@应用(--布局全放气);
}
:主持人{
@应用(--布局配合);
@应用(--垂直布局);
@应用(--纸张字体公共基础);
字体系列:无衬线;
}
应用程序工具栏{
背景:var(--paper-pink-500);
盒影:0 2px 5px 0 rgba(0,0,0,0.3);
颜色:白色;
z指数:1;
颜色:白色;
--纸张工具栏标题:{
字体大小:16px;
线高:16px;
字体大小:粗体;
左边距:0;
};
}
应用程序工具栏纸张图标按钮{
--纸张图标按钮墨水颜色:白色;
}
#项目列表,
#选择编辑列表{
@应用(--layout-flex);
}
.项目{
@应用(--水平布局);
光标:指针;
填充:16px 22px;
边框底部:1px实心#DDD;
}
.项目:重点,
.项目。所选:焦点{
大纲:0;
背景色:#ddd;
}
.item.selected.star{
颜色:var(--paper-blue-600);
}
.item.selected{
背景色:var(--google-grey-300);
边框底部:1px实心#ccc;
}
.阿凡达{
高度:40px;
宽度:40px;
边界半径:20px;
框大小:边框框;
背景色:#ddd;
}
.pad{
@应用(--layout-flex);
@应用(--垂直布局);
填充:0 16px;
}
.小学{
字体大小:16px;
}
.中学{
字体大小:14px;
}
.昏暗{
颜色:灰色;
}
.明星{
宽度:24px;
高度:24px;
}
纸徽章{
-webkit转换:所有0.1;
过渡:所有0.1秒;
不透明度:1;
边缘顶部:5px;
}
纸质徽章[label=“0”]{
不透明度:0;
}
#星景{
宽度:200px;
左边框:1px实心#ddd;
}
纸品{
空白:nowrap;
光标:指针;
位置:相对位置;
}
纸张项目:悬停::之后{
内容:“-”;
宽度:16px;
高度:16px;
显示:块;
边界半径:50%50%;
背景色:var(--google-red-300);
左边距:10px;
线高:16px;
文本对齐:居中;
颜色:白色;
字体大小:粗体;
文字装饰:无;
位置:绝对位置;
右:15px;
顶部:calc(50%-8px);
}
.鼻选择{
颜色:#999;
左边距:10px;
线高:50px;
}
.两列{
@应用(--layout-flex);
@应用(--水平布局);
溢出:隐藏;
}
#星景{
@应用(--垂直布局);
}
使用铁表进行选择
[[项目名称]]
[[item.shortText]]
addEventListener('WebComponentsReady',函数(){
聚合物({
是:“x-app”,
行为:[
聚合物.可调铁基树脂
],
听众:{
“熨斗调整大小”:“熨斗调整大小”
},
特性:{
隐藏的:{
类型:对象,
通知:正确,
值:false
},
selectedItems:{
类型:对象
},
数据:{
类型:对象,
通知:正确,
价值:[
{
“姓名”:“Liz Grimes”,
“图像”:https://s3.amazonaws.com/uifaces/faces/twitter/enda/73.jpg",
“短文本”:“最具代表性的事件”
},
{
“姓名”:“Frazier Lara”,
“图像”:https://s3.amazonaws.com/uifaces/faces/twitter/guillogo/73.jpg",
“短文”:“自责自责”
}
]
}
},
IConFormitem:函数(isSelected){
返回被选中的“星”:星边框;
},
_computedClass:函数(isSelected){
变量类='项目';
如果(当选){
类别+='选定';
}
返回类;
},
_取消选择:功能(e){
此.$.itemsList.decelositem(e.model.item);
},
_changeContactList:函数(){
此参数。数据=[
{
“姓名”:“Shelley Molina”,
“图像”:https://s3.amazonaws.com/uifaces/faces/twitter/smalonso/73.jpg",
“短文本”:“laboris do velit ipsum non”
}
];
console.log('Replace data!')
},
_toggleHidden:function(){
this.hidden=!this.hidden;
console.log('Hidden:'+this.Hidden)
},
_onIronResize:function(){
log('Resize');
}
});
});

当列表大小调整或其
项属性更改时,
铁列表
呈现其项。作为一种优化,如果列表不可见,则其
\u render()
。(根据列表项的复杂性,尤其是在移动设备上,呈现列表项可能会相对昂贵,因此忽略
document.querySelector('iron-list').fire('iron-resize');
Polymer({
  ...
  properties: {
    hidden: {
      type: Object,
      notify: true,
      value: false,
      observer: '_hiddenChanged'
    },
    ...
  },
  _hiddenChanged: function(hidden) {
    if (!hidden) {
      this.$.itemsList.fire('iron-resize');
    }
  },
});