custom page scroller

[deepan thiagu]

this is my UIComponent Class for custom page scroller--->
package project;
import java.io.IOException;
import java.util.Map;
import javax.faces.component.UIComponent;
import javax.faces.component.UIData;
import javax.faces.component.UIForm;
import javax.faces.context.FacesContext;
import javax.faces.context.ResponseWriter;
import javax.faces.render.Renderer;

public class PagerRenderer extends Renderer {
public void encodeBegin(FacesContext context, UIComponent component)
throws IOException {
String id = component.getClientId(context);
UIComponent parent = component;
while (!(parent instanceof UIForm))
parent = parent.getParent();
String formId = parent.getClientId(context);

ResponseWriter writer = context.getResponseWriter();

String styleClass = (String) component.getAttributes().get("styleClass");
String selectedStyleClass
= (String) component.getAttributes().get("selectedStyleClass");
String dataTableId = (String) component.getAttributes().get("dataTableId");
Integer a = (Integer) component.getAttributes().get("showpages");
int showpages = a == null ? 0 : a.intValue();

// find the component with the given ID
UIData data = (UIData) component.findComponent(dataTableId);
int first = data.getFirst();
int itemcount = data.getRowCount();
int pagesize = data.getRows();
if (pagesize <= 0) pagesize = itemcount;

int pages = itemcount / pagesize;
if (itemcount % pagesize != 0) pages++;

int currentPage = first / pagesize;
if (first >= itemcount - pagesize) currentPage = pages - 1;
int startPage = 0;
int endPage = pages;
if (showpages > 0)
{
startPage = (currentPage / showpages) * showpages;
endPage = Math.min(startPage + showpages, pages);
}

if (currentPage > 0)
writeLink(writer, component, formId, id, "<", styleClass);

if (startPage > 0)
writeLink(writer, component, formId, id, "<<", styleClass);

for (int i = startPage; i < endPage; i++) {
writeLink(writer, component, formId, id, "" + (i + 1),
i == currentPage ? selectedStyleClass : styleClass);
}

if (endPage < pages)
writeLink(writer, component, formId, id, ">>", styleClass);

if (first < itemcount - pagesize)
writeLink(writer, component, formId, id, ">", styleClass);
// hidden field to hold result
writeHiddenField(writer, component, id);
}
private void writeLink(ResponseWriter writer, UIComponent component,
String formId, String id, String value, String styleClass)
throws IOException {
writer.writeText(" ", null);
writer.startElement("a", component);
writer.writeAttribute("href", "#", null);
writer.writeAttribute("onclick", onclickCode(formId, id, value), null);
if (styleClass != null)
writer.writeAttribute("class", styleClass, "styleClass");
writer.writeText(value, null);
writer.endElement("a");
}
private String onclickCode(String formId, String id, String value) {
StringBuilder builder = new StringBuilder();
builder.append("document.forms[");
builder.append("'");
builder.append(formId);
builder.append("'");
builder.append("]['");
builder.append(id);
builder.append("'].value='");
builder.append(value);
builder.append("';");
builder.append(" document.forms[");
builder.append("'");
builder.append(formId);
builder.append("'");
builder.append("].submit()");
builder.append("; return false;");
return builder.toString();
}
private void writeHiddenField(ResponseWriter writer, UIComponent component,
String id) throws IOException {
writer.startElement("input", component);
writer.writeAttribute("type", "hidden", null);
writer.writeAttribute("name", id, null);
writer.endElement("input");
}
public void decode(FacesContext context, UIComponent component) {
String id = component.getClientId(context);
Map parameters
= context.getExternalContext().getRequestParameterMap();

String response = (String) parameters.get(id);
if (response == null || response.equals("")) return;

String dataTableId = (String) component.getAttributes().get("dataTableId");
Integer a = (Integer) component.getAttributes().get("showpages");
int showpages = a == null ? 0 : a.intValue();

UIData data = (UIData) component.findComponent(dataTableId);

int first = data.getFirst();
int itemcount = data.getRowCount();
int pagesize = data.getRows();
if (pagesize <= 0) pagesize = itemcount;

if (response.equals("<")) first -= pagesize;
else if (response.equals(">")) first += pagesize;
else if (response.equals("<<")) first -= pagesize * showpages;
else if (response.equals(">>")) first += pagesize * showpages;
else {
int page = Integer.parseInt(response);
first = (page - 1) * pagesize;
}
if (first + pagesize > itemcount) first = itemcount - pagesize;
if (first < 0) first = 0;
data.setFirst(first);
}

}

----->
and my taglib.tld is------>
<taglib xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:schemaLocation="http://java.sun.com/xml/ns/j2ee http://java.sun.com/xml/ns/j2ee/web-jsptaglibrary_2_0.xsd" version="2.0" xmlns="http://java.sun.com/xml/ns/j2ee">
<display-name>taglib1</display-name>
<tlib-version>1.0</tlib-version>
<short-name>corejsf</short-name>
<uri>/WEB-INF/taglib.tld</uri>

<tag>
<name>pager</name>
<tag-class>project.PagerRenderer</tag-class>

<attribute>
<name>dataTableId</name>
<required>true</required>
<description>a custom message for the Component</description>
</attribute>

<attribute>
<name>showpages</name>
<deferred-value>
<type>int</type>
</deferred-value>
<description>a custom message for the Component</description>
</attribute>

<attribute>
<name>selectedStyleClass</name>
<description>a custom message for the Component</description>
</attribute>

</tag>

</taglib>
--------->

and my JSF page is ---->
<%@ taglib uri="/WEB-INF/taglib.tld" prefix="corejsf" %>

<h:dataTable id="timezones" value="#{bb.data}" var="row" rows="10">
<h:column>
<h:selectBooleanCheckbox value="{bb.dummy}" onchange="submit()"/>
</h:column>
<h:column>
<hutputText value="#{row}" />
</h:column>
</h:dataTable>
<corejsf:pager dataTableId="timezones" showpages="20" selectedStyleClass="currentPage"/>
------------>

whenever i compile the deploy the project it gives

dataTableId is not a property of project.PagerRenderer error

plese how to i correct this code?