alvinalexander.com | career | drupal | java | mac | mysql | perl | scala | uml | unix  

Struts example source code file (Toolbar.js)

This example Struts source code file (Toolbar.js) is included in the DevDaily.com "Java Source Code Warehouse" project. The intent of this project is to help you "Learn Java by Example" TM.

Java - Struts tags/keywords

boolean, boolean, date, error, icon, icon, image, invalid, string, string, toolbarbutton, toolbarbutton, toolbarbuttongroup, toolbarflexiblespace

The Struts Toolbar.js source code

/*
	Copyright (c) 2004-2006, The Dojo Foundation
	All Rights Reserved.

	Licensed under the Academic Free License version 2.1 or above OR the
	modified BSD license. For more information on Dojo licensing, see:

		http://dojotoolkit.org/community/licensing.shtml
*/



dojo.provide("dojo.widget.Toolbar");
dojo.require("dojo.widget.*");
dojo.require("dojo.html.style");
dojo.widget.defineWidget("dojo.widget.ToolbarContainer", dojo.widget.HtmlWidget, {isContainer:true, templateString:"<div class=\"toolbarContainer\" dojoAttachPoint=\"containerNode\">
", templateCssString:".toolbarContainer {\n\tborder-bottom : 0;\n\tbackground-color : #def;\n\tcolor : ButtonText;\n\tfont : Menu;\n\tbackground-image: url(images/toolbar-bg.gif);\n}\n\n.toolbar {\n\tpadding : 2px 4px;\n\tmin-height : 26px;\n\t_height : 26px;\n}\n\n.toolbarItem {\n\tfloat : left;\n\tpadding : 1px 2px;\n\tmargin : 0 2px 1px 0;\n\tcursor : pointer;\n}\n\n.toolbarItem.selected, .toolbarItem.down {\n\tmargin : 1px 1px 0 1px;\n\tpadding : 0px 1px;\n\tborder : 1px solid #bbf;\n\tbackground-color : #fafaff;\n}\n\n.toolbarButton img {\n\tvertical-align : bottom;\n}\n\n.toolbarButton span {\n\tline-height : 16px;\n\tvertical-align : middle;\n}\n\n.toolbarButton.hover {\n\tpadding : 0px 1px;\n\tborder : 1px solid #99c;\n}\n\n.toolbarItem.disabled {\n\topacity : 0.3;\n\tfilter : alpha(opacity=30);\n\tcursor : default;\n}\n\n.toolbarSeparator {\n\tcursor : default;\n}\n\n.toolbarFlexibleSpace {\n}\n", templateCssPath:dojo.uri.moduleUri("dojo.widget", "templates/Toolbar.css"), getItem:function (name) { if (name instanceof dojo.widget.ToolbarItem) { return name; } for (var i = 0; i < this.children.length; i++) { var child = this.children[i]; if (child instanceof dojo.widget.Toolbar) { var item = child.getItem(name); if (item) { return item; } } } return null; }, getItems:function () { var items = []; for (var i = 0; i < this.children.length; i++) { var child = this.children[i]; if (child instanceof dojo.widget.Toolbar) { items = items.concat(child.getItems()); } } return items; }, enable:function () { for (var i = 0; i < this.children.length; i++) { var child = this.children[i]; if (child instanceof dojo.widget.Toolbar) { child.enable.apply(child, arguments); } } }, disable:function () { for (var i = 0; i < this.children.length; i++) { var child = this.children[i]; if (child instanceof dojo.widget.Toolbar) { child.disable.apply(child, arguments); } } }, select:function (name) { for (var i = 0; i < this.children.length; i++) { var child = this.children[i]; if (child instanceof dojo.widget.Toolbar) { child.select(arguments); } } }, deselect:function (name) { for (var i = 0; i < this.children.length; i++) { var child = this.children[i]; if (child instanceof dojo.widget.Toolbar) { child.deselect(arguments); } } }, getItemsState:function () { var values = {}; for (var i = 0; i < this.children.length; i++) { var child = this.children[i]; if (child instanceof dojo.widget.Toolbar) { dojo.lang.mixin(values, child.getItemsState()); } } return values; }, getItemsActiveState:function () { var values = {}; for (var i = 0; i < this.children.length; i++) { var child = this.children[i]; if (child instanceof dojo.widget.Toolbar) { dojo.lang.mixin(values, child.getItemsActiveState()); } } return values; }, getItemsSelectedState:function () { var values = {}; for (var i = 0; i < this.children.length; i++) { var child = this.children[i]; if (child instanceof dojo.widget.Toolbar) { dojo.lang.mixin(values, child.getItemsSelectedState()); } } return values; }}); dojo.widget.defineWidget("dojo.widget.Toolbar", dojo.widget.HtmlWidget, {isContainer:true, templateString:"<div class=\"toolbar\" dojoAttachPoint=\"containerNode\" unselectable=\"on\" dojoOnMouseover=\"_onmouseover\" dojoOnMouseout=\"_onmouseout\" dojoOnClick=\"_onclick\" dojoOnMousedown=\"_onmousedown\" dojoOnMouseup=\"_onmouseup\">", _getItem:function (node) { var start = new Date(); var widget = null; while (node && node != this.domNode) { if (dojo.html.hasClass(node, "toolbarItem")) { var widgets = dojo.widget.manager.getWidgetsByFilter(function (w) { return w.domNode == node; }); if (widgets.length == 1) { widget = widgets[0]; break; } else { if (widgets.length > 1) { dojo.raise("Toolbar._getItem: More than one widget matches the node"); } } } node = node.parentNode; } return widget; }, _onmouseover:function (e) { var widget = this._getItem(e.target); if (widget && widget._onmouseover) { widget._onmouseover(e); } }, _onmouseout:function (e) { var widget = this._getItem(e.target); if (widget && widget._onmouseout) { widget._onmouseout(e); } }, _onclick:function (e) { var widget = this._getItem(e.target); if (widget && widget._onclick) { widget._onclick(e); } }, _onmousedown:function (e) { var widget = this._getItem(e.target); if (widget && widget._onmousedown) { widget._onmousedown(e); } }, _onmouseup:function (e) { var widget = this._getItem(e.target); if (widget && widget._onmouseup) { widget._onmouseup(e); } }, addChild:function (item, pos, props) { var widget = dojo.widget.ToolbarItem.make(item, null, props); var ret = dojo.widget.Toolbar.superclass.addChild.call(this, widget, null, pos, null); return ret; }, push:function () { for (var i = 0; i < arguments.length; i++) { this.addChild(arguments[i]); } }, getItem:function (name) { if (name instanceof dojo.widget.ToolbarItem) { return name; } for (var i = 0; i < this.children.length; i++) { var child = this.children[i]; if (child instanceof dojo.widget.ToolbarItem && child._name == name) { return child; } } return null; }, getItems:function () { var items = []; for (var i = 0; i < this.children.length; i++) { var child = this.children[i]; if (child instanceof dojo.widget.ToolbarItem) { items.push(child); } } return items; }, getItemsState:function () { var values = {}; for (var i = 0; i < this.children.length; i++) { var child = this.children[i]; if (child instanceof dojo.widget.ToolbarItem) { values[child._name] = {selected:child._selected, enabled:!child.disabled}; } } return values; }, getItemsActiveState:function () { var values = this.getItemsState(); for (var item in values) { values[item] = values[item].enabled; } return values; }, getItemsSelectedState:function () { var values = this.getItemsState(); for (var item in values) { values[item] = values[item].selected; } return values; }, enable:function () { var items = arguments.length ? arguments : this.children; for (var i = 0; i < items.length; i++) { var child = this.getItem(items[i]); if (child instanceof dojo.widget.ToolbarItem) { child.enable(false, true); } } }, disable:function () { var items = arguments.length ? arguments : this.children; for (var i = 0; i < items.length; i++) { var child = this.getItem(items[i]); if (child instanceof dojo.widget.ToolbarItem) { child.disable(); } } }, select:function () { for (var i = 0; i < arguments.length; i++) { var name = arguments[i]; var item = this.getItem(name); if (item) { item.select(); } } }, deselect:function () { for (var i = 0; i < arguments.length; i++) { var name = arguments[i]; var item = this.getItem(name); if (item) { item.disable(); } } }, setValue:function () { for (var i = 0; i < arguments.length; i += 2) { var name = arguments[i], value = arguments[i + 1]; var item = this.getItem(name); if (item) { if (item instanceof dojo.widget.ToolbarItem) { item.setValue(value); } } } }}); dojo.widget.defineWidget("dojo.widget.ToolbarItem", dojo.widget.HtmlWidget, {templateString:"<span unselectable=\"on\" class=\"toolbarItem\">", _name:null, getName:function () { return this._name; }, setName:function (value) { return (this._name = value); }, getValue:function () { return this.getName(); }, setValue:function (value) { return this.setName(value); }, _selected:false, isSelected:function () { return this._selected; }, setSelected:function (is, force, preventEvent) { if (!this._toggleItem && !force) { return; } is = Boolean(is); if (force || !this.disabled && this._selected != is) { this._selected = is; this.update(); if (!preventEvent) { this._fireEvent(is ? "onSelect" : "onDeselect"); this._fireEvent("onChangeSelect"); } } }, select:function (force, preventEvent) { return this.setSelected(true, force, preventEvent); }, deselect:function (force, preventEvent) { return this.setSelected(false, force, preventEvent); }, _toggleItem:false, isToggleItem:function () { return this._toggleItem; }, setToggleItem:function (value) { this._toggleItem = Boolean(value); }, toggleSelected:function (force) { return this.setSelected(!this._selected, force); }, isEnabled:function () { return !this.disabled; }, setEnabled:function (is, force, preventEvent) { is = Boolean(is); if (force || this.disabled == is) { this.disabled = !is; this.update(); if (!preventEvent) { this._fireEvent(this.disabled ? "onDisable" : "onEnable"); this._fireEvent("onChangeEnabled"); } } return !this.disabled; }, enable:function (force, preventEvent) { return this.setEnabled(true, force, preventEvent); }, disable:function (force, preventEvent) { return this.setEnabled(false, force, preventEvent); }, toggleEnabled:function (force, preventEvent) { return this.setEnabled(this.disabled, force, preventEvent); }, _icon:null, getIcon:function () { return this._icon; }, setIcon:function (value) { var icon = dojo.widget.Icon.make(value); if (this._icon) { this._icon.setIcon(icon); } else { this._icon = icon; } var iconNode = this._icon.getNode(); if (iconNode.parentNode != this.domNode) { if (this.domNode.hasChildNodes()) { this.domNode.insertBefore(iconNode, this.domNode.firstChild); } else { this.domNode.appendChild(iconNode); } } return this._icon; }, _label:"", getLabel:function () { return this._label; }, setLabel:function (value) { var ret = (this._label = value); if (!this.labelNode) { this.labelNode = document.createElement("span"); this.domNode.appendChild(this.labelNode); } this.labelNode.innerHTML = ""; this.labelNode.appendChild(document.createTextNode(this._label)); this.update(); return ret; }, update:function () { if (this.disabled) { this._selected = false; dojo.html.addClass(this.domNode, "disabled"); dojo.html.removeClass(this.domNode, "down"); dojo.html.removeClass(this.domNode, "hover"); } else { dojo.html.removeClass(this.domNode, "disabled"); if (this._selected) { dojo.html.addClass(this.domNode, "selected"); } else { dojo.html.removeClass(this.domNode, "selected"); } } this._updateIcon(); }, _updateIcon:function () { if (this._icon) { if (this.disabled) { this._icon.disable(); } else { if (this._cssHover) { this._icon.hover(); } else { if (this._selected) { this._icon.select(); } else { this._icon.enable(); } } } } }, _fireEvent:function (evt) { if (typeof this[evt] == "function") { var args = [this]; for (var i = 1; i < arguments.length; i++) { args.push(arguments[i]); } this[evt].apply(this, args); } }, _onmouseover:function (e) { if (this.disabled) { return; } dojo.html.addClass(this.domNode, "hover"); this._fireEvent("onMouseOver"); }, _onmouseout:function (e) { dojo.html.removeClass(this.domNode, "hover"); dojo.html.removeClass(this.domNode, "down"); if (!this._selected) { dojo.html.removeClass(this.domNode, "selected"); } this._fireEvent("onMouseOut"); }, _onclick:function (e) { if (!this.disabled && !this._toggleItem) { this._fireEvent("onClick"); } }, _onmousedown:function (e) { if (e.preventDefault) { e.preventDefault(); } if (this.disabled) { return; } dojo.html.addClass(this.domNode, "down"); if (this._toggleItem) { if (this.parent.preventDeselect && this._selected) { return; } this.toggleSelected(); } this._fireEvent("onMouseDown"); }, _onmouseup:function (e) { dojo.html.removeClass(this.domNode, "down"); this._fireEvent("onMouseUp"); }, onClick:function () { }, onMouseOver:function () { }, onMouseOut:function () { }, onMouseDown:function () { }, onMouseUp:function () { }, fillInTemplate:function (args, frag) { if (args.name) { this._name = args.name; } if (args.selected) { this.select(); } if (args.disabled) { this.disable(); } if (args.label) { this.setLabel(args.label); } if (args.icon) { this.setIcon(args.icon); } if (args.toggleitem || args.toggleItem) { this.setToggleItem(true); } }}); dojo.widget.ToolbarItem.make = function (wh, whIsType, props) { var item = null; if (wh instanceof Array) { item = dojo.widget.createWidget("ToolbarButtonGroup", props); item.setName(wh[0]); for (var i = 1; i < wh.length; i++) { item.addChild(wh[i]); } } else { if (wh instanceof dojo.widget.ToolbarItem) { item = wh; } else { if (wh instanceof dojo.uri.Uri) { item = dojo.widget.createWidget("ToolbarButton", dojo.lang.mixin(props || {}, {icon:new dojo.widget.Icon(wh.toString())})); } else { if (whIsType) { item = dojo.widget.createWidget(wh, props); } else { if (typeof wh == "string" || wh instanceof String) { switch (wh.charAt(0)) { case "|": case "-": case "/": item = dojo.widget.createWidget("ToolbarSeparator", props); break; case " ": if (wh.length == 1) { item = dojo.widget.createWidget("ToolbarSpace", props); } else { item = dojo.widget.createWidget("ToolbarFlexibleSpace", props); } break; default: if (/\.(gif|jpg|jpeg|png)$/i.test(wh)) { item = dojo.widget.createWidget("ToolbarButton", dojo.lang.mixin(props || {}, {icon:new dojo.widget.Icon(wh.toString())})); } else { item = dojo.widget.createWidget("ToolbarButton", dojo.lang.mixin(props || {}, {label:wh.toString()})); } } } else { if (wh && wh.tagName && /^img$/i.test(wh.tagName)) { item = dojo.widget.createWidget("ToolbarButton", dojo.lang.mixin(props || {}, {icon:wh})); } else { item = dojo.widget.createWidget("ToolbarButton", dojo.lang.mixin(props || {}, {label:wh.toString()})); } } } } } } return item; }; dojo.widget.defineWidget("dojo.widget.ToolbarButtonGroup", dojo.widget.ToolbarItem, {isContainer:true, templateString:"<span unselectable=\"on\" class=\"toolbarButtonGroup\" dojoAttachPoint=\"containerNode\">", defaultButton:"", postCreate:function () { for (var i = 0; i < this.children.length; i++) { this._injectChild(this.children[i]); } }, addChild:function (item, pos, props) { var widget = dojo.widget.ToolbarItem.make(item, null, dojo.lang.mixin(props || {}, {toggleItem:true})); var ret = dojo.widget.ToolbarButtonGroup.superclass.addChild.call(this, widget, null, pos, null); this._injectChild(widget); return ret; }, _injectChild:function (widget) { dojo.event.connect(widget, "onSelect", this, "onChildSelected"); dojo.event.connect(widget, "onDeselect", this, "onChildDeSelected"); if (widget._name == this.defaultButton || (typeof this.defaultButton == "number" && this.children.length - 1 == this.defaultButton)) { widget.select(false, true); } }, getItem:function (name) { if (name instanceof dojo.widget.ToolbarItem) { return name; } for (var i = 0; i < this.children.length; i++) { var child = this.children[i]; if (child instanceof dojo.widget.ToolbarItem && child._name == name) { return child; } } return null; }, getItems:function () { var items = []; for (var i = 0; i < this.children.length; i++) { var child = this.children[i]; if (child instanceof dojo.widget.ToolbarItem) { items.push(child); } } return items; }, onChildSelected:function (e) { this.select(e._name); }, onChildDeSelected:function (e) { this._fireEvent("onChangeSelect", this._value); }, enable:function (force, preventEvent) { for (var i = 0; i < this.children.length; i++) { var child = this.children[i]; if (child instanceof dojo.widget.ToolbarItem) { child.enable(force, preventEvent); if (child._name == this._value) { child.select(force, preventEvent); } } } }, disable:function (force, preventEvent) { for (var i = 0; i < this.children.length; i++) { var child = this.children[i]; if (child instanceof dojo.widget.ToolbarItem) { child.disable(force, preventEvent); } } }, _value:"", getValue:function () { return this._value; }, select:function (name, force, preventEvent) { for (var i = 0; i < this.children.length; i++) { var child = this.children[i]; if (child instanceof dojo.widget.ToolbarItem) { if (child._name == name) { child.select(force, preventEvent); this._value = name; } else { child.deselect(true, true); } } } if (!preventEvent) { this._fireEvent("onSelect", this._value); this._fireEvent("onChangeSelect", this._value); } }, setValue:this.select, preventDeselect:false}); dojo.widget.defineWidget("dojo.widget.ToolbarButton", dojo.widget.ToolbarItem, {fillInTemplate:function (args, frag) { dojo.widget.ToolbarButton.superclass.fillInTemplate.call(this, args, frag); dojo.html.addClass(this.domNode, "toolbarButton"); if (this._icon) { this.setIcon(this._icon); } if (this._label) { this.setLabel(this._label); } if (!this._name) { if (this._label) { this.setName(this._label); } else { if (this._icon) { var src = this._icon.getSrc("enabled").match(/[\/^]([^\.\/]+)\.(gif|jpg|jpeg|png)$/i); if (src) { this.setName(src[1]); } } else { this._name = this._widgetId; } } } }}); dojo.widget.defineWidget("dojo.widget.ToolbarDialog", dojo.widget.ToolbarButton, {fillInTemplate:function (args, frag) { dojo.widget.ToolbarDialog.superclass.fillInTemplate.call(this, args, frag); dojo.event.connect(this, "onSelect", this, "showDialog"); dojo.event.connect(this, "onDeselect", this, "hideDialog"); }, showDialog:function (e) { dojo.lang.setTimeout(dojo.event.connect, 1, document, "onmousedown", this, "deselect"); }, hideDialog:function (e) { dojo.event.disconnect(document, "onmousedown", this, "deselect"); }}); dojo.widget.defineWidget("dojo.widget.ToolbarMenu", dojo.widget.ToolbarDialog, {}); dojo.widget.ToolbarMenuItem = function () { }; dojo.widget.defineWidget("dojo.widget.ToolbarSeparator", dojo.widget.ToolbarItem, {templateString:"<span unselectable=\"on\" class=\"toolbarItem toolbarSeparator\">", defaultIconPath:new dojo.uri.moduleUri("dojo.widget", "templates/buttons/sep.gif"), fillInTemplate:function (args, frag, skip) { dojo.widget.ToolbarSeparator.superclass.fillInTemplate.call(this, args, frag); this._name = this.widgetId; if (!skip) { if (!this._icon) { this.setIcon(this.defaultIconPath); } this.domNode.appendChild(this._icon.getNode()); } }, _onmouseover:null, _onmouseout:null, _onclick:null, _onmousedown:null, _onmouseup:null}); dojo.widget.defineWidget("dojo.widget.ToolbarSpace", dojo.widget.ToolbarSeparator, {fillInTemplate:function (args, frag, skip) { dojo.widget.ToolbarSpace.superclass.fillInTemplate.call(this, args, frag, true); if (!skip) { dojo.html.addClass(this.domNode, "toolbarSpace"); } }}); dojo.widget.defineWidget("dojo.widget.ToolbarSelect", dojo.widget.ToolbarItem, {templateString:"<span class=\"toolbarItem toolbarSelect\" unselectable=\"on\">", fillInTemplate:function (args, frag) { dojo.widget.ToolbarSelect.superclass.fillInTemplate.call(this, args, frag, true); var keys = args.values; var i = 0; for (var val in keys) { var opt = document.createElement("option"); opt.setAttribute("value", keys[val]); opt.innerHTML = val; this.selectBox.appendChild(opt); } }, changed:function (e) { this._fireEvent("onSetValue", this.selectBox.value); }, setEnabled:function (is, force, preventEvent) { var ret = dojo.widget.ToolbarSelect.superclass.setEnabled.call(this, is, force, preventEvent); this.selectBox.disabled = this.disabled; return ret; }, _onmouseover:null, _onmouseout:null, _onclick:null, _onmousedown:null, _onmouseup:null}); dojo.widget.Icon = function (enabled, disabled, hovered, selected) { if (!arguments.length) { throw new Error("Icon must have at least an enabled state"); } var states = ["enabled", "disabled", "hovered", "selected"]; var currentState = "enabled"; var domNode = document.createElement("img"); this.getState = function () { return currentState; }; this.setState = function (value) { if (dojo.lang.inArray(states, value)) { if (this[value]) { currentState = value; var img = this[currentState]; if ((dojo.render.html.ie55 || dojo.render.html.ie60) && img.src && img.src.match(/[.]png$/i)) { domNode.width = img.width || img.offsetWidth; domNode.height = img.height || img.offsetHeight; domNode.setAttribute("src", dojo.uri.moduleUri("dojo.widget", "templates/images/blank.gif").uri); domNode.style.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + img.src + "',sizingMethod='image')"; } else { domNode.setAttribute("src", img.src); } } } else { throw new Error("Invalid state set on Icon (state: " + value + ")"); } }; this.setSrc = function (state, value) { if (/^img$/i.test(value.tagName)) { this[state] = value; } else { if (typeof value == "string" || value instanceof String || value instanceof dojo.uri.Uri) { this[state] = new Image(); this[state].src = value.toString(); } } return this[state]; }; this.setIcon = function (icon) { for (var i = 0; i < states.length; i++) { if (icon[states[i]]) { this.setSrc(states[i], icon[states[i]]); } } this.update(); }; this.enable = function () { this.setState("enabled"); }; this.disable = function () { this.setState("disabled"); }; this.hover = function () { this.setState("hovered"); }; this.select = function () { this.setState("selected"); }; this.getSize = function () { return {width:domNode.width || domNode.offsetWidth, height:domNode.height || domNode.offsetHeight}; }; this.setSize = function (w, h) { domNode.width = w; domNode.height = h; return {width:w, height:h}; }; this.getNode = function () { return domNode; }; this.getSrc = function (state) { if (state) { return this[state].src; } return domNode.src || ""; }; this.update = function () { this.setState(currentState); }; for (var i = 0; i < states.length; i++) { var arg = arguments[i]; var state = states[i]; this[state] = null; if (!arg) { continue; } this.setSrc(state, arg); } this.enable(); }; dojo.widget.Icon.make = function (a, b, c, d) { for (var i = 0; i < arguments.length; i++) { if (arguments[i] instanceof dojo.widget.Icon) { return arguments[i]; } } return new dojo.widget.Icon(a, b, c, d); }; dojo.widget.defineWidget("dojo.widget.ToolbarColorDialog", dojo.widget.ToolbarDialog, {palette:"7x10", fillInTemplate:function (args, frag) { dojo.widget.ToolbarColorDialog.superclass.fillInTemplate.call(this, args, frag); this.dialog = dojo.widget.createWidget("ColorPalette", {palette:this.palette}); this.dialog.domNode.style.position = "absolute"; dojo.event.connect(this.dialog, "onColorSelect", this, "_setValue"); }, _setValue:function (color) { this._value = color; this._fireEvent("onSetValue", color); }, showDialog:function (e) { dojo.widget.ToolbarColorDialog.superclass.showDialog.call(this, e); var abs = dojo.html.getAbsolutePosition(this.domNode, true); var y = abs.y + dojo.html.getBorderBox(this.domNode).height; this.dialog.showAt(abs.x, y); }, hideDialog:function (e) { dojo.widget.ToolbarColorDialog.superclass.hideDialog.call(this, e); this.dialog.hide(); }});

Other Struts examples (source code examples)

Here is a short list of links related to this Struts Toolbar.js source code file:

... this post is sponsored by my books ...

#1 New Release!

FP Best Seller

 

new blog posts

 

Copyright 1998-2021 Alvin Alexander, alvinalexander.com
All Rights Reserved.

A percentage of advertising revenue from
pages under the /java/jwarehouse URI on this website is
paid back to open source projects.