引导表和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文件，它是这个模板的客户端。默认的引导在每个客户端都可以正常工作，我可以使用bootstrap.css

中的每个类

但是当我尝试在客户端创建表时，像这样:

<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>

然后如果我添加这个"data-toggle="table"属性到表它没有任何影响。

但是，如果我尝试在客户端xhtml中创建一个表，像这样的js，代码创建引导表:

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

我如何使用bootstrap表与jsf?有人知道吗?谢谢你！

Answer 1

Jsf在这方面只不过是一个服务器端html生成器。如果您可以在纯html中完成它(没有$('#tsttable').bootstrapTable({...}))，那么您可以在jsf中完成它。弄清楚了这个就能让上面的例子自动成立了。但是要弄清楚这个应该是另一个问题了