javascript - 烧成 polymer 功能

Question

我试图在单击按钮时触发另一个 HTML 中的函数。

我的第一个带有按钮的 HTML 如下所示:

<template>
<paper-icon-button on-tap="_deleteConfigUsage"></paper-icon-button>
</template>

<script>
Polymer({
is: "HTML1",
 _deleteConfigUsage: function(e){
 this.fire('refreshUsagesRequest');
 }
})
</script>

我的第二个 HTML 看起来像这样:

<script>
Polymer({
is: "HTML2",
listeners:{
'refreshUsagesRequest': '_generateUsagesRequest'
},
_generateUsagesRequest: function(e){
document.getElementById("getConfigurationUsagesRequest").generateRequest();
}
})
</script>

本次传输涉及3个html文件。第一个 HTML、第二个 HTML 以及调用它们的 View HTML。

在第二个 HTML 中的函数在单击图标时似乎没有运行。我在听众中所做的一切都正确吗？第一个函数应该是一个事件吗？

感谢大家的帮助

Answer 1

Custome 元素至少应包含两个或更多单词。并且必须是像 x-htm1 和 x-html2 这样的连字符，正如 Nicholas 上面所解释的。在这种情况下。由于 polymer 1.x 或 2.x，这种防火功能存在差异。在您的情况下，您使用 1.x 版本。因此，主要目标是激发另一个元素的功能。这也是另一个问题，如果x-html2是x-html1的子元素，则:您应该给出一个id名称，并且可以使用

this.$.html2._generateUsagesRequest(); //html2 is id name of x-html2.html 

但是，如果两个元素都是主文档的子元素。(与您的示例相似)，您可以从一个子元素调用另一个子元素的函数:

位于 x-main.html；

<x-html1 id="html1" on-refresh-usages-request='m_generateUsagesRequest'></x-html1>
<x-html2 id="html2"></x-html2>

Polymer({
is: "x-main",
 m_generateUsagesRequest(){
    this.$.html2._generateUsagesRequest();
 }

位于 x-html1.html ；

<template>
<paper-icon-button on-tap="_deleteConfigUsage"></paper-icon-button>
</template
<script>
    Polymer({
    is: "x-html1",

    _deleteConfigUsage(e){  // let say u need to fires x-html2.html's function
       this.fire('refresh-usages-request');

    }
    })
    </script>

在 x-html2 ;

<script>
Polymer({
is: "x-html2",

_generateUsagesRequest(e){
   // Do something as this functions fires from x-html1

}
})
</script>