在Polymer中,如何以编程方式操作本地DOM(例如,像DOM repeat)
我希望以编程方式(即使用JavaScript代码)操作本地DOM。我想实现一个类似于dom repeat的功能 一些伪代码:在Polymer中,如何以编程方式操作本地DOM(例如,像DOM repeat),polymer,Polymer,我希望以编程方式(即使用JavaScript代码)操作本地DOM。我想实现一个类似于dom repeat的功能 一些伪代码: <dom-module id="my-grid"> <script> Polymer({ is: 'my-grid', ready: function() { for each item in dataProvider { var childInstance = INSTANTIATE rend
<dom-module id="my-grid">
<script>
Polymer({
is: 'my-grid',
ready: function() {
for each item in dataProvider {
var childInstance = INSTANTIATE renderer (from shadow dom)
localDOM.addChild(childInstance);
}
}
});
聚合物({
是‘我的网格’,
就绪:函数(){
对于dataProvider中的每个项目{
var childInstance=实例化渲染器(来自阴影dom)
addChild(childInstance);
}
}
});
这方面的实际用例是:我想要一个网格组件(例如,3行x 3列),它重复子元素。我试着从0.5开始研究核心列表的实现,但我不太了解其中的机制。我发现了如何实现它。比如:
setRenderer: function(renderer) {
for (var i = 0; i < 5; i++) {
var inst = document.createElement(renderer);
inst.owner = i;
Polymer.dom(this.root).appendChild(inst);
}
}
setRenderer:函数(渲染器){
对于(变量i=0;i<5;i++){
var inst=document.createElement(渲染器);
inst.owner=i;
Polymer.dom(this.root).appendChild(inst);
}
}