Primefaces自定义数据表未呈现

Question

I have a little problem. I want to create a custom DataTable in order to do a reusable component, because I have a lot of pages, and some of them contains tables which has the same structure, but some tables contains some extra items.

Let me give you an example.

This is the common table format

<p:dataTable id="myTableId"
        widgetVar="wMyTableId"
        scrollable="true" 
        scrollHeight="100%"
        paginator="true"
        paginatorPosition="bottom"
        paginatorTemplate="{CurrentPageReport}  {FirstPageLink} {PreviousPageLink} {PageLinks} {NextPageLink} {LastPageLink} {RowsPerPageDropdown}"
        currentPageReportTemplate="({startRecord} - {endRecord} of {totalRecords},  page {currentPage}/{totalPages})"  
        rowsPerPageTemplate="20,50,100,200,500"
        rows="20"
        lazy="true"
        value="myBean.dataModel"
        var="item">

        <p:columns value="#{myBean.dataModel.columns}" var="column" columnIndexVar="colIndex">
            <f:facet name="header">
                <h:outputText value="#{column.header}" />
            </f:facet>
            <myComponents:myCell type="#{item.data[column.property].type}" value="#{item.data[column.property].data}"/>
        </p:columns>


        <f:facet name="footer">
            <h:panelGroup layout="block">
                <div class="buttons">
                    <p:commandButton process="@none" update=":myTableId" icon="fa fa-refresh" styleClass="ui-priority-secondary" type="button" value="Refresh" onclick="callARemoteCommand(); return false;"/>
                </div>
             </h:panelGroup>
        </f:facet>
    </p:dataTable>

myBean.dataModel is extended from org.primefaces.model.LazyDataModel. I assure you that this is working very good.

Now, this being the most used template, I wanted to extract it into a custom component. First, I tried to create a custom component which extends javax.faces.component.UiComponentBase but when I put an p:ajax tag inside of it (in order to assign it to my table), it crashes on rendering because it doesn't support these kind of tags (kind of obviously).

Ok, I tried another way, I did a custom component which extends directly the org.primefaces.component.datatable.DataTable component.

I created the java class:

@FacesComponent(tagName = "myTable", value = "myTable")
public class MyTable extends DataTable implements NamingContainer{
    //...nothing fancy here, because it extends directly the DataTable
   @Override
   public void encodeBegin(FacesContext context) throws IOException {
       super.encodeBegin(context);//here debug stops. It's ok
   }
}

...and the xhtml file, which for the moment doesn't contains the template, I just want to print a table

<cc:interface componentType="myTable">
</cc:interface>

<cc:implementation>
</cc:implementation>

...and in my page xhtml file I put this:

<myComponents:myTable id="myTableId"
    widgetVar="wMyTableId"
    scrollable="true" 
    scrollHeight="100%"
    paginator="true"
    paginatorPosition="bottom"
    paginatorTemplate="{CurrentPageReport}  {FirstPageLink} {PreviousPageLink} {PageLinks} {NextPageLink} {LastPageLink} {RowsPerPageDropdown}"
    currentPageReportTemplate="({startRecord} - {endRecord} of {totalRecords},  page {currentPage}/{totalPages})"  
    rowsPerPageTemplate="20,50,100,200,500"
    rows="20"
    lazy="true"
    value="myBean.dataModel"
    var="item">

    <p:ajax event="page" onstart="doPotatos();" oncomplete="eatPotatos();" />
    <p:columns value="#{myBean.dataModel.columns}" var="column" columnIndexVar="colIndex">
        <f:facet name="header">
             <h:outputText value="#{column.header}" />
        </f:facet>
        <myComponents:myCell type="#{item.data[column.property].type}" value="#{item.data[column.property].data}"/>
    </p:columns>
</myComponents:myTable> 

Now, when the page is rendered, the methods from MyTable class are called, but the table is not rendered. It's not showed anything :|

Do you have any idea why? Am I doing something wrong?

Also, if you have another idea for this task, you are welcome. Thank you.

Answer 1

Ok,

Meanwhile I discovered the problem. This means that I don't know well how Primefaces work.

The problem was there where I shouldn't expected, in the java class. Because the class implements NamingContainer, the family has to be a NamingContainer's specific family. So, the class is now the following:

@FacesComponent(value = "myTable")
public class MyTable extends DataTable implements NamingContainer{
    //actually this is some fancy thing :|
    @Override
    public String getFamily() {
        return UINamingContainer.COMPONENT_FAMILY;//javax.faces.NamingContainer
    }
}

Auch, took me some time to figure out. Now the xhtml composite is rendered, but I expected to render DataTable too (which is extended), but it isn't. Maybe someone has an idea why isn't rendered.

@BalusC - I saw that you are a kind of Primefaces' zen. Do you have any idea why this have to be like that?

EDITED:
Searching anything else, I found this post https://stackoverflow.com/a/12531268/1589496 where do you give an explanation already. Thank you.