palette.js

Wicket一个开发Java Web应用程序框架。它使得开发web应用程序变得容易而轻松。 Wicket利用一个POJO data beans组件使得它可以与任何持久层技术相结合。

/*
 * Licensed to the Apache Software Foundation (ASF) under one or more
 * contributor license agreements.  See the NOTICE file distributed with
 * this work for additional information regarding copyright ownership.
 * The ASF licenses this file to You under the Apache License, Version 2.0
 * (the "License"); you may not use this file except in compliance with
 * the License.  You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
if (typeof(Wicket) == "undefined") Wicket = { };
if (typeof(Wicket.Palette) == "undefined") Wicket.Palette = { };

Wicket.Palette.$ = function(id) {
	return document.getElementById(id);
}

Wicket.Palette.choicesOnFocus=function(choicesId, selectionId, recorderId) {
	Wicket.Palette.clearSelectionHelper(Wicket.Palette.$(selectionId));
}
	
Wicket.Palette.selectionOnFocus=function(choicesId, selectionId, recorderId) {
	Wicket.Palette.clearSelectionHelper(Wicket.Palette.$(choicesId));
}
	
Wicket.Palette.add=function(choicesId, selectionId, recorderId) {
		var choices=Wicket.Palette.$(choicesId);
		var selection=Wicket.Palette.$(selectionId);

		if (Wicket.Palette.moveHelper(choices, selection)) {
			var recorder=Wicket.Palette.$(recorderId);
			Wicket.Palette.updateRecorder(selection, recorder);
		}
	}
	
Wicket.Palette.remove=function(choicesId, selectionId, recorderId) {
	var choices=Wicket.Palette.$(choicesId);
	var selection=Wicket.Palette.$(selectionId);

	if (Wicket.Palette.moveHelper(selection, choices)) {
		var recorder=Wicket.Palette.$(recorderId);
		Wicket.Palette.updateRecorder(selection, recorder);
	}
}

Wicket.Palette.moveHelper=function(source, dest) {
	var dirty=false;
	for (var i=0;i<source.options.length;i++) {
		if (source.options[i].selected) {	
			dest.appendChild(source.options[i]);
			i--;
			dirty=true;
		}
	}
	return dirty;
}
	
Wicket.Palette.moveUp=function(choicesId, selectionId, recorderId) {
		var selection=Wicket.Palette.$(selectionId);

		if (Wicket.Palette.moveUpHelper(selection)) {
			var recorder=Wicket.Palette.$(recorderId);
			Wicket.Palette.updateRecorder(selection, recorder);
		}
	}
	
Wicket.Palette.moveUpHelper=function(box) {
	var dirty=false;
	for (var i=0;i<box.options.length;i++) {
		if (box.options[i].selected && i>0) {
			if(!box.options[i-1].selected) {
				box.insertBefore(box.options[i],box.options[i-1]);
				dirty=true;
			}
		}
	}
	return dirty;
}
	
Wicket.Palette.moveDown=function(choicesId, selectionId, recorderId) {
	var selection=Wicket.Palette.$(selectionId);

	if (Wicket.Palette.moveDownHelper(selection)) {
		var recorder=Wicket.Palette.$(recorderId);
		Wicket.Palette.updateRecorder(selection, recorder);
	}
}

Wicket.Palette.moveDownHelper=function(box) {
	var dirty=false;
	for (var i=box.options.length-1;i>=0;i--) {
		if (box.options[i].selected && i<box.options.length-1) {
			if(!box.options[i+1].selected) {
				box.insertBefore(box.options[i+1],box.options[i]);
				dirty=true;
			}
		}
	}
	return dirty;
}	
	
Wicket.Palette.updateRecorder=function(selection, recorder) {
	recorder.value="";
	for (var i=0;i<selection.options.length;i++) {
		recorder.value=recorder.value+selection.options[i].value;
		if (i+1<selection.options.length) {
			recorder.value=recorder.value+",";
		}
	}
	
	if (recorder.onchange!=null) { recorder.onchange(); }
}
	
Wicket.Palette.clearSelectionHelper=function(box) {
	for (var i=0;i<box.options.length;i++) {
		box.options[i].selected=false;
	}	
}