Javascript 聚合物:从另一个元素实例聚合物元素
我想知道,当我点击另一个元素时,我如何才能实例一个聚合物元素。有没有一种方法可以从dock图标中引用window base?(代码关闭)。我想我可以使用每个元素的构造函数,但我不知道它是如何工作的。如何将变量传递给该构造函数 涉及的两个要素的代码:Javascript 聚合物:从另一个元素实例聚合物元素,javascript,polymer,shadowbox,web-component,Javascript,Polymer,Shadowbox,Web Component,我想知道,当我点击另一个元素时,我如何才能实例一个聚合物元素。有没有一种方法可以从dock图标中引用window base?(代码关闭)。我想我可以使用每个元素的构造函数,但我不知道它是如何工作的。如何将变量传递给该构造函数 涉及的两个要素的代码: <polymer-element name="dock-icon" attributes="name" on-click="{{click}}"> <template> <link rel="stylesheet
<polymer-element name="dock-icon" attributes="name" on-click="{{click}}">
<template>
<link rel="stylesheet" href="dock-icon.css">
</template>
<script>
Polymer('dock-icon', {
name: "",
click: function (event, detail, sender) {
alert(this.name);
//instance <window-base> and pass name parameter
}
});
</script>
聚合物(“dock-icon”{
姓名:“,
单击:功能(事件、详细信息、发件人){
警报(此名称);
//实例和传递名称参数
}
});
必须实例化的聚合元素
<polymer-element name="window-base" attributes="name height width left top">
<template>
<link rel="stylesheet" href="window-base.css">
<div id="box">
<header id="header"><h2>{{name}}</h2></header>
</div>
</template>
<script>
Polymer('window-base', {
name: "name",
//more stuff here
});
</script>
{{name}}
聚合物(“窗基”{
姓名:“姓名”,
//这里有更多的东西
});
谢谢这应该很简单,因为:
var el = document.createElement('window-base');
el.name = 'some name';
这应该很简单,因为:
var el = document.createElement('window-base');
el.name = 'some name';
我终于找到了解决问题的方法,所以我将在这里发布我所做的事情,以防有人从中受益。我最终使用纯javascript的方式来实例化一个元素<代码>代码var container=document.getElementsByTagName(“窗口容器”)[0];var window=document.createElement(“窗口基”);setAttribute(“name”,this.name);container.appendChild(窗口)<代码>代码我终于找到了解决问题的方法,所以我将在这里发布我所做的事情,以防有人从中受益。我最终使用纯javascript的方式来实例化一个元素<代码>代码var container=document.getElementsByTagName(“窗口容器”)[0];var window=document.createElement(“窗口基”);setAttribute(“name”,this.name);container.appendChild(窗口)<代码>代码谢谢!几天前我发现这是可能的。我应该在这里发布解决方案。谢谢!几天前我发现这是可能的。我应该在这里发布解决方案。