所以我决定最好将过滤器与我的 PolymerTable 分开。我为我的过滤器创建了一个 PolymerElement。我想在 FilterElement 内显示表格的一部分,因为它应该显示为带有表格的引导面板。 http://getbootstrap.com/components/#panels-tables 我不确定我是否正确使用了内容标签,或者这是否可能我正在尝试。我的代码看起来有点像这样:
<!-- index.html -->
<!-- ... -->
<poly-table></poly-table>
<!-- ... -->
<!-- poly-table.html -->
<polymer-element name="poly-table">
<template>
/* style */
<div id="table_cont">
<poly-filter>
<table class="table">
/* ... stuff inside ... */
</table>
</poly-filter>
</div>
</template>
</polymer-element>
<!-- poly-filter.html -->
<polymer-element name="poly-filter">
<template>
/* style */
<div id="filter_cont" class="panel">
<div class="panel-heading">
Filter
</div>
<div class="panel-body>
<!-- Filter Content here -->
</div>
<content></content>
</div>
</template>
</polymer-element>
我的表格将呈现在我的过滤器之外和上方,而不是在过滤器下方...
我覆盖了元素parseDeclaration
,PolyFilter
因此<poly-filter>
元素在 light DOM 中呈现。
parseDeclaration(elementElement) {
var template = fetchTemplate(elementElement);
if (template != null) {
lightFromTemplate(template);
}
}