Comments on: Enlarging your YUI DataTable in 30 Seconds or Less!

By: Bill

Bill — Fri, 13 Jun 2008 20:37:25 +0000

This works great but in a paged table if an expanded row is open when you click to a different page, it seems to mess up the table. I created this bit of code to close all the open panels before calling the normal pagination, thoughts?


 var handlePagination = function ( oState, dt ) {

            // get array of expanded rows, pass root node to speed this up
            var rows = YAHOO.util.Dom.getElementsByClassName( 'ymod-expandedData', 'tr' );

            if( rows.length > 0 ) {
                
                // iterate rows (if any) and call collapse on them
                for( var i = 0; i < rows.length; i++ ) {
                    
                    // ymod method to close expanded rows
                    YAHOO.ymod.datatable.collapseRow( rows[i] );
                    
                }
        
            }
            
            // call normal pagination routine          
           YAHOO.widget.DataTable.handleDataSourcePagination( oState, dt );

        }

By: Nelson Menezes

Nelson Menezes — Mon, 28 Apr 2008 08:42:41 +0000

To get it to work in YUI 2.5.1, change the line that reads
var selectedRows = this.getSelectedRows();
to
var selectedRows = this.getSelectedTrEls();

There still seems to be an issue with expanding/collapsing multiple rows though.

By: zachleat.com {web} » Enlarging your YUI DataTable in 29 Seconds or Less!

zachleat.com {web} » Enlarging your YUI DataTable in 29 Seconds or Less! — Wed, 29 Aug 2007 03:09:52 +0000

[...] is an updated version of the Enlarging your YUI DataTable in 30 Seconds or Less! modified for the newly released YUI [...]

By: Kyle Jaster

Kyle Jaster — Tue, 28 Aug 2007 01:30:46 +0000

Thanks again Zach, your work is really appreciated.

By: Zach Leatherman

Zach Leatherman — Mon, 27 Aug 2007 23:20:42 +0000

I realized that the refactor I did for this plugin doesn’t allow you to insert content using an AJAX call (like the previous version did), so I’m going to change the code once more and post it. Your patience is appreciated!

By: Kyle Jaster

Kyle Jaster — Mon, 27 Aug 2007 19:10:06 +0000

I would also like the fix if possible…looks like a great technique – Thanks!

By: Scott Stodghill

Scott Stodghill — Wed, 22 Aug 2007 17:57:15 +0000

Absolutely I’d like to see the updated code posted. I’m working on a space-challenged app with DataTable and that looks like a good technique.

Scott

By: Zach Leatherman

Zach Leatherman — Tue, 21 Aug 2007 03:09:57 +0000

Note to readers, this has been tested and DOES NOT work in YUI 2.3.0. If there is one reader that posts as wanting the updated code, I will post the fix (I have already implemented it), otherwise I won’t worry about it.