访问嵌套Polymer自定义元素中的JavaScript方法
Accessing JavaScript methods inside nested Polymer custom elements
我正在尝试访问Polymer自定义元素<general-element>
中包含的Javascript方法。此元素包含打开和关闭面板的功能。
这个通用元素用于更具体的元素中,例如:<specific-element></specific-element>
。特定元素包含通用元素并为其添加属性,例如:面板标题等。
但是,当在页面中使用<specific-element>
时,我无法通过它调用任何打开/关闭方法。我是不是从错误的角度处理了这个问题,有没有方法做到这一点?
编辑:代码示例
删除了一些聚合物代码-示例只是为了展示元素如何协同工作
一般要素:
<dom-module id="general-element">
<template>
// Code to define a slide-in panel
</template>
<script>
_openPanel: function() {
//Apply class to make panel visible
},
_closePanel: function() {
// Apply class to hide panel
}
</script>
</dom-module>
特定元素:
<dom-module id="specific-element">
<template>
<general-element title="Administration Panel" >
<h1>Hello</h1>
</general-element>
</template>
</dom-module>
用法:
<dom-module id="admin-page">
<template>
<button on-click="openPanel"></button>
<specific-element></specific-element>
</template>
<script>
openPanel: function() {
// Trying to call general-element _openPanel method
}
</script>
</dom-module>
我在这里试图做的是调用openPanel行为,正如在general元素中已经描述的那样。这是因为面板将在多个地方使用,因此继续为特定面板实现打开/关闭方法是没有意义的,因为它们将以相同的方式工作。
这应该能在中工作
openPanel: function() {
// Trying to call general-element _openPanel method
$$('specific-element').$$('general-element')._openPanel();
}
相关文章:
- 从Javascript方法返回全局变量
- 简单的JavaScript方法链接
- 如何为javascript方法放入jquery确认对话框
- jquery插件或javascript方法自动调整文本输入(而非文本区域)(固定宽度)可变高度的大小
- 在类外重写Javascript方法,使用默认行为
- 使用 JavaScript 方法滚动
- 如何从窗体调用外部javascript方法
- 使用c#在Web服务器上运行JavaScript方法
- 如何从角度 js 调用 javascript 方法
- 在Node.js中,我在哪里可以看到JavaScript方法的源代码,例如hasOwnProperty
- 简单的javascript方法问题
- iframe未执行Javascript方法(PHP)
- Javascript 方法看不到对象变量
- 从HTML中的另一个文件访问javascript方法
- 如何测试只在闭包范围中可见的javascript方法
- 将php表转换为angularjs javascript方法
- 使用ScriptManager.RegisterStartupScript从代码隐藏调用javascript方法
- 如何从 MVC4 链接调用 Javascript 方法(错误 JavaScript 运行时错误:对象不支持此操作)
- Java eqivalent method of “splice(a,b,..)“在 JavaScript 方法中
- 在客户端 Javascript 方法之后运行服务器方法