2014-11-06 6 views
1

Итак, я решил, что лучше отделить фильтр от моего PolymerTable. Я создал PolymerElement для моего фильтра. Я хочу показать часть таблицы внутри FilterElement, так как она должна отображаться как панель Bootstrap с таблицей. http://getbootstrap.com/components/#panels-tables Я не уверен, что я правильно использую тег контента, или если это возможно, то что я пытаюсь. Мой код выглядит как это:Правильное использование тега контента внутри PolymerElements

<!-- 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> отображается в листе ght DOM.

parseDeclaration(elementElement) { 
    var template = fetchTemplate(elementElement); 
    if (template != null) { 
    lightFromTemplate(template); 
    } 
} 
+0

Bootstrap CSS не работает с ShadowDOM. Вы пробовали это без применения Bootstrap CSS? Для меня это пока прекрасно. Таблица '

' должна отображаться в том месте, где элемент '' имеет элемент ''. –

+1

Без Bootstrap, похоже, сработает. Я использую в настоящий момент обходной путь, чтобы заставить его работать с этим.http: //pastebin.com/NKQJbmi8 Я действительно не знаю, что он делает ... Но получите Bootstrap для работы с моими полимерными элементами – Azael

+0

Я слышал, что там является некоторой поддержкой для элементов Polymer без ShadowDOM, но никогда не использовал ее, и у меня есть некоторые ограничения, насколько я помню, но я не знаю никаких подробностей. –

ответ

0

Я полагаю, что <content> элемент не работает, когда вы предоставляете элемент в световом DOM.

+1

Перемещение элемента вручную в тег содержимого делает работу – Azael