oqapi/webgui
2
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

add select all checkbox to tree view

Browse source
This commit is contained in:
Doug Bell 2010-08-18 14:53:11 -05:00
parent a31571095e
commit ccc5d09fa1
1 changed files with 58 additions and 11 deletions
Download patch file Download diff file Expand all files Collapse all files

69
www/extras/admin/admin.js
View file

@ -1012,6 +1012,16 @@ WebGUI.Admin.LocationBar.prototype.swapForwardToBack
WebGUI.Admin.Tree
= function(){
var selectAllCheck = document.createElement( 'input' );
selectAllCheck.id = 'treeSelectAllCheckbox';
selectAllCheck.type = "checkbox";
// Add the event handler in onDataTableInitializeRows because innerHTML won't
// save event handlers
// Create a span so we can get innerHTML to put in DataTable's label
var selectAllSpan = document.createElement( 'span' );
selectAllSpan.appendChild( selectAllCheck );
this.moreMenusDisplayed = {};
this.crumbMoreMenu = null;
this.defaultSortBy = {
@ -1058,7 +1068,7 @@ WebGUI.Admin.Tree
this.columnDefs
= [
{ key: 'assetId', label: 'Select All Button', formatter: this.formatAssetIdCheckbox },
{ key: 'assetId', label: selectAllSpan.innerHTML, formatter: this.formatAssetIdCheckbox },
{ key: 'lineage', label: window.admin.i18n.get('Asset','rank'), sortable: true, formatter: this.formatRank },
{ key: 'actions', label: "", formatter: this.formatActions },
{ key: 'title', label: window.admin.i18n.get('Asset', '99'), formatter: this.formatTitle, sortable: true },
@ -1181,6 +1191,21 @@ WebGUI.Admin.Tree.prototype.findRow
}
};
/**
* findCheckbox( row )
* Find the checkbox in the row for the assetId field
*/
WebGUI.Admin.Tree.prototype.findCheckbox
= function ( row ) {
var inputs = row.getElementsByTagName( "input" );
for ( var i = 0; i < inputs.length; i++ ) {
if ( inputs[i].name == "assetId" ) {
return inputs[i];
}
}
};
/**
* formatActions ( )
* Format the Edit and More links for the row
@ -1345,6 +1370,26 @@ WebGUI.Admin.Tree.prototype.goto
);
};
/**
* toggleAllRows( )
* Toggle all the rows in the data table to the state of the Select All
* Checkbox
*/
WebGUI.Admin.Tree.prototype.toggleAllRows
= function ( ) {
var state = document.getElementById( 'treeSelectAllCheckbox' ).checked ? true : false;
var row = this.dataTable.getFirstTrEl();
while ( row ) {
if ( state ) {
this.selectRow( row );
}
else {
this.deselectRow( row );
}
row = this.dataTable.getNextTrEl( row );
}
};
/**
* onDataReturnInitializeTable ( sRequest, oResponse, oPayload )
* Initialize the table with a new response from the server
@ -1353,6 +1398,8 @@ WebGUI.Admin.Tree.prototype.onDataReturnInitializeTable
= function ( sRequest, oResponse, oPayload ) {
this.dataTable.onDataReturnInitializeTable.call( this.dataTable, sRequest, oResponse, oPayload );
YAHOO.util.Event.addListener( 'treeSelectAllCheckbox', "click", this.toggleAllRows, this, true );
// Rebuild the crumbtrail
var crumb = oResponse.meta.crumbtrail;
var elCrumb = document.getElementById( "treeCrumbtrail" );
@ -1400,18 +1447,18 @@ WebGUI.Admin.Tree.prototype.removeHighlightFromRow
*/
WebGUI.Admin.Tree.prototype.selectRow
= function ( child ) {
// First find the row
var node = this.findRow( child );
this.addHighlightToRow( child );
this.findCheckbox( this.findRow( child ) ).checked = true;
};
// Now find the assetId checkbox in the first element
var inputs = node.getElementsByTagName( "input" );
for ( var i = 0; i < inputs.length; i++ ) {
if ( inputs[i].name == "assetId" ) {
inputs[i].checked = true;
break;
}
}
/**
* deselectRow( child )
* Uncheck the checkbox and toggle the highlight
*/
WebGUI.Admin.Tree.prototype.deselectRow
= function ( child ) {
this.removeHighlightFromRow( child );
this.findCheckbox( this.findRow( child ) ).checked = false;
};
/**