Loading ...
Sorry, an error occurred while loading the content.
 

Re: YUI 2.6.0 : Client pagination issue, nagivation links does not work

Expand Messages
  • DeviKiran
    Hi, I faced the same blurred problem with pagenation links. I am able to solve the issue by using onDataReturnReplaceRows instead of
    Message 1 of 5 , Jan 11, 2009
      Hi,
      I faced the same blurred problem with pagenation links.
      I am able to solve the issue by using onDataReturnReplaceRows instead
      of onDataReturnInitializeTable.

      http://developer.yahoo.com/yui/docs/YAHOO.widget.DataTable.html#method_onDataReturnReplaceRows

      Take a Look at the above link.

      Thanks,
      Kiran

      --- In ydn-javascript@yahoogroups.com, "Lucas Smith" <lsmith@...> wrote:
      >
      > --- In ydn-javascript@yahoogroups.com, "Pham Kim Cuong" <kimcuong@>
      > wrote:
      > >
      > > Hi,
      > >
      > > I'm trying to get datatable's client pagination to work. Everythin is
      > > working fine except for nagivation links (next, prev ...links).
      > > They're all blurred, with no link.
      > >
      > >
      > > Do you know what can be wrong?
      > >
      > > Here is my code
      > >
      > > YAHOO.example.ClientPagination = new function() {
      > >
      > > var myColumnHeaders = [
      > > {key: "No", label: "No", formatter: null, sortable:true, width
      > > : "10px"},
      > > {key: "DocId", label: "DocID", formatter: null, sortable:
      > > true, width : "10px"},
      > > {key: "Score", label: "Score", formatter: null, sortable:
      > > true, width : "10px"},
      > > {key: "Title", label: "Title", formatter: formatTitle, width :
      > > "auto"},
      > > {key: "NOEXISTENCE", label: "OK?", formatter:
      > > formatFeedbackBox, sortable: false, width : "auto"},
      > > ];
      > >
      > > var myColumnSet = new YAHOO.widget.ColumnSet(myColumnHeaders);
      > > this.myDataSource = new YAHOO.util.DataSource(SERVLET_URL);
      > > this.myDataSource.responseType =
      > YAHOO.util.DataSource.TYPE_JSON;
      > > this.myDataSource.responseSchema = {
      > > resultsList: "records",
      > > fields: ["No", "DocId", "Score", "Title", "Url",
      > "Features" ]
      > > };
      > >
      > >
      > > var oConfigs = {
      > > paginator: new YAHOO.widget.Paginator({
      > > rowsPerPage: 10 }),
      > > };
      > >
      > > this.myDataTable = new
      > > YAHOO.widget.DataTable("MyPageTableDiv", myColumnSet,
      > > this.myDataSource, oConfigs);
      > > /* Subscribe to events for row selection */
      > > this.myDataTable.subscribe("rowMouseoverEvent",
      > > this.myDataTable.onEventHighlightRow);
      > > this.myDataTable.subscribe("rowMouseoutEvent",
      > > this.myDataTable.onEventUnhighlightRow);
      > > this.myDataTable.subscribe("rowClickEvent", onRowClickEvent);
      > >
      > > this.sendQuery = function(domainId, indexId, query){
      > > var getQuery = "nRecords=100&domainId=" + domainId +
      > > "&indexId=" + indexId + "&oquery=" + query;
      > > //alert("Sending query " + getQuery );
      > > // YAHOO.example.container.wait.show();
      > > var callback = {
      > > success : this.myDataTable.onDataReturnInitializeTable,
      > > failure : function () { alert("something wrong"); },
      > > scope : this.myDataTable
      > > };
      > > this.myDataSource.sendRequest(getQuery , callback);
      > > };
      > >
      > > };
      > >
      > >
      > >
      > > I have been stuck with this problem for hours. I would very appreciate
      > > if you can help me out.
      > >
      > > Thanks
      > >
      > > Kim
      > >
      > > PS : I've tried using firebug to debug but YUI is too big so firebug
      > > gets extremely slow to debug. Not sure how you guys debug YUI?
      > >
      >
      > have a look at this example:
      > http://developer.yahoo.com/yui/examples/datatable/dt_dynamicdata.html
      >
      > It looks like the step you're missing is defining
      > myDataTable.handleDataReturnpayload.
      >
      > Hope this helps,
      > Luke
      >
    Your message has been successfully submitted and would be delivered to recipients shortly.