在嵌套的聚合自定义元素中访问JavaScript方法

我试图访问聚合自定义元素

中包含的Javascript方法。此元素包含打开和关闭面板的函数

此通用元素在更具体的元素中使用，例如：

。特定元素包含常规元素并向其添加属性，即：面板标题等

但是，在页面中使用

时，我无法通过它调用任何打开/关闭方法。我是不是走错了路，有没有办法

编辑：代码示例

删除了一些聚合物代码示例，只是为了说明这些元素是如何协同工作的

一般要素：

<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>

//定义滑入式面板的代码
_openPanel:function（）{
//应用类以使面板可见
},
_closePanel:function（）{
//将类应用于隐藏面板
}

具体内容：

<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:function（）{
//尝试调用常规元素\u openPanel方法
}

我在这里尝试的是调用openPanel行为，正如在general元素中所描述的那样。这是因为该面板将在多个位置使用，因此继续为特定面板实施打开/关闭方法是没有意义的，因为它们将以相同的方式工作。

这应该有效

openPanel: function() {
  // Trying to call general-element _openPanel method
  $$('specific-element').$$('general-element')._openPanel();   
}

---

一些实际的代码可以显示元素之间的关系。@GünterZöchbauer已经添加了代码示例great！谢谢你的反馈：）是时候了。我一直在寻找。谢谢