I'm interested in Ajax rendering this content or Common server type.

But Ajax rendering is the main, in which I'm interested.

Could you help me some?

I did it all like in tutorial and read some code, but without good documentation I cant understand how to make my component.

I simplify my pivot component and write code that displays only H1 header with current date and time and button to refresh it like this:

htmlPivotTable.jspx

<?xml version="1.0" encoding="UTF-8"?>
<f:root
 xmlns:f="http://ajax4jsf.org/cdk/template"
 xmlns:c=" http://java.sun.com/jsf/core"
 xmlns:ui=" http://ajax4jsf.org/cdk/ui"
 xmlns:u=" http://ajax4jsf.org/cdk/u"
 xmlns:x=" http://ajax4jsf.org/cdk/x"
 class="pl.gov.stat.renderkit.html.PivotTableRenderer"
 baseclass="org.ajax4jsf.renderkit.AjaxComponentRendererBase"
 component="pl.gov.stat.component.UIPivotTable"
 >

 <f:clientid var="clientId"/>
 <div id="#{clientId}" x:passThruWithExclusions="value,name,type,id">

 <jsp:scriptlet>
 <![CDATA[
 String date = new java.util.Date().toString();
 System.out.println(date);
 variables.setVariable("date",date);
 ]]>
 </jsp:scriptlet>

 <h1>#{date}</h1>

 <input type="submit"
 id="#{clientId}button"
 name="#{clientId}button"
 value="Refresh"/>

 </div>

</f:root>

/**
 *
 */

package pl.gov.stat.component;

import javax.faces.component.UIComponentBase;

/**
 * JSF component class
 *
 */
public abstract class UIPivotTable extends UIComponentBase {

 public static final String COMPONENT_TYPE = "pl.gov.stat.PivotTable";

 public static final String COMPONENT_FAMILY = "pl.gov.stat.PivotTable";

}

<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE components PUBLIC "-//AJAX4JSF//CDK Generator config/EN" "https://ajax4jsf.dev.java.net/nonav/dtds/component-config.dtd" >
<components>
 <component>
 <name>pl.gov.stat.PivotTable</name>
 <family>pl.gov.stat.PivotTable</family>
 <classname>pl.gov.stat.component.html.HtmlPivotTable</classname>
 <superclass>pl.gov.stat.component.UIPivotTable</superclass>
 <description>
 <![CDATA[
 A component that insert a link that permit to call a person from the web via skype.
 ]]>
 </description>
 <renderer generate="true" override="true">
 <name>pl.gov.stat.PivotTableRenderer</name>
 <template>pl/gov/stat/htmlPivotTable.jspx</template>
 </renderer>
 <tag>
 <name>pivotTable</name>
 <classname>pl.gov.stat.taglib.PivotTableTag</classname>
 <superclass>
 org.ajax4jsf.webapp.taglib.HtmlComponentTagBase
 </superclass>
 </tag>
 <!--
 <taghandler>
 <classname>org.ajax4jsf.tag.TestHandler</classname>
 </taghandler>
 -->
 &ui_component_attributes;
 &html_events;
 &html_style_attributes;
 </component>
</components>

<%@ taglib uri="http://www.stat.gov.pl/bdr/pivotTable" prefix="piv" %>
...
<f:view>
...
<a4j:form ajaxSubmit="false">
 <piv:pivotTable id="piv"></piv:pivotTable>
</a4j:form>
...
</f:view>

<a4j:form ajaxSubmit="true">

My template is as follows:

<?xml version="1.0" encoding="UTF-8"?>
<f:root
 xmlns:f="http://ajax4jsf.org/cdk/template"
 xmlns:c=" http://java.sun.com/jsf/core"
 xmlns:ui=" http://ajax4jsf.org/cdk/ui"
 xmlns:u=" http://ajax4jsf.org/cdk/u"
 xmlns:x=" http://ajax4jsf.org/cdk/x"
 class="pl.gov.stat.renderkit.html.PivotTableRenderer"
 baseclass="pl.gov.stat.renderkit.PivotTableRendererBase"
 component="pl.gov.stat.component.UIPivotTable"
 >

 <h:scripts>new org.ajax4jsf.javascript.AjaxScript(),new org.ajax4jsf.javascript.PrototypeScript()</h:scripts>

 <f:clientid var="clientId"/>
 <div id="#{clientId}" x:passThruWithExclusions="value,name,type,id">

 <jsp:scriptlet>
 <![CDATA[
 String date = new java.util.Date().toString();
 System.out.println(date);
 variables.setVariable("date",date);
 ]]>
 </jsp:scriptlet>

 <h1 id="#{clientId}_date">#{date}</h1>

 <input type="button"
 id="#{clientId}button"
 name="#{clientId}button" onclick="#{this:getOnClick(component,context)}"
 value="Refresh"/>

 </div>

</f:root>

package pl.gov.stat.renderkit;

import org.ajax4jsf.renderkit.*;
import org.ajax4jsf.javascript.*;

import java.io.*;
import java.util.*;

import javax.faces.component.*;
import javax.faces.context.*;
import javax.faces.event.*;
import javax.faces.render.*;

public abstract class PivotTableRendererBase extends AjaxComponentRendererBase {

 public void doDecode(FacesContext context, UIComponent component) {
 super.doDecode(context, component);
 System.out.println("PivotTableRendererBase.doDecode");
 }

 public String getOnClick(UIComponent component, FacesContext context) {
 String clientId = component.getClientId(context);
 JSFunction ajaxFunction = AjaxRendererUtils.buildAjaxFunction(component, context);
 Map eventOptions = AjaxRendererUtils.buildEventOptions(context, component);
 //@SuppressWarnings("unchecked")
 Map parameters = (Map) eventOptions.get("parameters");
 StringBuffer buffer = new StringBuffer();
 parameters.put(clientId+"_layout","VERTICAL");
 ajaxFunction.addParameter(eventOptions);
 ajaxFunction.appendScript(buffer);
 return buffer.toString();
 }
}