そこで、Filter を PolymerTable から分離する方がよいと判断しました。Filter 用の PolymerElement を作成しました。テーブルを含む Bootstrap パネルとして表示する必要があるため、FilterElement 内にテーブルの一部を表示したいと考えています。 http://getbootstrap.com/components/#panels-tables content タグを正しく使用しているかどうか、またはそれが可能であるかどうかはわかりません。私のコードは次のようになります。
<!-- 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>
私のテーブルは、フィルターの下ではなく、フィルターの外側と上にレンダリングされます...
要素がライト DOM でレンダリングされるようにオーバーライドparseDeclaration
します。PolyFilter
<poly-filter>
parseDeclaration(elementElement) {
var template = fetchTemplate(elementElement);
if (template != null) {
lightFromTemplate(template);
}
}