PrimeFaces Js 集成在 xhtml 页面中

PrimeFaces Js integration within an xhtml page

本文关键字:xhtml Js 集成 PrimeFaces      更新时间:2023-09-26

我正在使用Primefaces 3.5RC。我在实现以下 JS 函数以使您能够冻结数据表上的列时遇到问题。我仍然是JS的新手,不知道如何在下面的示例JS函数中引用我的dataTable id,我在StackOverflow上找到:数据表中的列冻结或固定列。任何帮助或建议将不胜感激。谢谢。

var oTable2 = $(primfacesDataTableId).find('table').dataTable({
            "sScrollX" : "100%", //Scroll
            "sScrollY" : "180",
            "bAutoWidth" : false,
            "bScrollCollapse" : true,
            "bPaginate" : false,
            "bSort" : false,
            "sInfo" : "",
            "sInfoEmpty" : ""
        });
var oFC = new FixedColumns(oTable2, {
                "iLeftColumns" : 4, //Freezed first for columns
                "sHeightMatch" : "auto",
                "iLeftWidth" : 405
            });

通常你从父表单组件引用Primeface/JSF组件。
例如:

如果您有以下代码:

<h:form id="myForm">
    <p:dataTable id="myTable">
       .....
    </p:dataTable>
</h:form>

将您的数据表引用为:

myForm:myTable

或者你可以从浏览器中的Firebug控制台获取它。

当您引用组件形式 JQuery 使用时:

$("[id='myForm:myTable']")