silverstripe-framework/javascript/RelationComplexTableField.js
Romain Louis 49375c45c4 Relation HasOne, HasMany and ManyMany ComplexTableField Adding
git-svn-id: svn://svn.silverstripe.com/silverstripe/open/modules/sapphire/trunk@41200 467b73ca-7a2a-4603-9d3b-597d59a354a9
2007-09-04 03:30:59 +00:00

112 lines
3.8 KiB
JavaScript

var checkedListNameArray = null;
var checkedListEndName = 'CheckedList';
var checkedListField = 'selected';
var checkedArray = null;
Event.observe( window, 'load', function() {
$( 'sitetree' ).observeMethod( 'NodeClicked' , function() {
checkedListNameArray = null;
checkedArray = null;
} );
} );
RelationComplexTableField = Class.create();
RelationComplexTableField.prototype = {
initialize: function() {
// 1) Find The Hidden Field Where The IDs Will Be Stored
var checkedList = document.getElementById( this.id + '_' + checkedListEndName );
// 2) Initialize The Array Or Update The Hidden Input Field And The HTML Table
var checkedListName = checkedList.getAttribute( 'name' );
if( checkedListNameArray == null ) {
checkedListNameArray = [];
checkedListNameArray.push( checkedListName );
checkedArray = [];
if( checkedList.getAttribute( 'value' ) )
checkedArray.push( checkedList.getAttribute( 'value' ).split( ',' ) );
}
else if( checkedListNameArray.indexOf( checkedListName ) < 0 ) {
checkedListNameArray.push( checkedListName );
if( checkedList.getAttribute( 'value' ) )
checkedArray[ checkedListNameArray.length - 1 ] = checkedList.getAttribute( 'value' ).split( ',' );
}
else {
var index = checkedListNameArray.indexOf( checkedListName );
// a) Update The Hidden Input Field
checkedList.setAttribute( 'value', checkedArray[ index ] );
// b) Update The HTML Table
markingInputs = document.getElementsByName( checkedListName.substring( 0, checkedListName.indexOf( '[' ) ) + '[]' );
for( var i = 0; i < markingInputs.length; i++ ) {
markingInput = markingInputs[ i ];
if( checkedArray[ index ] && checkedArray[ index ].indexOf( markingInput.getAttribute( 'value' ) ) > -1 ) {
markingInput.setAttribute( 'checked', 'checked' );}
else
markingInput.removeAttribute( 'checked' );
}
}
// 3) Create The Rules
var rules = {};
rules[ '#' + this.id + ' table.data tbody td.markingcheckbox input' ] = {
onclick : function() {
// 1) Find The Hidden Field Where The IDs Will Be Stored
var checkedListName = this.getAttribute( 'name' );
checkedListName = checkedListName.substring( 0, checkedListName.length - 1 ) + checkedListField + ']';
var inputs = document.getElementsByTagName( 'input' );
for( var i = 0; i < inputs.length; i++ ) {
var checkedList = inputs[ i ];
if( checkedList.getAttribute( 'name' ) == checkedListName )
break;
}
var index = checkedListNameArray.indexOf( checkedListName );
// 2) Update The Array
if( checkedArray[ index ] && checkedArray[ index ].indexOf( this.getAttribute( 'value' ) ) > -1 ) {
index2 = checkedArray[ index ].indexOf( this.getAttribute( 'value' ) );
var previousCheckedArray = checkedArray[ index ];
checkedArray[ index ] = [];
for( var i = 0; i < previousCheckedArray.length; i++ ) {
if( i != index2 )
checkedArray[ index ].push( previousCheckedArray[ i ] );
}
if( this.getAttribute( 'type' ) == 'radio' )
this.checked = false;
}
else if( checkedArray[ index ] ) {
if( this.getAttribute( 'type' ) == 'radio' )
checkedArray[ index ] = [];
checkedArray[ index ].push( this.getAttribute( 'value' ) );
}
else {
checkedArray[ index ] = [];
checkedArray[ index ].push( this.getAttribute( 'value' ) );
}
// 3) Update The Hidden Input Field
checkedList.setAttribute( 'value', checkedArray[ index ] );
}
};
Behaviour.register( rules );
}
}
RelationComplexTableField.applyTo('#Form_EditForm div.HasOneComplexTableField');
RelationComplexTableField.applyTo('#Form_EditForm div.HasManyComplexTableField');
RelationComplexTableField.applyTo('#Form_EditForm div.ManyManyComplexTableField');