Comments on: YUI Tutorial: Subclassing DataTable to Create DataView

By: Sheetal

Sheetal — Wed, 22 Dec 2010 11:36:29 +0000

Show/hide columns does not work with draggableColumns config property of DataTable.

Once the columns are dragged away to other position the context menu does not appear.

Please add draggable columns feature too.

By: Ashish

Ashish — Thu, 16 Apr 2009 05:21:34 +0000

I am facing the issue described by Andy on 23rd April 2007.After hiding a column,if I sort the datatable, the hidden column reappears with header cell missing.Victor says he has fixed the issue,so where can I find the fixed version.I am currently using 2.7 of YUI but my requirement is similar in which context menu should appear after clicking on header and user should be able to show hide column.So I need this desperately.

Thanks
Ashish

By: Ram

Ram — Mon, 27 Oct 2008 20:11:27 +0000

I am looking for YUI 2.6.0 compatible version. Client side row filtering is awesome functionality.
I dont know YUI 2.6.0 implemented that..

-Ram

By: Ludovic

Ludovic — Tue, 05 Aug 2008 21:58:38 +0000

I replaced the initializeTable function with the following:

this.getRecordSet().replaceRecords(dataView)
this.render();

this works for filtering but if I try sorting the filtered rows, the rows disappear and it says no records found…

By: Christjan

Christjan — Tue, 04 Mar 2008 08:28:16 +0000

About using it in 2.5.0 I discovered that the initializeTable function now takes no data object as parameter and there’s no adding the data to recordset as it was in previous versions.

I changed the function as following to use filtering in my 2.5.0 datatable:

initializeTable : function(oData) { // Reset init flag this._bInit = true;


    // Clear the RecordSet

    this._oRecordSet.reset();
    // adds data to recordset (missing in 2.5.0)

    var records = this._oRecordSet.addRecords(oData);
    // Clear selections

    this._unselectAllTrEls();

    this._unselectAllTdEls();

    this._aSelections = null;

    this._oAnchorRecord = null;

    this._oAnchorCell = null;
    // refresh the view (missing in 2.5.0)

    this.render();

},

May be someone has a solution for using filtering without modifying original YUI class?

By: Amy

Amy — Fri, 29 Feb 2008 20:14:38 +0000

Yesterday, I tried upgrading yui to 2.5.0 and discovered that my beloved DataView would no longer work. I understand the column hiding functions are now built in, but I don’t use those. All I care about is the filtering.

And, it’s filtering that no longer works in 2.5. At least on my application, which uses a progressively enhanced table for data.

I’ve been working with the code, and found that the filtering does find the data. And, it does push it into the data structure. But, it never replaces the original table with the filtered one.

For the life of me, I can’t figure out how to filter progressively enhanced tables without this class. Can somebody please help me to figure out how to get this working with the latest YUI?

Amy

By: Victor Morales

Victor Morales — Thu, 07 Feb 2008 20:35:56 +0000

@Pablo

The next YUI version (2.5.0) will support hiding columns, so this subclass will be mostly obsolete.

Regarding your question about internationalization, you would need to specify the columns server-side. You can take a look at this example by Satyam:
http://satyam.com.ar/yui/#ServerDriven

By: Pablo

Pablo — Thu, 07 Feb 2008 10:43:53 +0000

Hi!

How can I internacionalize the columns’s label?

I´m using Struts2 and have a messages file, but I can´t access it from javascript.

Thanks.

By: Peter

Peter — Fri, 21 Dec 2007 18:54:25 +0000

Has anyone gotten this to work with 2.4.1

I am seeing:

YAHOO.lang.extend failed, please check that all dependencies are included.

And applying a filter in the second example does not work but provides no error. It appears that in the Filter function, this line:

field=this.getRecord(i).getData()[sColumnKey]

returns undefined.

By: John Papa

John Papa — Wed, 19 Dec 2007 03:15:36 +0000

menuitem_checked_*.png files in the 2.4.0/build/menu/assets directory do not match the menu.css references to menuitem_checkbox_*.png files.

As a result the check graphic in the context menu do not show. When the files and references are made consistent the menu looks as it should.