bootstrap table и jsf

Question

Я пытаюсь использовать загрузочный стол с jsf, но он не работает для меня.

У меня есть шаблон facelet где я включал эти файлы:

<h:outputStylesheet name="./css/bootstrap-datepicker.css"/> 
    <h:outputStylesheet name="./css/bootstrap.css"/> 
    <h:outputStylesheet name="./css/bootstrap-table.css"/> 
    <h:outputStylesheet name="./css/sb-admin.css"/> 
    <h:outputStylesheet name="./css/morris.css"/> 

    <h:outputStylesheet name="./css/AdminLTE.css"/> 
    <h:outputScript name="jquery/jquery-plugins.js" library="primefaces"/> 
    <h:outputScript name="./js/jquery.js"></h:outputScript> 
    <h:outputScript name="./js/addrow.js"></h:outputScript> 
    <h:outputScript name="./js/modal.js"></h:outputScript> 
    <h:outputScript name="./js/bootstrap.js"></h:outputScript> 
    <h:outputScript name="./js/app.js"></h:outputScript> 
    <h:outputScript name="./js/dashboard.js"></h:outputScript> 
    <h:outputScript name="./js/demo.js"></h:outputScript> 
    <h:outputScript name="./js/bootstrap-datepicker.js"></h:outputScript> 
    <h:outputScript name="./js/flot-data.js"></h:outputScript> 
    <h:outputScript name="./js/bootstrap-table-all.js"></h:outputScript> 
    <h:outputScript name="./js/raphael.min.js"></h:outputScript> 
    <h:outputScript name="./js/morris.js"></h:outputScript> 
    <h:outputScript name="./js/formatter.js"></h:outputScript> 
    <h:outputScript name="./js/jquery.formatter.js"></h:outputScript> 

создать Xhtml файл whic является клиентом для этого шаблона .. по умолчанию грузиться работает отлично в каждом клиенте, я могу использовать каждый класс в bootstrap.css

Но когда я пытаюсь создать таблицу в клиенте XHTML, как это:

<table id="tsttable" class="table table-bordered table-hover" > 

<tr> 
<th>Azonosító</th> 
<th>Albetét típusa</th> 
<th>Utca neve</th> 
<th>Költségviselő neve</th> 
</tr> 

<tbody class="searchable"> 

<ui:repeat var="pack" value="# {mainViewController.showPackageContent()}" varStatus="status"> 

<tr> 
<td> 
<h:commandLink class="glyphicon glyphicon-pencil" value="#{pack.id}" actionListener="#{mainViewController.navigateToChosedCustomer(item.id)}"> 

</h:commandLink> 
</td> 

<td>#{pack.types.description}</td> 

<td>#{pack.BFlatDataCollection.addrStreet}</td> 

<td>#{pack.BAssocCaseCollection.userId.lastName} 
      #{pack.BAssocCaseCollection.userId.firstName} 
</td> 

</tr> 
</ui:repeat> 

</tbody> 

</table> 

И потом, если я добавить это " данных тумблер = «таблица» атрибут таблицы это не имеет никакого эффекта ..

Но если я пытаюсь создать таблицу в клиентском XHTML с JS, как это код создания таблицы начальной загрузки:

$('#tsttable').bootstrapTable({ 
columns: [{ 
field: 'id', 
title: 'Item ID' 
}, { 
field: 'name', 
title: 'Item Name' 
}]}); 

Как я могу использовать таблицу начальной загрузки с jsf? Кто-нибудь знает? Спасибо!

Answer 1

Jsf в этом отношении не более, чем генератор html на стороне сервера. Если вы можете сделать это в простом html (без $('#tsttable').bootstrapTable({...})), вы можете сделать это в jsf. Поэтому выяснение этого приведет к тому, что приведенный выше пример автоматически будет работать. Но выяснение этого вопроса должно быть другим вопросом.