/**
* @class Roo.ComponentMgr
* Provides a common registry of all components on a page so that they can be easily accessed by component id (see {@link Roo.getCmp}).
- * @singleton
+ * @static
*/
Roo.ComponentMgr = function(){
var all = new Roo.util.MixedCollection();
* @class Roo.DomHelper
* Utility class for working with DOM and/or Templates. It transparently supports using HTML fragments or DOM.
* For more information see <a href="http://web.archive.org/web/20071221063734/http://www.jackslocum.com/blog/2006/10/06/domhelper-create-elements-using-dom-html-fragments-or-templates/">this blog post with examples</a>.
- * @singleton
+ * @static
*/
Roo.DomHelper = function(){
var tempTableEl = null;
<li> <b>E{display%=2}</b> css value "display" that is evenly divisible by 2</li>
<li> <b>E{display!=none}</b> css value "display" that does not equal "none"</li>
</ul>
- * @singleton
+ * @static
*/
Roo.DomQuery = function(){
var cache = {}, simpleCache = {}, valueCache = {};
* Registers event handlers that want to receive a normalized EventObject instead of the standard browser event and provides
* several useful events directly.
* See {@link Roo.EventObject} for more details on normalized event objects.
- * @singleton
+ * @static
*/
Roo.EventManager = function(){
var docReadyEvent, docReadyProcId, docReadyState = false;
Roo.EventManager.on("myDiv", 'click', handleClick);
Roo.EventManager.addListener("myDiv", 'click', handleClick);
</code></pre>
- * @singleton
+ * @static
*/
Roo.EventObject = function(){
animEl: 'elId'
});
</code></pre>
- * @singleton
+ * @static
*/
Roo.MessageBox = function(){
var dlg, opt, mask, waitTimer;
/**
* @class Roo.QuickTips
* Provides attractive and customizable tooltips for any element.
- * @singleton
+ * @static
*/
Roo.QuickTips = function(){
var el, tipBody, tipBodyText, tipTitle, tm, cfg, close, tagEls = {}, esc, removeCls = null, bdLeft, bdRight;
animEl: 'elId'
});
</code></pre>
- * @singleton
+ * @static
*/
Roo.bootstrap.MessageBox = function(){
var dlg, opt, mask, waitTimer;
* @class Roo.bootstrap.MenuMgr
* @licence LGPL
* Provides a common registry of all menu items on a page so that they can be easily accessed by id.
- * @singleton
+ * @static
*/
Roo.bootstrap.menu.Manager = function(){
var menus, active, groups = {}, attached = false, lastShow = new Date();
/**
* @class Roo.data.SortTypes
- * @singleton
+ * @static
* Defines the default sorting (casting?) comparison functions used when sorting data.
*/
Roo.data.SortTypes = {
* all DragDrop items in the window. Generally, you will not call
* this class directly, but it does have helper methods that could
* be useful in your DragDrop implementations.
- * @singleton
+ * @static
*/
Roo.dd.DragDropMgr = function() {
* @class Roo.dd.Registry
* Provides easy access to all drag drop components that are registered on a page. Items can be retrieved either
* directly by DOM node id, or by passing in the drag drop event that occurred and looking up the event target.
- * @singleton
+ * @static
*/
Roo.dd.Registry = function(){
var elements = {};
* @class Roo.dd.ScrollManager
* Provides automatic scrolling of overflow regions in the page during drag operations.<br><br>
* <b>Note: This class uses "Point Mode" and is untested in "Intersect Mode".</b>
- * @singleton
+ * @static
*/
Roo.dd.ScrollManager = function(){
var ddm = Roo.dd.DragDropMgr;
/**
* @class Roo.form.VTypes
* Overridable validation definitions. The validations provided are basic and intended to be easily customizable and extended.
- * @singleton
+ * @static
*/
Roo.form.VTypes = function(){
// closure these in so they are only created once.
-/*
- * Portions of this file are based on pieces of Yahoo User Interface Library
- * Copyright (c) 2007, Yahoo! Inc. All rights reserved.
- * YUI licensed under the BSD License:
- * http://developer.yahoo.net/yui/license.txt
- * <script type="text/javascript">
- *
- */
+
(function() {
/**
* @class Roo.lib.Ajax
+ *
+ * provide a simple Ajax request utility functions
+ *
+ * Portions of this file are based on pieces of Yahoo User Interface Library
+ * Copyright (c) 2007, Yahoo! Inc. All rights reserved.
+ * YUI licensed under the BSD License:
+ * http://developer.yahoo.net/yui/license.txt
+ * <script type="text/javascript">
+ *
*
*/
Roo.lib.Ajax = {
return this.asyncRequest(method, uri, cb, data);
},
-
+ /**
+ * serialize a form
+ *
+ * @static
+ * @param {DomForm} form element
+ * @return {String} urlencode form output.
+ */
serializeForm : function(form) {
if(typeof form == 'string') {
form = (document.getElementById(form) || document.forms[form]);
-/*
+
-Colour.js
-
-Functions for colour handling and processing.
-
-http://www.safalra.com/web-design/javascript/colour-handling-and-processing/
-
-The author of this program, Safalra (Stephen Morley), irrevocably releases all
-rights to this program, with the intention of it becoming part of the public
-domain. Because this program is released into the public domain, it comes with
-no warranty either expressed or implied, to the extent permitted by law.
-
-For more free and public domain JavaScript code by the same author, visit:
-http://www.safalra.com/web-design/javascript/
-
-*/
-
-
-/* An abstract Colour implementation. Concrete Colour implementations should use
+/**
+ * @class Roo.lib.Color
+ * @constructor
+ * An abstract Color implementation. Concrete Color implementations should use
* an instance of this function as their prototype, and implement the getRGB and
* getHSL functions. getRGB should return an object representing the RGB
- * components of this Colour, with the red, green, and blue components in the
+ * components of this Color, with the red, green, and blue components in the
* range [0,255] and the alpha component in the range [0,100]. getHSL should
- * return an object representing the HSL components of this Colour, with the hue
+ * return an object representing the HSL components of this Color, with the hue
* component in the range [0,360), the saturation and lightness components in
* the range [0,100], and the alpha component in the range [0,1].
+ *
+ *
+ * Color.js
+ *
+ * Functions for Color handling and processing.
+ *
+ * http://www.safalra.com/web-design/javascript/Color-handling-and-processing/
+ *
+ * The author of this program, Safalra (Stephen Morley), irrevocably releases all
+ * rights to this program, with the intention of it becoming part of the public
+ * domain. Because this program is released into the public domain, it comes with
+ * no warranty either expressed or implied, to the extent permitted by law.
+ *
+ * For more free and public domain JavaScript code by the same author, visit:
+ * http://www.safalra.com/web-design/javascript/
+ *
*/
-Roo.lib.Colour = function(){
+Roo.lib.Color = function() { }
+
- /* Returns an object representing the RGBA components of this Colour. The red,
+Roo.apply(Roo.lib.Color.prototype, {
+
+ rgb : null,
+ hsv : null,
+ hsl : null,
+
+ /**
+ * getIntegerRGB
+ * @return {Object} an object representing the RGBA components of this Color. The red,
* green, and blue components are converted to integers in the range [0,255].
* The alpha is a value in the range [0,1].
*/
- this.getIntegerRGB = function(){
+ getIntegerRGB : function(){
- // get the RGB components of this colour
+ // get the RGB components of this Color
var rgb = this.getRGB();
// return the integer components
'a' : rgb.a
};
- };
+ },
- /* Returns an object representing the RGBA components of this Colour. The red,
+ /**
+ * getPercentageRGB
+ * @return {Object} an object representing the RGBA components of this Color. The red,
* green, and blue components are converted to numbers in the range [0,100].
* The alpha is a value in the range [0,1].
*/
- this.getPercentageRGB = function(){
+ getPercentageRGB : function(){
- // get the RGB components of this colour
+ // get the RGB components of this Color
var rgb = this.getRGB();
// return the percentage components
'a' : rgb.a
};
- };
+ },
- /* Returns a string representing this Colour as a CSS hexadecimal RGB colour
+ /**
+ * getCSSHexadecimalRGB
+ * @return {String} a string representing this Color as a CSS hexadecimal RGB Color
* value - that is, a string of the form #RRGGBB where each of RR, GG, and BB
* are two-digit hexadecimal numbers.
*/
- this.getCSSHexadecimalRGB = function(){
+ getCSSHexadecimalRGB : function()
+ {
// get the integer RGB components
var rgb = this.getIntegerRGB();
var g16 = rgb.g.toString(16);
var b16 = rgb.b.toString(16);
- // return the CSS RGB colour value
+ // return the CSS RGB Color value
return '#'
+ (r16.length == 2 ? r16 : '0' + r16)
+ (g16.length == 2 ? g16 : '0' + g16)
+ (b16.length == 2 ? b16 : '0' + b16);
- };
+ },
- /* Returns a string representing this Colour as a CSS integer RGB colour
+ /**
+ * getCSSIntegerRGB
+ * @return {String} a string representing this Color as a CSS integer RGB Color
* value - that is, a string of the form rgb(r,g,b) where each of r, g, and b
* are integers in the range [0,255].
*/
- this.getCSSIntegerRGB = function(){
+ getCSSIntegerRGB : function(){
// get the integer RGB components
var rgb = this.getIntegerRGB();
- // return the CSS RGB colour value
+ // return the CSS RGB Color value
return 'rgb(' + rgb.r + ',' + rgb.g + ',' + rgb.b + ')';
- };
+ },
- /* Returns a string representing this Colour as a CSS integer RGBA colour
+ /**
+ * getCSSIntegerRGBA
+ * @return {String} Returns a string representing this Color as a CSS integer RGBA Color
* value - that is, a string of the form rgba(r,g,b,a) where each of r, g, and
* b are integers in the range [0,255] and a is in the range [0,1].
*/
- this.getCSSIntegerRGBA = function(){
+ getCSSIntegerRGBA : function(){
// get the integer RGB components
var rgb = this.getIntegerRGB();
- // return the CSS integer RGBA colour value
+ // return the CSS integer RGBA Color value
return 'rgb(' + rgb.r + ',' + rgb.g + ',' + rgb.b + ',' + rgb.a + ')';
- };
+ },
- /* Returns a string representing this Colour as a CSS percentage RGB colour
+ /**
+ * getCSSPercentageRGB
+ * @return {String} a string representing this Color as a CSS percentage RGB Color
* value - that is, a string of the form rgb(r%,g%,b%) where each of r, g, and
* b are in the range [0,100].
*/
- this.getCSSPercentageRGB = function(){
+ getCSSPercentageRGB : function(){
// get the percentage RGB components
var rgb = this.getPercentageRGB();
- // return the CSS RGB colour value
+ // return the CSS RGB Color value
return 'rgb(' + rgb.r + '%,' + rgb.g + '%,' + rgb.b + '%)';
- };
+ },
- /* Returns a string representing this Colour as a CSS percentage RGBA colour
+ /**
+ * getCSSPercentageRGBA
+ * @return {String} a string representing this Color as a CSS percentage RGBA Color
* value - that is, a string of the form rgba(r%,g%,b%,a) where each of r, g,
* and b are in the range [0,100] and a is in the range [0,1].
*/
- this.getCSSPercentageRGBA = function(){
+ getCSSPercentageRGBA : function(){
// get the percentage RGB components
var rgb = this.getPercentageRGB();
- // return the CSS percentage RGBA colour value
+ // return the CSS percentage RGBA Color value
return 'rgb(' + rgb.r + '%,' + rgb.g + '%,' + rgb.b + '%,' + rgb.a + ')';
- };
+ },
- /* Returns a string representing this Colour as a CSS HSL colour value - that
+ /**
+ * getCSSHSL
+ * @return {String} a string representing this Color as a CSS HSL Color value - that
* is, a string of the form hsl(h,s%,l%) where h is in the range [0,100] and
* s and l are in the range [0,100].
*/
- this.getCSSHSL = function(){
+ getCSSHSL : function(){
// get the HSL components
var hsl = this.getHSL();
- // return the CSS HSL colour value
+ // return the CSS HSL Color value
return 'hsl(' + hsl.h + ',' + hsl.s + '%,' + hsl.l + '%)';
- };
+ },
- /* Returns a string representing this Colour as a CSS HSLA colour value - that
+ /**
+ * getCSSHSLA
+ * @return {String} a string representing this Color as a CSS HSLA Color value - that
* is, a string of the form hsla(h,s%,l%,a) where h is in the range [0,100],
* s and l are in the range [0,100], and a is in the range [0,1].
*/
- this.getCSSHSLA = function(){
+ getCSSHSLA : function(){
// get the HSL components
var hsl = this.getHSL();
- // return the CSS HSL colour value
+ // return the CSS HSL Color value
return 'hsl(' + hsl.h + ',' + hsl.s + '%,' + hsl.l + '%,' + hsl.a + ')';
- };
+ },
- /* Sets the colour of the specified node to this Colour. This functions sets
+ /**
+ * Sets the Color of the specified node to this Color. This functions sets
* the CSS 'color' property for the node. The parameter is:
- *
- * node - the node whose colour should be set
+ *
+ * @param {DomElement} node - the node whose Color should be set
*/
- this.setNodeColour = function(node){
+ setNodeColor : function(node){
- // set the colour of the node
+ // set the Color of the node
node.style.color = this.getCSSHexadecimalRGB();
- };
+ },
- /* Sets the background colour of the specified node to this Colour. This
+ /**
+ * Sets the background Color of the specified node to this Color. This
* functions sets the CSS 'background-color' property for the node. The
* parameter is:
*
- * node - the node whose background colour should be set
+ * @param {DomElement} node - the node whose background Color should be set
*/
- this.setNodeBackgroundColour = function(node){
+ setNodeBackgroundColor : function(node){
- // set the background colour of the node
+ // set the background Color of the node
node.style.backgroundColor = this.getCSSHexadecimalRGB();
- };
+ },
// convert between formats..
- this.toRGB= function()
+ toRGB: function()
{
var r = this.getIntegerRGB();
- return new Roo.lib.RGBColour(r.r,r.g,r.b,r.a);
+ return new Roo.lib.RGBColor(r.r,r.g,r.b,r.a);
- }
- this.toHSL = function()
+ },
+ toHSL : function()
{
var hsl = this.getHSL();
- // return the CSS HSL colour value
- return new Roo.lib.HSLColour(hsl.h, hsl.s, hsl.l , hsl.a );
+ // return the CSS HSL Color value
+ return new Roo.lib.HSLColor(hsl.h, hsl.s, hsl.l , hsl.a );
- }
+ },
- this.toHSV = function()
+ toHSV : function()
{
var rgb = this.toRGB();
var hsv = rgb.getHSV();
- // return the CSS HSL colour value
- return new Roo.lib.HSVColour(hsv.h, hsv.s, hsv.v , hsv.a );
+ // return the CSS HSL Color value
+ return new Roo.lib.HSVColor(hsv.h, hsv.s, hsv.v , hsv.a );
- }
+ },
// modify v = 0 ... 1 (eg. 0.5)
- this.saturate = function(v)
- {
- var rgb = this.toRGB();
- var hsv = rgb.getHSV();
- return new Roo.lib.HSVColour(hsv.h, hsv.s * v, hsv.v , hsv.a );
-
-
- }
+ saturate : function(v)
+ {
+ var rgb = this.toRGB();
+ var hsv = rgb.getHSV();
+ return new Roo.lib.HSVColor(hsv.h, hsv.s * v, hsv.v , hsv.a );
+
+
+ },
+ /**
+ * getRGB
+ * @return {Object} the RGB and alpha components of this Color as an object with r,
+ * g, b, and a properties. r, g, and b are in the range [0,255] and a is in
+ * the range [0,1].
+ */
+ getRGB: function(){
+
+ // return the RGB components
+ return {
+ 'r' : this.rgb.r,
+ 'g' : this.rgb.g,
+ 'b' : this.rgb.b,
+ 'a' : this.alpha
+ };
+
+ },
+
+ /**
+ * getHSV
+ * @return {Object} the HSV and alpha components of this Color as an object with h,
+ * s, v, and a properties. h is in the range [0,360), s and v are in the range
+ * [0,100], and a is in the range [0,1].
+ */
+ getHSV : function()
+ {
+
+ // calculate the HSV components if necessary
+ if (this.hsv == null) this.calculateHSV();
+
+ // return the HSV components
+ return {
+ 'h' : this.hsv.h,
+ 's' : this.hsv.s,
+ 'v' : this.hsv.v,
+ 'a' : this.alpha
+ };
+
+ },
+
+ /**
+ * getHSL
+ * @return {Object} the HSL and alpha components of this Color as an object with h,
+ * s, l, and a properties. h is in the range [0,360), s and l are in the range
+ * [0,100], and a is in the range [0,1].
+ */
+ getHSL : function(){
+
+
+ // calculate the HSV components if necessary
+ if (this.hsl == null) this.calculateHSL();
+
+ // return the HSL components
+ return {
+ 'h' : this.hsl.h,
+ 's' : this.hsl.s,
+ 'l' : this.hsl.l,
+ 'a' : this.alpha
+ };
+
+ }
-}
+});
-/* Creates a colour specified in the RGB colour space, with an optional alpha
+/**
+ * @class Roo.lib.RGBColor
+ * @extends Roo.lib.Color
+ * Creates a Color specified in the RGB Color space, with an optional alpha
* component. The parameters are:
- *
- * r - the red component, clipped to the range [0,255]
- * g - the green component, clipped to the range [0,255]
- * b - the blue component, clipped to the range [0,255]
- * a - the alpha component, clipped to the range [0,1] - this parameter is
+ * @constructor
+ *
+
+ * @param {Number} r - the red component, clipped to the range [0,255]
+ * @param {Number} g - the green component, clipped to the range [0,255]
+ * @param {Number} b - the blue component, clipped to the range [0,255]
+ * @param {Number} a - the alpha component, clipped to the range [0,1] - this parameter is
* optional and defaults to 1
*/
-Roo.lib.RGBColour = function (r, g, b, a){
+Roo.lib.RGBColor = function (r, g, b, a){
// store the alpha component after clipping it if necessary
- var alpha = (a === undefined ? 1 : Math.max(0, Math.min(1, a)));
+ this.alpha = (a === undefined ? 1 : Math.max(0, Math.min(1, a)));
// store the RGB components after clipping them if necessary
- var rgb =
+ this.rgb =
{
'r' : Math.max(0, Math.min(255, r)),
'g' : Math.max(0, Math.min(255, g)),
};
// initialise the HSV and HSL components to null
- var hsv = null;
- var hsl = null;
+
- /* Returns the HSV or HSL hue component of this RGBColour. The hue is in the
+ /*
+ * //private returns the HSV or HSL hue component of this RGBColor. The hue is in the
* range [0,360). The parameters are:
*
* maximum - the maximum of the RGB component values
* range - the range of the RGB component values
*/
- function getHue(maximum, range){
-
- // check whether the range is zero
- if (range == 0){
-
- // set the hue to zero (any hue is acceptable as the colour is grey)
- var hue = 0;
-
- }else{
-
- // determine which of the components has the highest value and set the hue
- switch (maximum){
-
- // red has the highest value
- case rgb.r:
- var hue = (rgb.g - rgb.b) / range * 60;
- if (hue < 0) hue += 360;
- break;
-
- // green has the highest value
- case rgb.g:
- var hue = (rgb.b - rgb.r) / range * 60 + 120;
- break;
+
- // blue has the highest value
- case rgb.b:
- var hue = (rgb.r - rgb.g) / range * 60 + 240;
- break;
+}
+// this does an 'exteds'
+Roo.extend(Roo.lib.RGBColor, Roo.lib.Color, {
+
+ getHue : function(maximum, range)
+ {
+ var rgb = this.rgb;
+
+ // check whether the range is zero
+ if (range == 0){
+
+ // set the hue to zero (any hue is acceptable as the Color is grey)
+ var hue = 0;
+
+ }else{
+
+ // determine which of the components has the highest value and set the hue
+ switch (maximum){
+
+ // red has the highest value
+ case rgb.r:
+ var hue = (rgb.g - rgb.b) / range * 60;
+ if (hue < 0) hue += 360;
+ break;
+
+ // green has the highest value
+ case rgb.g:
+ var hue = (rgb.b - rgb.r) / range * 60 + 120;
+ break;
+
+ // blue has the highest value
+ case rgb.b:
+ var hue = (rgb.r - rgb.g) / range * 60 + 240;
+ break;
+
+ }
+
}
+
+ // return the hue
+ return hue;
+
+ },
- }
-
- // return the hue
- return hue;
-
- }
-
- /* Calculates and stores the HSV components of this RGBColour so that they can
+ /* //private Calculates and stores the HSV components of this RGBColor so that they can
* be returned be the getHSV function.
*/
- function calculateHSV(){
-
+ calculateHSV : function(){
+ var rgb = this.rgb;
// get the maximum and range of the RGB component values
var maximum = Math.max(rgb.r, rgb.g, rgb.b);
var range = maximum - Math.min(rgb.r, rgb.g, rgb.b);
// store the HSV components
- hsv =
+ this.hsv =
{
- 'h' : getHue(maximum, range),
+ 'h' : this.getHue(maximum, range),
's' : (maximum == 0 ? 0 : 100 * range / maximum),
'v' : maximum / 2.55
};
- }
+ },
- /* Calculates and stores the HSL components of this RGBColour so that they can
+ /* //private Calculates and stores the HSL components of this RGBColor so that they can
* be returned be the getHSL function.
*/
- function calculateHSL(){
-
+ calculateHSL : function(){
+ var rgb = this.rgb;
// get the maximum and range of the RGB component values
var maximum = Math.max(rgb.r, rgb.g, rgb.b);
var range = maximum - Math.min(rgb.r, rgb.g, rgb.b);
var l = maximum / 255 - range / 510;
// store the HSL components
- hsl =
+ this.hsl =
{
- 'h' : getHue(maximum, range),
+ 'h' : this.getHue(maximum, range),
's' : (range == 0 ? 0 : range / 2.55 / (l < 0.5 ? l * 2 : 2 - l * 2)),
'l' : 100 * l
};
}
- /* Returns the RGB and alpha components of this RGBColour as an object with r,
- * g, b, and a properties. r, g, and b are in the range [0,255] and a is in
- * the range [0,1].
- */
- this.getRGB = function(){
-
- // return the RGB components
- return {
- 'r' : rgb.r,
- 'g' : rgb.g,
- 'b' : rgb.b,
- 'a' : alpha
- };
+});
- };
-
- /* Returns the HSV and alpha components of this RGBColour as an object with h,
- * s, v, and a properties. h is in the range [0,360), s and v are in the range
- * [0,100], and a is in the range [0,1].
- */
- this.getHSV = function(){
-
- // calculate the HSV components if necessary
- if (hsv == null) calculateHSV();
-
- // return the HSV components
- return {
- 'h' : hsv.h,
- 's' : hsv.s,
- 'v' : hsv.v,
- 'a' : alpha
- };
-
- };
-
- /* Returns the HSL and alpha components of this RGBColour as an object with h,
- * s, l, and a properties. h is in the range [0,360), s and l are in the range
- * [0,100], and a is in the range [0,1].
- */
- this.getHSL = function(){
-
- // calculate the HSV components if necessary
- if (hsl == null) calculateHSL();
-
- // return the HSL components
- return {
- 'h' : hsl.h,
- 's' : hsl.s,
- 'l' : hsl.l,
- 'a' : alpha
- };
-
- };
-
-}
-Roo.lib.RGBColour.prototype = new Roo.lib.Colour();
-
-
-/* Creates a colour specified in the HSV colour space, with an optional alpha
+/**
+ * @class Roo.lib.HSVColor
+ * @extends Roo.lib.Color
+ * Creates a Color specified in the HSV Color space, with an optional alpha
* component. The parameters are:
+ * @constructor
*
- * h - the hue component, wrapped to the range [0,360)
- * s - the saturation component, clipped to the range [0,100]
- * v - the value component, clipped to the range [0,100]
- * a - the alpha component, clipped to the range [0,1] - this parameter is
+ * @param {Number} h - the hue component, wrapped to the range [0,360)
+ * @param {Number} s - the saturation component, clipped to the range [0,100]
+ * @param {Number} v - the value component, clipped to the range [0,100]
+ * @param {Number} a - the alpha component, clipped to the range [0,1] - this parameter is
* optional and defaults to 1
*/
-Roo.lib.HSVColour = function (h, s, v, a){
+Roo.lib.HSVColor = function (h, s, v, a){
// store the alpha component after clipping it if necessary
- var alpha = (a === undefined ? 1 : Math.max(0, Math.min(1, a)));
+ this.alpha = (a === undefined ? 1 : Math.max(0, Math.min(1, a)));
// store the HSV components after clipping or wrapping them if necessary
- var hsv =
+ this.hsv =
{
'h' : (h % 360 + 360) % 360,
's' : Math.max(0, Math.min(100, s)),
};
// initialise the RGB and HSL components to null
- var rgb = null;
- var hsl = null;
+ this.rgb = null;
+ this.hsl = null;
+}
- /* Calculates and stores the RGB components of this HSVColour so that they can
+Roo.extend(Roo.lib.HSVColor, Roo.lib.Color, {
+ /* Calculates and stores the RGB components of this HSVColor so that they can
* be returned be the getRGB function.
*/
- function calculateRGB(){
-
+ calculateRGB: function ()
+ {
+ var hsv = this.hsv;
// check whether the saturation is zero
if (hsv.s == 0){
- // set the colour to the appropriate shade of grey
+ // set the Color to the appropriate shade of grey
var r = hsv.v;
var g = hsv.v;
var b = hsv.v;
var q = hsv.v * (1 - hsv.s / 100 * f);
var t = hsv.v * (1 - hsv.s / 100 * (1 - f));
- // set the RGB colour components to their temporary values
+ // set the RGB Color components to their temporary values
switch (Math.floor(hsv.h / 60)){
case 0: var r = hsv.v; var g = t; var b = p; break;
case 1: var r = q; var g = hsv.v; var b = p; break;
}
// store the RGB components
- rgb =
+ this.rgb =
{
'r' : r * 2.55,
'g' : g * 2.55,
'b' : b * 2.55
};
- }
+ },
- /* Calculates and stores the HSL components of this HSVColour so that they can
+ /* Calculates and stores the HSL components of this HSVColor so that they can
* be returned be the getHSL function.
*/
- function calculateHSL(){
+ calculateHSL : function (){
+ var hsv = this.hsv;
// determine the lightness in the range [0,100]
var l = (2 - hsv.s / 100) * hsv.v / 2;
// store the HSL components
- hsl =
+ this.hsl =
{
'h' : hsv.h,
's' : hsv.s * hsv.v / (l < 50 ? l * 2 : 200 - l * 2),
// correct a division-by-zero error
if (isNaN(hsl.s)) hsl.s = 0;
- }
-
- /* Returns the RGB and alpha components of this HSVColour as an object with r,
- * g, b, and a properties. r, g, and b are in the range [0,255] and a is in
- * the range [0,1].
- */
- this.getRGB = function(){
-
- // calculate the RGB components if necessary
- if (rgb == null) calculateRGB();
-
- // return the RGB components
- return {
- 'r' : rgb.r,
- 'g' : rgb.g,
- 'b' : rgb.b,
- 'a' : alpha
- };
-
- };
-
- /* Returns the HSV and alpha components of this HSVColour as an object with h,
- * s, v, and a properties. h is in the range [0,360), s and v are in the range
- * [0,100], and a is in the range [0,1].
- */
- this.getHSV = function(){
-
- // return the HSV components
- return {
- 'h' : hsv.h,
- 's' : hsv.s,
- 'v' : hsv.v,
- 'a' : alpha
- };
+ }
+
- };
+});
+
- /* Returns the HSL and alpha components of this HSVColour as an object with h,
- * s, l, and a properties. h is in the range [0,360), s and l are in the range
- * [0,100], and a is in the range [0,1].
- */
- this.getHSL = function(){
-
- // calculate the HSL components if necessary
- if (hsl == null) calculateHSL();
-
- // return the HSL components
- return {
- 'h' : hsl.h,
- 's' : hsl.s,
- 'l' : hsl.l,
- 'a' : alpha
- };
-
- };
-
-}
-Roo.lib.HSVColour.prototype = new Roo.lib.Colour();
-
-
-/* Creates a colour specified in the HSL colour space, with an optional alpha
+/**
+ * @class Roo.lib.HSLColor
+ * @extends Roo.lib.Color
+ *
+ * @constructor
+ * Creates a Color specified in the HSL Color space, with an optional alpha
* component. The parameters are:
*
- * h - the hue component, wrapped to the range [0,360)
- * s - the saturation component, clipped to the range [0,100]
- * l - the lightness component, clipped to the range [0,100]
- * a - the alpha component, clipped to the range [0,1] - this parameter is
+ * @param {Number} h - the hue component, wrapped to the range [0,360)
+ * @param {Number} s - the saturation component, clipped to the range [0,100]
+ * @param {Number} l - the lightness component, clipped to the range [0,100]
+ * @param {Number} a - the alpha component, clipped to the range [0,1] - this parameter is
* optional and defaults to 1
*/
-Roo.lib.HSLColour = function(h, s, l, a){
+Roo.lib.HSLColor = function(h, s, l, a){
// store the alpha component after clipping it if necessary
- var alpha = (a === undefined ? 1 : Math.max(0, Math.min(1, a)));
+ this.alpha = (a === undefined ? 1 : Math.max(0, Math.min(1, a)));
// store the HSL components after clipping or wrapping them if necessary
- var hsl =
+ this.hsl =
{
'h' : (h % 360 + 360) % 360,
's' : Math.max(0, Math.min(100, s)),
};
// initialise the RGB and HSV components to null
- var rgb = null;
- var hsv = null;
+}
- /* Calculates and stores the RGB components of this HSLColour so that they can
+Roo.extend(Roo.lib.HSL, Roo.lib.Color, {
+
+ /* Calculates and stores the RGB components of this HSLColor so that they can
* be returned be the getRGB function.
*/
- function calculateRGB(){
+ calculateRGB: function (){
// check whether the saturation is zero
- if (hsl.s == 0){
+ if (this.hsl.s == 0){
// store the RGB components representing the appropriate shade of grey
- rgb =
+ this.rgb =
{
- 'r' : hsl.l * 2.55,
- 'g' : hsl.l * 2.55,
- 'b' : hsl.l * 2.55
+ 'r' : this.hsl.l * 2.55,
+ 'g' : this.hsl.l * 2.55,
+ 'b' : this.hsl.l * 2.55
};
}else{
// set some temporary values
- var p = hsl.l < 50
- ? hsl.l * (1 + hsl.s / 100)
- : hsl.l + hsl.s - hsl.l * hsl.s / 100;
+ var p = this.hsl.l < 50
+ ? this.hsl.l * (1 + hsl.s / 100)
+ : this.hsl.l + hsl.s - hsl.l * hsl.s / 100;
var q = 2 * hsl.l - p;
// initialise the RGB components
- rgb =
+ this.rgb =
{
'r' : (h + 120) / 60 % 6,
'g' : h / 60,
};
// loop over the RGB components
- for (var key in rgb){
+ for (var key in this.rgb){
// ensure that the property is not inherited from the root object
- if (rgb.hasOwnProperty(key)){
+ if (this.rgb.hasOwnProperty(key)){
// set the component to its value in the range [0,100]
- if (rgb[key] < 1){
- rgb[key] = q + (p - q) * rgb[key];
- }else if (rgb[key] < 3){
- rgb[key] = p;
- }else if (rgb[key] < 4){
- rgb[key] = q + (p - q) * (4 - rgb[key]);
+ if (this.rgb[key] < 1){
+ this.rgb[key] = q + (p - q) * this.rgb[key];
+ }else if (this.rgb[key] < 3){
+ this.rgb[key] = p;
+ }else if (this.rgb[key] < 4){
+ this.rgb[key] = q + (p - q) * (4 - this.rgb[key]);
}else{
- rgb[key] = q;
+ this.rgb[key] = q;
}
// set the component to its value in the range [0,255]
- rgb[key] *= 2.55;
+ this.rgb[key] *= 2.55;
}
}
- }
+ },
- /* Calculates and stores the HSV components of this HSLColour so that they can
+ /* Calculates and stores the HSV components of this HSLColor so that they can
* be returned be the getHSL function.
*/
- function calculateHSV(){
+ calculateHSV : function(){
// set a temporary value
- var t = hsl.s * (hsl.l < 50 ? hsl.l : 100 - hsl.l) / 100;
+ var t = this.hsl.s * (this.hsl.l < 50 ? this.hsl.l : 100 - this.hsl.l) / 100;
// store the HSV components
- hsv =
+ this.hsv =
{
- 'h' : hsl.h,
- 's' : 200 * t / (hsl.l + t),
- 'v' : t + hsl.l
+ 'h' : this.hsl.h,
+ 's' : 200 * t / (this.hsl.l + t),
+ 'v' : t + this.hsl.l
};
// correct a division-by-zero error
- if (isNaN(hsv.s)) hsv.s = 0;
+ if (isNaN(this.hsv.s)) this.hsv.s = 0;
}
+
- /* Returns the RGB and alpha components of this HSLColour as an object with r,
- * g, b, and a properties. r, g, and b are in the range [0,255] and a is in
- * the range [0,1].
- */
- this.getRGB = function(){
-
- // calculate the RGB components if necessary
- if (rgb == null) calculateRGB();
-
- // return the RGB components
- return {
- 'r' : rgb.r,
- 'g' : rgb.g,
- 'b' : rgb.b,
- 'a' : alpha
- };
-
- };
-
- /* Returns the HSV and alpha components of this HSLColour as an object with h,
- * s, v, and a properties. h is in the range [0,360), s and v are in the range
- * [0,100], and a is in the range [0,1].
- */
- this.getHSV = function(){
-
- // calculate the HSV components if necessary
- if (hsv == null) calculateHSV();
-
- // return the HSV components
- return {
- 'h' : hsv.h,
- 's' : hsv.s,
- 'v' : hsv.v,
- 'a' : alpha
- };
-
- };
-
- /* Returns the HSL and alpha components of this HSLColour as an object with h,
- * s, l, and a properties. h is in the range [0,360), s and l are in the range
- * [0,100], and a is in the range [0,1].
- */
- this.getHSL = function(){
-
- // return the HSL components
- return {
- 'h' : hsl.h,
- 's' : hsl.s,
- 'l' : hsl.l,
- 'a' : alpha
- };
-
- };
-
-}
-Roo.lib.HSLColour.prototype = new Roo.lib.Colour();
\ No newline at end of file
+});
getViewHeight : function(full) {
return full ? this.getDocumentHeight() : this.getViewportHeight();
},
-
+ /**
+ * Get the Full Document height
+ * @return {Number} The height
+ */
getDocumentHeight: function() {
var scrollHeight = (document.compatMode != "CSS1Compat") ? document.body.scrollHeight : document.documentElement.scrollHeight;
return Math.max(scrollHeight, this.getViewportHeight());
},
-
+ /**
+ * Get the Full Document width
+ * @return {Number} The width
+ */
getDocumentWidth: function() {
var scrollWidth = (document.compatMode != "CSS1Compat") ? document.body.scrollWidth : document.documentElement.scrollWidth;
return Math.max(scrollWidth, this.getViewportWidth());
},
-
+ /**
+ * Get the Window Viewport height
+ * @return {Number} The height
+ */
getViewportHeight: function() {
var height = self.innerHeight;
var mode = document.compatMode;
return height;
},
-
+ /**
+ * Get the Window Viewport width
+ * @return {Number} The width
+ */
getViewportWidth: function() {
var width = self.innerWidth;
var mode = document.compatMode;
/**
* @class Roo.menu.MenuMgr
* Provides a common registry of all menu items on a page so that they can be easily accessed by id.
- * @singleton
+ * @static
*/
Roo.menu.MenuMgr = function(){
var menus, active, groups = {}, attached = false, lastShow = new Date();
var dialog = new Roo.BasicDialog(...);
dialog.restoreState();
</code></pre>
- * @singleton
+ * @static
*/
Roo.state.Manager = function(){
var provider = new Roo.state.Provider();
/**
* @class Roo.util.CSS
* Utility class for manipulating CSS rules
- * @singleton
+ * @static
+
*/
Roo.util.CSS = function(){
var rules = null;
/**
* @class Roo.util.Format
* Reusable data formatting functions
- * @singleton
+ * @static
*/
Roo.util.Format = function(){
var trimRe = /^\s+|\s+$/g;
* Modified version of Douglas Crockford"s json.js that doesn"t
* mess with the Object prototype
* http://www.json.org/js.html
- * @singleton
+ * @static
*/
Roo.util.JSON = new (function(){
var useHasOwn = {}.hasOwnProperty ? true : false;
* Fork - LGPL
* <script type="text/javascript">
*/
-
+/**
+ * @class Roo.util.TaskRunner
+ * Manage background tasks - not sure why this is better that setInterval?
+ * @static
+ *
+ */
Roo.util.TaskRunner = function(interval){
interval = interval || 10;
/**
* Queues a new task.
* @param {Object} task
+ *
+ * Task property : interval = how frequent to run.
+ * Task object should implement
+ * function run()
+ * Task object may implement
+ * function onStop()
*/
this.start = function(task){
tasks.push(task);
startThread();
return task;
};
-
+ /**
+ * Stop new task.
+ * @param {Object} task
+ */
this.stop = function(task){
removeTask(task);
return task;
};
-
+ /**
+ * Stop all Tasks
+ */
this.stopAll = function(){
stopThread();
for(var i = 0, len = tasks.length; i < len; i++){
* @class Roo.util.TextMetrics
* Provides precise pixel measurements for blocks of text so that you can determine exactly how high and
* wide, in pixels, a given block of text will be.
- * @singleton
+ * @static
*/
Roo.util.TextMetrics = function(){
var shared;
};
}();
-
+/**
+ * @class Roo.util.TextMetrics.Instance
+ * Instance of TextMetrics Calcuation
+ * @constructor
+ * Create a new TextMetrics Instance
+ * @param {Object} bindto
+ * @param {Boolean} fixedWidth
+ */
-Roo.util.TextMetrics.Instance = function(bindTo, fixedWidth){
+Roo.util.TextMetrics.Instance = function(bindTo, fixedWidth)
+{
var ml = new Roo.Element(document.createElement('div'));
document.body.appendChild(ml.dom);
ml.position('absolute');
var instance = {
/**
* Returns the size of the specified text based on the internal element's style and width properties
- * @memberOf Roo.util.TextMetrics.Instance#
* @param {String} text The text to measure
* @return {Object} An object containing the text's size {width: (width), height: (height)}
*/
/**
* Binds this TextMetrics instance to an element from which to copy existing CSS styles
* that can affect the size of the rendered text
- * @memberOf Roo.util.TextMetrics.Instance#
* @param {String/HTMLElement} el The element, dom node or id
*/
bind : function(el){
/**
* Sets a fixed width on the internal measurement element. If the text will be multiline, you have
* to set a fixed width in order to accurately measure the text height.
- * @memberOf Roo.util.TextMetrics.Instance#
* @param {Number} width The width to set on the element
*/
setFixedWidth : function(width){
/**
* Returns the measured width of the specified text
- * @memberOf Roo.util.TextMetrics.Instance#
* @param {String} text The text to measure
* @return {Number} width The width in pixels
*/
/**
* Returns the measured height of the specified text. For multiline text, be sure to call
* {@link #setFixedWidth} if necessary.
- * @memberOf Roo.util.TextMetrics.Instance#
* @param {String} text The text to measure
* @return {Number} height The height in pixels
*/
Roo.lib.AnimBase
Roo.lib.AnimMgr
Roo.lib.Beizer
+Roo.lib.Color
Roo.lib.ColorAnim
Roo.lib.Easing
Roo.lib.Motion
"tree_parent" : []
},
"Roo.QuickTips" : {
- "props" : [],
+ "props" : [
+ {
+ "name" : "Delay",
+ "type" : "Number",
+ "desc" : "in milliseconds before the quick tip hides when autoDismiss = true (defaults to 5000)",
+ "memberOf" : ""
+ },
+ {
+ "name" : "True",
+ "type" : "Boolean",
+ "desc" : "to automatically hide the quick tip after a set period of time, regardless of the user's actions\n(defaults to true). Used in conjunction with autoDismissDelay.",
+ "memberOf" : ""
+ },
+ {
+ "name" : "animate",
+ "type" : "Boolean",
+ "desc" : "True to turn on fade animation. Defaults to false (ClearType/scrollbar flicker issues in IE7).",
+ "memberOf" : ""
+ },
+ {
+ "name" : "autoHide",
+ "type" : "Boolean",
+ "desc" : "True to automatically hide the quick tip after the mouse exits the target element (defaults to true).\nUsed in conjunction with hideDelay.",
+ "memberOf" : ""
+ },
+ {
+ "name" : "cls",
+ "type" : "String",
+ "desc" : "A CSS class to apply to the base quick tip element (defaults to '').",
+ "memberOf" : ""
+ },
+ {
+ "name" : "hideDelay",
+ "type" : "Number",
+ "desc" : "Delay in milliseconds before the quick tip hides when autoHide = true (defaults to 200)",
+ "memberOf" : ""
+ },
+ {
+ "name" : "hideOnClick",
+ "type" : "Boolean",
+ "desc" : "True to hide the quick tip if the user clicks anywhere in the document (defaults to true)",
+ "memberOf" : ""
+ },
+ {
+ "name" : "interceptTitles",
+ "type" : "Boolean",
+ "desc" : "True to automatically use the element's DOM title value if available (defaults to false)",
+ "memberOf" : ""
+ },
+ {
+ "name" : "maxWidth",
+ "type" : "Number",
+ "desc" : "The maximum width of the quick tip (defaults to 300)",
+ "memberOf" : ""
+ },
+ {
+ "name" : "minWidth",
+ "type" : "Number",
+ "desc" : "The minimum width of the quick tip (defaults to 40)",
+ "memberOf" : ""
+ },
+ {
+ "name" : "showDelay",
+ "type" : "Number",
+ "desc" : "Delay in milliseconds before the quick tip displays after the mouse enters the target element (defaults to 500)",
+ "memberOf" : ""
+ },
+ {
+ "name" : "text",
+ "type" : "String",
+ "desc" : "Body text to display (defaults to ''). This can be any valid HTML markup.",
+ "memberOf" : ""
+ },
+ {
+ "name" : "title",
+ "type" : "String",
+ "desc" : "Title text to display (defaults to ''). This can be any valid HTML markup.",
+ "memberOf" : ""
+ },
+ {
+ "name" : "trackMouse",
+ "type" : "Boolean",
+ "desc" : "True to have the quick tip follow the mouse as it moves over the target element (defaults to false)",
+ "memberOf" : ""
+ },
+ {
+ "name" : "width",
+ "type" : "Number",
+ "desc" : "Width in pixels of the quick tip (defaults to auto). Width will be ignored if it exceeds the bounds of\nminWidth or maxWidth.",
+ "memberOf" : ""
+ }
+ ],
"events" : [],
"methods" : [
{
"tree_children" : [],
"tree_parent" : []
},
+ "Roo.dd.DragDropMgr" : {
+ "props" : [],
+ "events" : [],
+ "methods" : [
+ {
+ "name" : "getBestMatch",
+ "type" : "function",
+ "desc" : "Helper function for getting the best match from the list of drag\nand drop objects returned by the drag and drop events when we are\nin INTERSECT mode. It returns either the first object that the\ncursor is over, or the object that has the greatest overlap with\nthe dragged element.",
+ "sig" : "(dds)",
+ "static" : false,
+ "memberOf" : "",
+ "isStatic" : false,
+ "isConstructor" : false,
+ "isPrivate" : false,
+ "example" : "",
+ "deprecated" : "",
+ "since" : "",
+ "see" : "",
+ "exceptions" : "",
+ "requires" : "",
+ "params" : [
+ {
+ "name" : "dds",
+ "type" : "DragDrop[]",
+ "desc" : "The array of drag and drop objects\ntargeted",
+ "isOptional" : false
+ }
+ ],
+ "returns" : [
+ {
+ "name" : "",
+ "type" : "DragDrop",
+ "desc" : "The best single match"
+ }
+ ]
+ },
+ {
+ "name" : "getCss",
+ "type" : "function",
+ "desc" : "Returns the style property for the DOM element (i.e.,\ndocument.getElById(id).style)",
+ "sig" : "(id)",
+ "static" : false,
+ "memberOf" : "",
+ "isStatic" : false,
+ "isConstructor" : false,
+ "isPrivate" : false,
+ "example" : "",
+ "deprecated" : "This has been deprecated: use Roo.getDom instead",
+ "since" : "",
+ "see" : "",
+ "exceptions" : "",
+ "requires" : "",
+ "params" : [
+ {
+ "name" : "id",
+ "type" : "String",
+ "desc" : "the id of the elment to get",
+ "isOptional" : false
+ }
+ ],
+ "returns" : [
+ {
+ "name" : "",
+ "type" : "Object",
+ "desc" : "The style property of the element"
+ }
+ ]
+ },
+ {
+ "name" : "getDDById",
+ "type" : "function",
+ "desc" : "Returns the DragDrop instance for a given id",
+ "sig" : "(id)",
+ "static" : false,
+ "memberOf" : "",
+ "isStatic" : false,
+ "isConstructor" : false,
+ "isPrivate" : false,
+ "example" : "",
+ "deprecated" : "",
+ "since" : "",
+ "see" : "",
+ "exceptions" : "",
+ "requires" : "",
+ "params" : [
+ {
+ "name" : "id",
+ "type" : "String",
+ "desc" : "the id of the DragDrop object",
+ "isOptional" : false
+ }
+ ],
+ "returns" : [
+ {
+ "name" : "",
+ "type" : "DragDrop",
+ "desc" : "the drag drop object, null if it is not found"
+ }
+ ]
+ },
+ {
+ "name" : "getElement",
+ "type" : "function",
+ "desc" : "Returns the actual DOM element",
+ "sig" : "(id)",
+ "static" : false,
+ "memberOf" : "",
+ "isStatic" : false,
+ "isConstructor" : false,
+ "isPrivate" : false,
+ "example" : "",
+ "deprecated" : "This has been deprecated: use Roo.getDom instead",
+ "since" : "",
+ "see" : "",
+ "exceptions" : "",
+ "requires" : "",
+ "params" : [
+ {
+ "name" : "id",
+ "type" : "String",
+ "desc" : "the id of the elment to get",
+ "isOptional" : false
+ }
+ ],
+ "returns" : [
+ {
+ "name" : "",
+ "type" : "Object",
+ "desc" : "The element"
+ }
+ ]
+ },
+ {
+ "name" : "getLocation",
+ "type" : "function",
+ "desc" : "Returns a Region object containing the drag and drop element's position\nand size, including the padding configured for it",
+ "sig" : "(oDD)",
+ "static" : false,
+ "memberOf" : "",
+ "isStatic" : false,
+ "isConstructor" : false,
+ "isPrivate" : false,
+ "example" : "",
+ "deprecated" : "",
+ "since" : "",
+ "see" : "",
+ "exceptions" : "",
+ "requires" : "",
+ "params" : [
+ {
+ "name" : "oDD",
+ "type" : "DragDrop",
+ "desc" : "the drag and drop object to get the\n location for",
+ "isOptional" : false
+ }
+ ],
+ "returns" : [
+ {
+ "name" : "",
+ "type" : "Roo.lib.Region",
+ "desc" : "a Region object representing the total area\n the element occupies, including any padding\n the instance is configured for."
+ }
+ ]
+ },
+ {
+ "name" : "getPosX",
+ "type" : "function",
+ "desc" : "Returns the X position of an html element",
+ "sig" : "(el)",
+ "static" : false,
+ "memberOf" : "",
+ "isStatic" : false,
+ "isConstructor" : false,
+ "isPrivate" : false,
+ "example" : "",
+ "deprecated" : "This has been deprecated: use Roo.lib.Dom.getX instead",
+ "since" : "",
+ "see" : "",
+ "exceptions" : "",
+ "requires" : "",
+ "params" : [
+ {
+ "name" : "el",
+ "type" : "",
+ "desc" : "the element for which to get the position",
+ "isOptional" : false
+ }
+ ],
+ "returns" : [
+ {
+ "name" : "",
+ "type" : "int",
+ "desc" : "the X coordinate"
+ }
+ ]
+ },
+ {
+ "name" : "getPosY",
+ "type" : "function",
+ "desc" : "Returns the Y position of an html element",
+ "sig" : "(el)",
+ "static" : false,
+ "memberOf" : "",
+ "isStatic" : false,
+ "isConstructor" : false,
+ "isPrivate" : false,
+ "example" : "",
+ "deprecated" : "This has been deprecated: use Roo.lib.Dom.getY instead",
+ "since" : "",
+ "see" : "",
+ "exceptions" : "",
+ "requires" : "",
+ "params" : [
+ {
+ "name" : "el",
+ "type" : "",
+ "desc" : "the element for which to get the position",
+ "isOptional" : false
+ }
+ ],
+ "returns" : [
+ {
+ "name" : "",
+ "type" : "int",
+ "desc" : "the Y coordinate"
+ }
+ ]
+ },
+ {
+ "name" : "getRelated",
+ "type" : "function",
+ "desc" : "Returns the drag and drop instances that are in all groups the\npassed in instance belongs to.",
+ "sig" : "(p_oDD, bTargetsOnly)",
+ "static" : false,
+ "memberOf" : "",
+ "isStatic" : false,
+ "isConstructor" : false,
+ "isPrivate" : false,
+ "example" : "",
+ "deprecated" : "",
+ "since" : "",
+ "see" : "",
+ "exceptions" : "",
+ "requires" : "",
+ "params" : [
+ {
+ "name" : "p_oDD",
+ "type" : "DragDrop",
+ "desc" : "the obj to get related data for",
+ "isOptional" : false
+ },
+ {
+ "name" : "bTargetsOnly",
+ "type" : "boolean",
+ "desc" : "if true, only return targetable objs",
+ "isOptional" : false
+ }
+ ],
+ "returns" : [
+ {
+ "name" : "",
+ "type" : "DragDrop[]",
+ "desc" : "the related instances"
+ }
+ ]
+ },
+ {
+ "name" : "getScrollLeft",
+ "type" : "function",
+ "desc" : "Gets the scrollLeft",
+ "sig" : "()\n{\n\n}",
+ "static" : false,
+ "memberOf" : "",
+ "isStatic" : false,
+ "isConstructor" : false,
+ "isPrivate" : false,
+ "example" : "",
+ "deprecated" : "",
+ "since" : "",
+ "see" : "",
+ "exceptions" : "",
+ "requires" : "",
+ "params" : [],
+ "returns" : [
+ {
+ "name" : "",
+ "type" : "int",
+ "desc" : "the document's scrollTop"
+ }
+ ]
+ },
+ {
+ "name" : "getScrollTop",
+ "type" : "function",
+ "desc" : "Gets the scrollTop",
+ "sig" : "()\n{\n\n}",
+ "static" : false,
+ "memberOf" : "",
+ "isStatic" : false,
+ "isConstructor" : false,
+ "isPrivate" : false,
+ "example" : "",
+ "deprecated" : "",
+ "since" : "",
+ "see" : "",
+ "exceptions" : "",
+ "requires" : "",
+ "params" : [],
+ "returns" : [
+ {
+ "name" : "",
+ "type" : "int",
+ "desc" : "the document's scrollTop"
+ }
+ ]
+ },
+ {
+ "name" : "getStyle",
+ "type" : "function",
+ "desc" : "Returns the specified element style property",
+ "sig" : "(el, styleProp)",
+ "static" : false,
+ "memberOf" : "",
+ "isStatic" : false,
+ "isConstructor" : false,
+ "isPrivate" : false,
+ "example" : "",
+ "deprecated" : "This has been deprecated: use Roo.lib.Dom.getStyle",
+ "since" : "",
+ "see" : "",
+ "exceptions" : "",
+ "requires" : "",
+ "params" : [
+ {
+ "name" : "el",
+ "type" : "HTMLElement",
+ "desc" : "the element",
+ "isOptional" : false
+ },
+ {
+ "name" : "styleProp",
+ "type" : "string",
+ "desc" : "the style property",
+ "isOptional" : false
+ }
+ ],
+ "returns" : [
+ {
+ "name" : "",
+ "type" : "string",
+ "desc" : "The value of the style property"
+ }
+ ]
+ },
+ {
+ "name" : "handleWasClicked",
+ "type" : "function",
+ "desc" : "Recursively searches the immediate parent and all child nodes for\nthe handle element in order to determine wheter or not it was\nclicked.",
+ "sig" : "(node)",
+ "static" : false,
+ "memberOf" : "",
+ "isStatic" : false,
+ "isConstructor" : false,
+ "isPrivate" : false,
+ "example" : "",
+ "deprecated" : "",
+ "since" : "",
+ "see" : "",
+ "exceptions" : "",
+ "requires" : "",
+ "params" : [
+ {
+ "name" : "node",
+ "type" : "",
+ "desc" : "the html element to inspect",
+ "isOptional" : false
+ }
+ ],
+ "returns" : []
+ },
+ {
+ "name" : "isDragDrop",
+ "type" : "function",
+ "desc" : "Utility function to determine if a given element has been\nregistered as a drag drop item.",
+ "sig" : "(id)",
+ "static" : false,
+ "memberOf" : "",
+ "isStatic" : false,
+ "isConstructor" : false,
+ "isPrivate" : false,
+ "example" : "",
+ "deprecated" : "",
+ "since" : "",
+ "see" : "",
+ "exceptions" : "",
+ "requires" : "",
+ "params" : [
+ {
+ "name" : "id",
+ "type" : "String",
+ "desc" : "the element id to check",
+ "isOptional" : false
+ }
+ ],
+ "returns" : [
+ {
+ "name" : "",
+ "type" : "boolean",
+ "desc" : "true if this element is a DragDrop item,\nfalse otherwise"
+ }
+ ]
+ },
+ {
+ "name" : "isHandle",
+ "type" : "function",
+ "desc" : "Utility function to determine if a given element has been\nregistered as a drag drop handle for the given Drag Drop object.",
+ "sig" : "(id)",
+ "static" : false,
+ "memberOf" : "",
+ "isStatic" : false,
+ "isConstructor" : false,
+ "isPrivate" : false,
+ "example" : "",
+ "deprecated" : "",
+ "since" : "",
+ "see" : "",
+ "exceptions" : "",
+ "requires" : "",
+ "params" : [
+ {
+ "name" : "id",
+ "type" : "String",
+ "desc" : "the element id to check",
+ "isOptional" : false
+ }
+ ],
+ "returns" : [
+ {
+ "name" : "",
+ "type" : "boolean",
+ "desc" : "true if this element is a DragDrop handle, false\notherwise"
+ }
+ ]
+ },
+ {
+ "name" : "isLegalTarget",
+ "type" : "function",
+ "desc" : "Returns true if the specified dd target is a legal target for\nthe specifice drag obj",
+ "sig" : "(the, the)",
+ "static" : false,
+ "memberOf" : "",
+ "isStatic" : false,
+ "isConstructor" : false,
+ "isPrivate" : false,
+ "example" : "",
+ "deprecated" : "",
+ "since" : "",
+ "see" : "",
+ "exceptions" : "",
+ "requires" : "",
+ "params" : [
+ {
+ "name" : "the",
+ "type" : "DragDrop",
+ "desc" : "drag obj",
+ "isOptional" : false
+ },
+ {
+ "name" : "the",
+ "type" : "DragDrop",
+ "desc" : "target",
+ "isOptional" : false
+ }
+ ],
+ "returns" : [
+ {
+ "name" : "",
+ "type" : "boolean",
+ "desc" : "true if the target is a legal target for the\ndd obj"
+ }
+ ]
+ },
+ {
+ "name" : "isLocked",
+ "type" : "function",
+ "desc" : "Is drag and drop locked?",
+ "sig" : "()\n{\n\n}",
+ "static" : false,
+ "memberOf" : "",
+ "isStatic" : false,
+ "isConstructor" : false,
+ "isPrivate" : false,
+ "example" : "",
+ "deprecated" : "",
+ "since" : "",
+ "see" : "",
+ "exceptions" : "",
+ "requires" : "",
+ "params" : [],
+ "returns" : [
+ {
+ "name" : "",
+ "type" : "boolean",
+ "desc" : "True if drag and drop is locked, false otherwise."
+ }
+ ]
+ },
+ {
+ "name" : "isTypeOfDD",
+ "type" : "function",
+ "desc" : "My goal is to be able to transparently determine if an object is\ntypeof DragDrop, and the exact subclass of DragDrop. typeof\nreturns \"object\", oDD.constructor.toString() always returns\n\"DragDrop\" and not the name of the subclass. So for now it just\nevaluates a well-known variable in DragDrop.",
+ "sig" : "(the)",
+ "static" : false,
+ "memberOf" : "",
+ "isStatic" : false,
+ "isConstructor" : false,
+ "isPrivate" : false,
+ "example" : "",
+ "deprecated" : "",
+ "since" : "",
+ "see" : "",
+ "exceptions" : "",
+ "requires" : "",
+ "params" : [
+ {
+ "name" : "the",
+ "type" : "Object",
+ "desc" : "object to evaluate",
+ "isOptional" : false
+ }
+ ],
+ "returns" : [
+ {
+ "name" : "",
+ "type" : "boolean",
+ "desc" : "true if typeof oDD = DragDrop"
+ }
+ ]
+ },
+ {
+ "name" : "lock",
+ "type" : "function",
+ "desc" : "Lock all drag and drop functionality",
+ "sig" : "()\n{\n\n}",
+ "static" : false,
+ "memberOf" : "",
+ "isStatic" : false,
+ "isConstructor" : false,
+ "isPrivate" : false,
+ "example" : "",
+ "deprecated" : "",
+ "since" : "",
+ "see" : "",
+ "exceptions" : "",
+ "requires" : "",
+ "params" : [],
+ "returns" : []
+ },
+ {
+ "name" : "moveToEl",
+ "type" : "function",
+ "desc" : "Sets the x/y position of an element to the location of the\ntarget element.",
+ "sig" : "(moveEl, targetEl)",
+ "static" : false,
+ "memberOf" : "",
+ "isStatic" : false,
+ "isConstructor" : false,
+ "isPrivate" : false,
+ "example" : "",
+ "deprecated" : "",
+ "since" : "",
+ "see" : "",
+ "exceptions" : "",
+ "requires" : "",
+ "params" : [
+ {
+ "name" : "moveEl",
+ "type" : "HTMLElement",
+ "desc" : "The element to move",
+ "isOptional" : false
+ },
+ {
+ "name" : "targetEl",
+ "type" : "HTMLElement",
+ "desc" : "The position reference element",
+ "isOptional" : false
+ }
+ ],
+ "returns" : []
+ },
+ {
+ "name" : "numericSort",
+ "type" : "function",
+ "desc" : "Numeric array sort function",
+ "sig" : "()\n{\n\n}",
+ "static" : false,
+ "memberOf" : "",
+ "isStatic" : false,
+ "isConstructor" : false,
+ "isPrivate" : false,
+ "example" : "",
+ "deprecated" : "",
+ "since" : "",
+ "see" : "",
+ "exceptions" : "",
+ "requires" : "",
+ "params" : [],
+ "returns" : []
+ },
+ {
+ "name" : "refreshCache",
+ "type" : "function",
+ "desc" : "Refreshes the cache of the top-left and bottom-right points of the\ndrag and drop objects in the specified group(s). This is in the\nformat that is stored in the drag and drop instance, so typical\nusage is:\n<code>\nRoo.dd.DragDropMgr.refreshCache(ddinstance.groups);\n</code>\nAlternatively:\n<code>\nRoo.dd.DragDropMgr.refreshCache({group1:true, group2:true});\n</code>",
+ "sig" : "(groups)",
+ "static" : false,
+ "memberOf" : "",
+ "isStatic" : false,
+ "isConstructor" : false,
+ "isPrivate" : false,
+ "example" : "",
+ "deprecated" : "",
+ "since" : "",
+ "see" : "",
+ "exceptions" : "",
+ "requires" : "",
+ "params" : [
+ {
+ "name" : "groups",
+ "type" : "Object",
+ "desc" : "an associative array of groups to refresh",
+ "isOptional" : false
+ }
+ ],
+ "returns" : []
+ },
+ {
+ "name" : "regDragDrop",
+ "type" : "function",
+ "desc" : "Each DragDrop instance must be registered with the DragDropMgr.\nThis is executed in DragDrop.init()",
+ "sig" : "(oDD, sGroup)",
+ "static" : false,
+ "memberOf" : "",
+ "isStatic" : false,
+ "isConstructor" : false,
+ "isPrivate" : false,
+ "example" : "",
+ "deprecated" : "",
+ "since" : "",
+ "see" : "",
+ "exceptions" : "",
+ "requires" : "",
+ "params" : [
+ {
+ "name" : "oDD",
+ "type" : "DragDrop",
+ "desc" : "the DragDrop object to register",
+ "isOptional" : false
+ },
+ {
+ "name" : "sGroup",
+ "type" : "String",
+ "desc" : "the name of the group this element belongs to",
+ "isOptional" : false
+ }
+ ],
+ "returns" : []
+ },
+ {
+ "name" : "regHandle",
+ "type" : "function",
+ "desc" : "Each DragDrop handle element must be registered. This is done\nautomatically when executing DragDrop.setHandleElId()",
+ "sig" : "(sDDId, sHandleId)",
+ "static" : false,
+ "memberOf" : "",
+ "isStatic" : false,
+ "isConstructor" : false,
+ "isPrivate" : false,
+ "example" : "",
+ "deprecated" : "",
+ "since" : "",
+ "see" : "",
+ "exceptions" : "",
+ "requires" : "",
+ "params" : [
+ {
+ "name" : "sDDId",
+ "type" : "String",
+ "desc" : "the DragDrop id this element is a handle for",
+ "isOptional" : false
+ },
+ {
+ "name" : "sHandleId",
+ "type" : "String",
+ "desc" : "the id of the element that is the drag\nhandle",
+ "isOptional" : false
+ }
+ ],
+ "returns" : []
+ },
+ {
+ "name" : "startDrag",
+ "type" : "function",
+ "desc" : "Fired when either the drag pixel threshol or the mousedown hold\ntime threshold has been met.",
+ "sig" : "(x, y)",
+ "static" : false,
+ "memberOf" : "",
+ "isStatic" : false,
+ "isConstructor" : false,
+ "isPrivate" : false,
+ "example" : "",
+ "deprecated" : "",
+ "since" : "",
+ "see" : "",
+ "exceptions" : "",
+ "requires" : "",
+ "params" : [
+ {
+ "name" : "x",
+ "type" : "",
+ "desc" : "{int} the X position of the original mousedown",
+ "isOptional" : false
+ },
+ {
+ "name" : "y",
+ "type" : "",
+ "desc" : "{int} the Y position of the original mousedown",
+ "isOptional" : false
+ }
+ ],
+ "returns" : []
+ },
+ {
+ "name" : "stopEvent",
+ "type" : "function",
+ "desc" : "Utility to stop event propagation and event default, if these\nfeatures are turned on.",
+ "sig" : "(e)",
+ "static" : false,
+ "memberOf" : "",
+ "isStatic" : false,
+ "isConstructor" : false,
+ "isPrivate" : false,
+ "example" : "",
+ "deprecated" : "",
+ "since" : "",
+ "see" : "",
+ "exceptions" : "",
+ "requires" : "",
+ "params" : [
+ {
+ "name" : "e",
+ "type" : "Event",
+ "desc" : "the event as returned by this.getEvent()",
+ "isOptional" : false
+ }
+ ],
+ "returns" : []
+ },
+ {
+ "name" : "swapNode",
+ "type" : "function",
+ "desc" : "Swap two nodes. In IE, we use the native method, for others we\nemulate the IE behavior",
+ "sig" : "(n1, n2)",
+ "static" : false,
+ "memberOf" : "",
+ "isStatic" : false,
+ "isConstructor" : false,
+ "isPrivate" : false,
+ "example" : "",
+ "deprecated" : "",
+ "since" : "",
+ "see" : "",
+ "exceptions" : "",
+ "requires" : "",
+ "params" : [
+ {
+ "name" : "n1",
+ "type" : "",
+ "desc" : "the first node to swap",
+ "isOptional" : false
+ },
+ {
+ "name" : "n2",
+ "type" : "",
+ "desc" : "the other node to swap",
+ "isOptional" : false
+ }
+ ],
+ "returns" : []
+ },
+ {
+ "name" : "unlock",
+ "type" : "function",
+ "desc" : "Unlock all drag and drop functionality",
+ "sig" : "()\n{\n\n}",
+ "static" : false,
+ "memberOf" : "",
+ "isStatic" : false,
+ "isConstructor" : false,
+ "isPrivate" : false,
+ "example" : "",
+ "deprecated" : "",
+ "since" : "",
+ "see" : "",
+ "exceptions" : "",
+ "requires" : "",
+ "params" : [],
+ "returns" : []
+ },
+ {
+ "name" : "verifyEl",
+ "type" : "function",
+ "desc" : "This checks to make sure an element exists and is in the DOM. The\nmain purpose is to handle cases where innerHTML is used to remove\ndrag and drop objects from the DOM. IE provides an 'unspecified\nerror' when trying to access the offsetParent of such an element",
+ "sig" : "(el)",
+ "static" : false,
+ "memberOf" : "",
+ "isStatic" : false,
+ "isConstructor" : false,
+ "isPrivate" : false,
+ "example" : "",
+ "deprecated" : "",
+ "since" : "",
+ "see" : "",
+ "exceptions" : "",
+ "requires" : "",
+ "params" : [
+ {
+ "name" : "el",
+ "type" : "HTMLElement",
+ "desc" : "the element to check",
+ "isOptional" : false
+ }
+ ],
+ "returns" : [
+ {
+ "name" : "",
+ "type" : "boolean",
+ "desc" : "true if the element looks usable"
+ }
+ ]
+ }
+ ],
+ "isAbstract" : false,
+ "isBuilderTop" : false,
+ "childClasses" : { },
+ "tree_children" : [],
+ "tree_parent" : []
+ },
"Roo.dd.DragSource" : {
"props" : [
{
],
"returns" : []
},
+ {
+ "name" : "afterDragDrop",
+ "type" : "function",
+ "desc" : "An empty function by default, but provided so that you can perform a custom action\nafter a valid drag drop has occurred by providing an implementation.",
+ "sig" : "(target, e, id)",
+ "static" : false,
+ "memberOf" : "",
+ "isStatic" : false,
+ "isConstructor" : false,
+ "isPrivate" : false,
+ "example" : "",
+ "deprecated" : "",
+ "since" : "",
+ "see" : "",
+ "exceptions" : "",
+ "requires" : "",
+ "params" : [
+ {
+ "name" : "target",
+ "type" : "Roo.dd.DragDrop",
+ "desc" : "The drop target",
+ "isOptional" : false
+ },
+ {
+ "name" : "e",
+ "type" : "Event",
+ "desc" : "The event object",
+ "isOptional" : false
+ },
+ {
+ "name" : "id",
+ "type" : "String",
+ "desc" : "The id of the dropped element",
+ "isOptional" : false
+ }
+ ],
+ "returns" : []
+ },
+ {
+ "name" : "afterDragEnter",
+ "type" : "function",
+ "desc" : "An empty function by default, but provided so that you can perform a custom action\nwhen the dragged item enters the drop target by providing an implementation.",
+ "sig" : "(target, e, id)",
+ "static" : false,
+ "memberOf" : "",
+ "isStatic" : false,
+ "isConstructor" : false,
+ "isPrivate" : false,
+ "example" : "",
+ "deprecated" : "",
+ "since" : "",
+ "see" : "",
+ "exceptions" : "",
+ "requires" : "",
+ "params" : [
+ {
+ "name" : "target",
+ "type" : "Roo.dd.DragDrop",
+ "desc" : "The drop target",
+ "isOptional" : false
+ },
+ {
+ "name" : "e",
+ "type" : "Event",
+ "desc" : "The event object",
+ "isOptional" : false
+ },
+ {
+ "name" : "id",
+ "type" : "String",
+ "desc" : "The id of the dragged element",
+ "isOptional" : false
+ }
+ ],
+ "returns" : []
+ },
+ {
+ "name" : "afterDragOut",
+ "type" : "function",
+ "desc" : "An empty function by default, but provided so that you can perform a custom action\nafter the dragged item is dragged out of the target without dropping.",
+ "sig" : "(target, e, id)",
+ "static" : false,
+ "memberOf" : "",
+ "isStatic" : false,
+ "isConstructor" : false,
+ "isPrivate" : false,
+ "example" : "",
+ "deprecated" : "",
+ "since" : "",
+ "see" : "",
+ "exceptions" : "",
+ "requires" : "",
+ "params" : [
+ {
+ "name" : "target",
+ "type" : "Roo.dd.DragDrop",
+ "desc" : "The drop target",
+ "isOptional" : false
+ },
+ {
+ "name" : "e",
+ "type" : "Event",
+ "desc" : "The event object",
+ "isOptional" : false
+ },
+ {
+ "name" : "id",
+ "type" : "String",
+ "desc" : "The id of the dragged element",
+ "isOptional" : false
+ }
+ ],
+ "returns" : []
+ },
+ {
+ "name" : "afterDragOver",
+ "type" : "function",
+ "desc" : "An empty function by default, but provided so that you can perform a custom action\nwhile the dragged item is over the drop target by providing an implementation.",
+ "sig" : "(target, e, id)",
+ "static" : false,
+ "memberOf" : "",
+ "isStatic" : false,
+ "isConstructor" : false,
+ "isPrivate" : false,
+ "example" : "",
+ "deprecated" : "",
+ "since" : "",
+ "see" : "",
+ "exceptions" : "",
+ "requires" : "",
+ "params" : [
+ {
+ "name" : "target",
+ "type" : "Roo.dd.DragDrop",
+ "desc" : "The drop target",
+ "isOptional" : false
+ },
+ {
+ "name" : "e",
+ "type" : "Event",
+ "desc" : "The event object",
+ "isOptional" : false
+ },
+ {
+ "name" : "id",
+ "type" : "String",
+ "desc" : "The id of the dragged element",
+ "isOptional" : false
+ }
+ ],
+ "returns" : []
+ },
+ {
+ "name" : "afterInvalidDrop",
+ "type" : "function",
+ "desc" : "An empty function by default, but provided so that you can perform a custom action\nafter an invalid drop has occurred by providing an implementation.",
+ "sig" : "(e, id)",
+ "static" : false,
+ "memberOf" : "",
+ "isStatic" : false,
+ "isConstructor" : false,
+ "isPrivate" : false,
+ "example" : "",
+ "deprecated" : "",
+ "since" : "",
+ "see" : "",
+ "exceptions" : "",
+ "requires" : "",
+ "params" : [
+ {
+ "name" : "e",
+ "type" : "Event",
+ "desc" : "The event object",
+ "isOptional" : false
+ },
+ {
+ "name" : "id",
+ "type" : "String",
+ "desc" : "The id of the dropped element",
+ "isOptional" : false
+ }
+ ],
+ "returns" : []
+ },
+ {
+ "name" : "afterValidDrop",
+ "type" : "function",
+ "desc" : "An empty function by default, but provided so that you can perform a custom action\nafter a valid drop has occurred by providing an implementation.",
+ "sig" : "(target, e, id)",
+ "static" : false,
+ "memberOf" : "",
+ "isStatic" : false,
+ "isConstructor" : false,
+ "isPrivate" : false,
+ "example" : "",
+ "deprecated" : "",
+ "since" : "",
+ "see" : "",
+ "exceptions" : "",
+ "requires" : "",
+ "params" : [
+ {
+ "name" : "target",
+ "type" : "Object",
+ "desc" : "The target DD",
+ "isOptional" : false
+ },
+ {
+ "name" : "e",
+ "type" : "Event",
+ "desc" : "The event object",
+ "isOptional" : false
+ },
+ {
+ "name" : "id",
+ "type" : "String",
+ "desc" : "The id of the dropped element",
+ "isOptional" : false
+ }
+ ],
+ "returns" : []
+ },
{
"name" : "alignElWithMouse",
"type" : "function",
"returns" : []
},
{
- "name" : "afterRepair",
- "type" : "function",
- "desc" : "Called after a repair of an invalid drop. By default, highlights this.dragData.ddel",
- "sig" : "()\n{\n\n}",
- "static" : false,
- "memberOf" : "",
- "isStatic" : false,
- "isConstructor" : false,
- "isPrivate" : false,
- "example" : "",
- "deprecated" : "",
- "since" : "",
- "see" : "",
- "exceptions" : "",
- "requires" : "",
- "params" : [],
- "returns" : []
- },
- {
- "name" : "alignElWithMouse",
+ "name" : "afterDragDrop",
"type" : "function",
- "desc" : "Sets the element to the location of the mousedown or click event,\nmaintaining the cursor location relative to the location on the element\nthat was clicked. Override this if you want to place the element in a\nlocation other than where the cursor is.",
- "sig" : "(el, iPageX, iPageY)",
+ "desc" : "An empty function by default, but provided so that you can perform a custom action\nafter a valid drag drop has occurred by providing an implementation.",
+ "sig" : "(target, e, id)",
"static" : false,
- "memberOf" : "Roo.dd.DD",
+ "memberOf" : "Roo.dd.DragSource",
"isStatic" : false,
"isConstructor" : false,
"isPrivate" : false,
"requires" : "",
"params" : [
{
- "name" : "el",
- "type" : "HTMLElement",
- "desc" : "the element to move",
+ "name" : "target",
+ "type" : "Roo.dd.DragDrop",
+ "desc" : "The drop target",
"isOptional" : false
},
{
- "name" : "iPageX",
- "type" : "int",
- "desc" : "the X coordinate of the mousedown or drag event",
+ "name" : "e",
+ "type" : "Event",
+ "desc" : "The event object",
"isOptional" : false
},
{
- "name" : "iPageY",
- "type" : "int",
- "desc" : "the Y coordinate of the mousedown or drag event",
+ "name" : "id",
+ "type" : "String",
+ "desc" : "The id of the dropped element",
"isOptional" : false
}
],
"returns" : []
},
{
- "name" : "applyConfig",
+ "name" : "afterDragEnter",
"type" : "function",
- "desc" : "Applies the configuration parameters that were passed into the constructor.\nThis is supposed to happen at each level through the inheritance chain. So\na DDProxy implentation will execute apply config on DDProxy, DD, and\nDragDrop in order to get all of the parameters that are available in\neach object.",
- "sig" : "()\n{\n\n}",
- "static" : false,
- "memberOf" : "Roo.dd.DragDrop",
- "isStatic" : false,
- "isConstructor" : false,
- "isPrivate" : false,
- "example" : "",
- "deprecated" : "",
- "since" : "",
- "see" : "",
- "exceptions" : "",
- "requires" : "",
- "params" : [],
- "returns" : []
- },
- {
- "name" : "autoOffset",
- "type" : "function",
- "desc" : "Sets the pointer offset to the distance between the linked element's top\nleft corner and the location the element was clicked",
- "sig" : "(iPageX, iPageY)",
+ "desc" : "An empty function by default, but provided so that you can perform a custom action\nwhen the dragged item enters the drop target by providing an implementation.",
+ "sig" : "(target, e, id)",
"static" : false,
- "memberOf" : "Roo.dd.DD",
+ "memberOf" : "Roo.dd.DragSource",
"isStatic" : false,
"isConstructor" : false,
"isPrivate" : false,
"requires" : "",
"params" : [
{
- "name" : "iPageX",
- "type" : "int",
- "desc" : "the X coordinate of the click",
+ "name" : "target",
+ "type" : "Roo.dd.DragDrop",
+ "desc" : "The drop target",
"isOptional" : false
},
{
- "name" : "iPageY",
- "type" : "int",
- "desc" : "the Y coordinate of the click",
+ "name" : "e",
+ "type" : "Event",
+ "desc" : "The event object",
+ "isOptional" : false
+ },
+ {
+ "name" : "id",
+ "type" : "String",
+ "desc" : "The id of the dragged element",
"isOptional" : false
}
],
"returns" : []
},
{
- "name" : "beforeDragDrop",
+ "name" : "afterDragOut",
"type" : "function",
- "desc" : "An empty function by default, but provided so that you can perform a custom action before the dragged\nitem is dropped onto the target and optionally cancel the onDragDrop.",
+ "desc" : "An empty function by default, but provided so that you can perform a custom action\nafter the dragged item is dragged out of the target without dropping.",
+ "sig" : "(target, e, id)",
+ "static" : false,
+ "memberOf" : "Roo.dd.DragSource",
+ "isStatic" : false,
+ "isConstructor" : false,
+ "isPrivate" : false,
+ "example" : "",
+ "deprecated" : "",
+ "since" : "",
+ "see" : "",
+ "exceptions" : "",
+ "requires" : "",
+ "params" : [
+ {
+ "name" : "target",
+ "type" : "Roo.dd.DragDrop",
+ "desc" : "The drop target",
+ "isOptional" : false
+ },
+ {
+ "name" : "e",
+ "type" : "Event",
+ "desc" : "The event object",
+ "isOptional" : false
+ },
+ {
+ "name" : "id",
+ "type" : "String",
+ "desc" : "The id of the dragged element",
+ "isOptional" : false
+ }
+ ],
+ "returns" : []
+ },
+ {
+ "name" : "afterDragOver",
+ "type" : "function",
+ "desc" : "An empty function by default, but provided so that you can perform a custom action\nwhile the dragged item is over the drop target by providing an implementation.",
+ "sig" : "(target, e, id)",
+ "static" : false,
+ "memberOf" : "Roo.dd.DragSource",
+ "isStatic" : false,
+ "isConstructor" : false,
+ "isPrivate" : false,
+ "example" : "",
+ "deprecated" : "",
+ "since" : "",
+ "see" : "",
+ "exceptions" : "",
+ "requires" : "",
+ "params" : [
+ {
+ "name" : "target",
+ "type" : "Roo.dd.DragDrop",
+ "desc" : "The drop target",
+ "isOptional" : false
+ },
+ {
+ "name" : "e",
+ "type" : "Event",
+ "desc" : "The event object",
+ "isOptional" : false
+ },
+ {
+ "name" : "id",
+ "type" : "String",
+ "desc" : "The id of the dragged element",
+ "isOptional" : false
+ }
+ ],
+ "returns" : []
+ },
+ {
+ "name" : "afterInvalidDrop",
+ "type" : "function",
+ "desc" : "An empty function by default, but provided so that you can perform a custom action\nafter an invalid drop has occurred by providing an implementation.",
+ "sig" : "(e, id)",
+ "static" : false,
+ "memberOf" : "Roo.dd.DragSource",
+ "isStatic" : false,
+ "isConstructor" : false,
+ "isPrivate" : false,
+ "example" : "",
+ "deprecated" : "",
+ "since" : "",
+ "see" : "",
+ "exceptions" : "",
+ "requires" : "",
+ "params" : [
+ {
+ "name" : "e",
+ "type" : "Event",
+ "desc" : "The event object",
+ "isOptional" : false
+ },
+ {
+ "name" : "id",
+ "type" : "String",
+ "desc" : "The id of the dropped element",
+ "isOptional" : false
+ }
+ ],
+ "returns" : []
+ },
+ {
+ "name" : "afterRepair",
+ "type" : "function",
+ "desc" : "Called after a repair of an invalid drop. By default, highlights this.dragData.ddel",
+ "sig" : "()\n{\n\n}",
+ "static" : false,
+ "memberOf" : "",
+ "isStatic" : false,
+ "isConstructor" : false,
+ "isPrivate" : false,
+ "example" : "",
+ "deprecated" : "",
+ "since" : "",
+ "see" : "",
+ "exceptions" : "",
+ "requires" : "",
+ "params" : [],
+ "returns" : []
+ },
+ {
+ "name" : "afterValidDrop",
+ "type" : "function",
+ "desc" : "An empty function by default, but provided so that you can perform a custom action\nafter a valid drop has occurred by providing an implementation.",
+ "sig" : "(target, e, id)",
+ "static" : false,
+ "memberOf" : "Roo.dd.DragSource",
+ "isStatic" : false,
+ "isConstructor" : false,
+ "isPrivate" : false,
+ "example" : "",
+ "deprecated" : "",
+ "since" : "",
+ "see" : "",
+ "exceptions" : "",
+ "requires" : "",
+ "params" : [
+ {
+ "name" : "target",
+ "type" : "Object",
+ "desc" : "The target DD",
+ "isOptional" : false
+ },
+ {
+ "name" : "e",
+ "type" : "Event",
+ "desc" : "The event object",
+ "isOptional" : false
+ },
+ {
+ "name" : "id",
+ "type" : "String",
+ "desc" : "The id of the dropped element",
+ "isOptional" : false
+ }
+ ],
+ "returns" : []
+ },
+ {
+ "name" : "alignElWithMouse",
+ "type" : "function",
+ "desc" : "Sets the element to the location of the mousedown or click event,\nmaintaining the cursor location relative to the location on the element\nthat was clicked. Override this if you want to place the element in a\nlocation other than where the cursor is.",
+ "sig" : "(el, iPageX, iPageY)",
+ "static" : false,
+ "memberOf" : "Roo.dd.DD",
+ "isStatic" : false,
+ "isConstructor" : false,
+ "isPrivate" : false,
+ "example" : "",
+ "deprecated" : "",
+ "since" : "",
+ "see" : "",
+ "exceptions" : "",
+ "requires" : "",
+ "params" : [
+ {
+ "name" : "el",
+ "type" : "HTMLElement",
+ "desc" : "the element to move",
+ "isOptional" : false
+ },
+ {
+ "name" : "iPageX",
+ "type" : "int",
+ "desc" : "the X coordinate of the mousedown or drag event",
+ "isOptional" : false
+ },
+ {
+ "name" : "iPageY",
+ "type" : "int",
+ "desc" : "the Y coordinate of the mousedown or drag event",
+ "isOptional" : false
+ }
+ ],
+ "returns" : []
+ },
+ {
+ "name" : "applyConfig",
+ "type" : "function",
+ "desc" : "Applies the configuration parameters that were passed into the constructor.\nThis is supposed to happen at each level through the inheritance chain. So\na DDProxy implentation will execute apply config on DDProxy, DD, and\nDragDrop in order to get all of the parameters that are available in\neach object.",
+ "sig" : "()\n{\n\n}",
+ "static" : false,
+ "memberOf" : "Roo.dd.DragDrop",
+ "isStatic" : false,
+ "isConstructor" : false,
+ "isPrivate" : false,
+ "example" : "",
+ "deprecated" : "",
+ "since" : "",
+ "see" : "",
+ "exceptions" : "",
+ "requires" : "",
+ "params" : [],
+ "returns" : []
+ },
+ {
+ "name" : "autoOffset",
+ "type" : "function",
+ "desc" : "Sets the pointer offset to the distance between the linked element's top\nleft corner and the location the element was clicked",
+ "sig" : "(iPageX, iPageY)",
+ "static" : false,
+ "memberOf" : "Roo.dd.DD",
+ "isStatic" : false,
+ "isConstructor" : false,
+ "isPrivate" : false,
+ "example" : "",
+ "deprecated" : "",
+ "since" : "",
+ "see" : "",
+ "exceptions" : "",
+ "requires" : "",
+ "params" : [
+ {
+ "name" : "iPageX",
+ "type" : "int",
+ "desc" : "the X coordinate of the click",
+ "isOptional" : false
+ },
+ {
+ "name" : "iPageY",
+ "type" : "int",
+ "desc" : "the Y coordinate of the click",
+ "isOptional" : false
+ }
+ ],
+ "returns" : []
+ },
+ {
+ "name" : "beforeDragDrop",
+ "type" : "function",
+ "desc" : "An empty function by default, but provided so that you can perform a custom action before the dragged\nitem is dropped onto the target and optionally cancel the onDragDrop.",
"sig" : "(target, e, id)",
"static" : false,
"memberOf" : "Roo.dd.DragSource",
"requires" : "",
"params" : [],
"returns" : []
+ },
+ {
+ "name" : "serializeForm",
+ "type" : "function",
+ "desc" : "serialize a form",
+ "sig" : "(form)",
+ "static" : true,
+ "memberOf" : "",
+ "isStatic" : true,
+ "isConstructor" : false,
+ "isPrivate" : false,
+ "example" : "",
+ "deprecated" : "",
+ "since" : "",
+ "see" : "",
+ "exceptions" : "",
+ "requires" : "",
+ "params" : [
+ {
+ "name" : "form",
+ "type" : "DomForm",
+ "desc" : "element",
+ "isOptional" : false
+ }
+ ],
+ "returns" : [
+ {
+ "name" : "",
+ "type" : "String",
+ "desc" : "urlencode form output."
+ }
+ ]
}
],
"isAbstract" : false,
"tree_children" : [],
"tree_parent" : []
},
+ "Roo.lib.Color" : {
+ "props" : [],
+ "events" : [],
+ "methods" : [
+ {
+ "name" : "getCSSHSL",
+ "type" : "function",
+ "desc" : "getCSSHSL",
+ "sig" : "()\n{\n\n}",
+ "static" : false,
+ "memberOf" : "",
+ "isStatic" : false,
+ "isConstructor" : false,
+ "isPrivate" : false,
+ "example" : "",
+ "deprecated" : "",
+ "since" : "",
+ "see" : "",
+ "exceptions" : "",
+ "requires" : "",
+ "params" : [],
+ "returns" : [
+ {
+ "name" : "",
+ "type" : "String",
+ "desc" : "a string representing this Color as a CSS HSL Color value - that\nis, a string of the form hsl(h,s%,l%) where h is in the range [0,100] and\ns and l are in the range [0,100]."
+ }
+ ]
+ },
+ {
+ "name" : "getCSSHSLA",
+ "type" : "function",
+ "desc" : "getCSSHSLA",
+ "sig" : "()\n{\n\n}",
+ "static" : false,
+ "memberOf" : "",
+ "isStatic" : false,
+ "isConstructor" : false,
+ "isPrivate" : false,
+ "example" : "",
+ "deprecated" : "",
+ "since" : "",
+ "see" : "",
+ "exceptions" : "",
+ "requires" : "",
+ "params" : [],
+ "returns" : [
+ {
+ "name" : "",
+ "type" : "String",
+ "desc" : "a string representing this Color as a CSS HSLA Color value - that\nis, a string of the form hsla(h,s%,l%,a) where h is in the range [0,100],\ns and l are in the range [0,100], and a is in the range [0,1]."
+ }
+ ]
+ },
+ {
+ "name" : "getCSSHexadecimalRGB",
+ "type" : "function",
+ "desc" : "getCSSHexadecimalRGB",
+ "sig" : "()\n{\n\n}",
+ "static" : false,
+ "memberOf" : "",
+ "isStatic" : false,
+ "isConstructor" : false,
+ "isPrivate" : false,
+ "example" : "",
+ "deprecated" : "",
+ "since" : "",
+ "see" : "",
+ "exceptions" : "",
+ "requires" : "",
+ "params" : [],
+ "returns" : [
+ {
+ "name" : "",
+ "type" : "String",
+ "desc" : "a string representing this Color as a CSS hexadecimal RGB Color\nvalue - that is, a string of the form #RRGGBB where each of RR, GG, and BB\nare two-digit hexadecimal numbers."
+ }
+ ]
+ },
+ {
+ "name" : "getCSSIntegerRGB",
+ "type" : "function",
+ "desc" : "getCSSIntegerRGB",
+ "sig" : "()\n{\n\n}",
+ "static" : false,
+ "memberOf" : "",
+ "isStatic" : false,
+ "isConstructor" : false,
+ "isPrivate" : false,
+ "example" : "",
+ "deprecated" : "",
+ "since" : "",
+ "see" : "",
+ "exceptions" : "",
+ "requires" : "",
+ "params" : [],
+ "returns" : [
+ {
+ "name" : "",
+ "type" : "String",
+ "desc" : "a string representing this Color as a CSS integer RGB Color\nvalue - that is, a string of the form rgb(r,g,b) where each of r, g, and b\nare integers in the range [0,255]."
+ }
+ ]
+ },
+ {
+ "name" : "getCSSIntegerRGBA",
+ "type" : "function",
+ "desc" : "getCSSIntegerRGBA",
+ "sig" : "()\n{\n\n}",
+ "static" : false,
+ "memberOf" : "",
+ "isStatic" : false,
+ "isConstructor" : false,
+ "isPrivate" : false,
+ "example" : "",
+ "deprecated" : "",
+ "since" : "",
+ "see" : "",
+ "exceptions" : "",
+ "requires" : "",
+ "params" : [],
+ "returns" : [
+ {
+ "name" : "",
+ "type" : "String",
+ "desc" : "Returns a string representing this Color as a CSS integer RGBA Color\nvalue - that is, a string of the form rgba(r,g,b,a) where each of r, g, and\nb are integers in the range [0,255] and a is in the range [0,1]."
+ }
+ ]
+ },
+ {
+ "name" : "getCSSPercentageRGB",
+ "type" : "function",
+ "desc" : "getCSSPercentageRGB",
+ "sig" : "()\n{\n\n}",
+ "static" : false,
+ "memberOf" : "",
+ "isStatic" : false,
+ "isConstructor" : false,
+ "isPrivate" : false,
+ "example" : "",
+ "deprecated" : "",
+ "since" : "",
+ "see" : "",
+ "exceptions" : "",
+ "requires" : "",
+ "params" : [],
+ "returns" : [
+ {
+ "name" : "",
+ "type" : "String",
+ "desc" : "a string representing this Color as a CSS percentage RGB Color\nvalue - that is, a string of the form rgb(r%,g%,b%) where each of r, g, and\nb are in the range [0,100]."
+ }
+ ]
+ },
+ {
+ "name" : "getCSSPercentageRGBA",
+ "type" : "function",
+ "desc" : "getCSSPercentageRGBA",
+ "sig" : "()\n{\n\n}",
+ "static" : false,
+ "memberOf" : "",
+ "isStatic" : false,
+ "isConstructor" : false,
+ "isPrivate" : false,
+ "example" : "",
+ "deprecated" : "",
+ "since" : "",
+ "see" : "",
+ "exceptions" : "",
+ "requires" : "",
+ "params" : [],
+ "returns" : [
+ {
+ "name" : "",
+ "type" : "String",
+ "desc" : "a string representing this Color as a CSS percentage RGBA Color\nvalue - that is, a string of the form rgba(r%,g%,b%,a) where each of r, g,\nand b are in the range [0,100] and a is in the range [0,1]."
+ }
+ ]
+ },
+ {
+ "name" : "getHSL",
+ "type" : "function",
+ "desc" : "getHSL",
+ "sig" : "()\n{\n\n}",
+ "static" : false,
+ "memberOf" : "",
+ "isStatic" : false,
+ "isConstructor" : false,
+ "isPrivate" : false,
+ "example" : "",
+ "deprecated" : "",
+ "since" : "",
+ "see" : "",
+ "exceptions" : "",
+ "requires" : "",
+ "params" : [],
+ "returns" : [
+ {
+ "name" : "",
+ "type" : "Object",
+ "desc" : "the HSL and alpha components of this Color as an object with h,\ns, l, and a properties. h is in the range [0,360), s and l are in the range\n[0,100], and a is in the range [0,1]."
+ }
+ ]
+ },
+ {
+ "name" : "getHSV",
+ "type" : "function",
+ "desc" : "getHSV",
+ "sig" : "()\n{\n\n}",
+ "static" : false,
+ "memberOf" : "",
+ "isStatic" : false,
+ "isConstructor" : false,
+ "isPrivate" : false,
+ "example" : "",
+ "deprecated" : "",
+ "since" : "",
+ "see" : "",
+ "exceptions" : "",
+ "requires" : "",
+ "params" : [],
+ "returns" : [
+ {
+ "name" : "",
+ "type" : "Object",
+ "desc" : "the HSV and alpha components of this Color as an object with h,\ns, v, and a properties. h is in the range [0,360), s and v are in the range\n[0,100], and a is in the range [0,1]."
+ }
+ ]
+ },
+ {
+ "name" : "getIntegerRGB",
+ "type" : "function",
+ "desc" : "getIntegerRGB",
+ "sig" : "()\n{\n\n}",
+ "static" : false,
+ "memberOf" : "",
+ "isStatic" : false,
+ "isConstructor" : false,
+ "isPrivate" : false,
+ "example" : "",
+ "deprecated" : "",
+ "since" : "",
+ "see" : "",
+ "exceptions" : "",
+ "requires" : "",
+ "params" : [],
+ "returns" : [
+ {
+ "name" : "",
+ "type" : "Object",
+ "desc" : "an object representing the RGBA components of this Color. The red,\ngreen, and blue components are converted to integers in the range [0,255].\nThe alpha is a value in the range [0,1]."
+ }
+ ]
+ },
+ {
+ "name" : "getPercentageRGB",
+ "type" : "function",
+ "desc" : "getPercentageRGB",
+ "sig" : "()\n{\n\n}",
+ "static" : false,
+ "memberOf" : "",
+ "isStatic" : false,
+ "isConstructor" : false,
+ "isPrivate" : false,
+ "example" : "",
+ "deprecated" : "",
+ "since" : "",
+ "see" : "",
+ "exceptions" : "",
+ "requires" : "",
+ "params" : [],
+ "returns" : [
+ {
+ "name" : "",
+ "type" : "Object",
+ "desc" : "an object representing the RGBA components of this Color. The red,\ngreen, and blue components are converted to numbers in the range [0,100].\nThe alpha is a value in the range [0,1]."
+ }
+ ]
+ },
+ {
+ "name" : "getRGB",
+ "type" : "function",
+ "desc" : "getRGB",
+ "sig" : "()\n{\n\n}",
+ "static" : false,
+ "memberOf" : "",
+ "isStatic" : false,
+ "isConstructor" : false,
+ "isPrivate" : false,
+ "example" : "",
+ "deprecated" : "",
+ "since" : "",
+ "see" : "",
+ "exceptions" : "",
+ "requires" : "",
+ "params" : [],
+ "returns" : [
+ {
+ "name" : "",
+ "type" : "Object",
+ "desc" : "the RGB and alpha components of this Color as an object with r,\ng, b, and a properties. r, g, and b are in the range [0,255] and a is in\nthe range [0,1]."
+ }
+ ]
+ },
+ {
+ "name" : "setNodeBackgroundColor",
+ "type" : "function",
+ "desc" : "Sets the background Color of the specified node to this Color. This\nfunctions sets the CSS 'background-color' property for the node. The\nparameter is:",
+ "sig" : "(node)",
+ "static" : false,
+ "memberOf" : "",
+ "isStatic" : false,
+ "isConstructor" : false,
+ "isPrivate" : false,
+ "example" : "",
+ "deprecated" : "",
+ "since" : "",
+ "see" : "",
+ "exceptions" : "",
+ "requires" : "",
+ "params" : [
+ {
+ "name" : "node",
+ "type" : "DomElement",
+ "desc" : "- the node whose background Color should be set",
+ "isOptional" : false
+ }
+ ],
+ "returns" : []
+ },
+ {
+ "name" : "setNodeColor",
+ "type" : "function",
+ "desc" : "Sets the Color of the specified node to this Color. This functions sets\nthe CSS 'color' property for the node. The parameter is:",
+ "sig" : "(node)",
+ "static" : false,
+ "memberOf" : "",
+ "isStatic" : false,
+ "isConstructor" : false,
+ "isPrivate" : false,
+ "example" : "",
+ "deprecated" : "",
+ "since" : "",
+ "see" : "",
+ "exceptions" : "",
+ "requires" : "",
+ "params" : [
+ {
+ "name" : "node",
+ "type" : "DomElement",
+ "desc" : "- the node whose Color should be set",
+ "isOptional" : false
+ }
+ ],
+ "returns" : []
+ }
+ ],
+ "isAbstract" : false,
+ "isBuilderTop" : false,
+ "childClasses" : {
+ "Roo.lib.Color" : [
+ "Roo.lib.HSLColor",
+ "Roo.lib.HSVColor",
+ "Roo.lib.RGBColor"
+ ]
+ },
+ "tree_children" : [],
+ "tree_parent" : []
+ },
"Roo.lib.Dom" : {
"props" : [],
"events" : [],
"methods" : [
+ {
+ "name" : "getDocumentHeight",
+ "type" : "function",
+ "desc" : "Get the Full Document height",
+ "sig" : "()\n{\n\n}",
+ "static" : true,
+ "memberOf" : "",
+ "isStatic" : true,
+ "isConstructor" : false,
+ "isPrivate" : false,
+ "example" : "",
+ "deprecated" : "",
+ "since" : "",
+ "see" : "",
+ "exceptions" : "",
+ "requires" : "",
+ "params" : [],
+ "returns" : [
+ {
+ "name" : "",
+ "type" : "Number",
+ "desc" : "The height"
+ }
+ ]
+ },
+ {
+ "name" : "getDocumentWidth",
+ "type" : "function",
+ "desc" : "Get the Full Document width",
+ "sig" : "()\n{\n\n}",
+ "static" : true,
+ "memberOf" : "",
+ "isStatic" : true,
+ "isConstructor" : false,
+ "isPrivate" : false,
+ "example" : "",
+ "deprecated" : "",
+ "since" : "",
+ "see" : "",
+ "exceptions" : "",
+ "requires" : "",
+ "params" : [],
+ "returns" : [
+ {
+ "name" : "",
+ "type" : "Number",
+ "desc" : "The width"
+ }
+ ]
+ },
{
"name" : "getViewHeight",
"type" : "function",
"desc" : "The width"
}
]
+ },
+ {
+ "name" : "getViewportHeight",
+ "type" : "function",
+ "desc" : "Get the Window Viewport height",
+ "sig" : "()\n{\n\n}",
+ "static" : true,
+ "memberOf" : "",
+ "isStatic" : true,
+ "isConstructor" : false,
+ "isPrivate" : false,
+ "example" : "",
+ "deprecated" : "",
+ "since" : "",
+ "see" : "",
+ "exceptions" : "",
+ "requires" : "",
+ "params" : [],
+ "returns" : [
+ {
+ "name" : "",
+ "type" : "Number",
+ "desc" : "The height"
+ }
+ ]
+ },
+ {
+ "name" : "getViewportWidth",
+ "type" : "function",
+ "desc" : "Get the Window Viewport width",
+ "sig" : "()\n{\n\n}",
+ "static" : true,
+ "memberOf" : "",
+ "isStatic" : true,
+ "isConstructor" : false,
+ "isPrivate" : false,
+ "example" : "",
+ "deprecated" : "",
+ "since" : "",
+ "see" : "",
+ "exceptions" : "",
+ "requires" : "",
+ "params" : [],
+ "returns" : [
+ {
+ "name" : "",
+ "type" : "Number",
+ "desc" : "The width"
+ }
+ ]
+ }
+ ],
+ "isAbstract" : false,
+ "isBuilderTop" : false,
+ "childClasses" : { },
+ "tree_children" : [],
+ "tree_parent" : []
+ },
+ "Roo.lib.HSLColor" : {
+ "props" : [],
+ "events" : [],
+ "methods" : [
+ {
+ "name" : "getCSSHSL",
+ "type" : "function",
+ "desc" : "getCSSHSL",
+ "sig" : "()\n{\n\n}",
+ "static" : false,
+ "memberOf" : "Roo.lib.Color",
+ "isStatic" : false,
+ "isConstructor" : false,
+ "isPrivate" : false,
+ "example" : "",
+ "deprecated" : "",
+ "since" : "",
+ "see" : "",
+ "exceptions" : "",
+ "requires" : "",
+ "params" : [],
+ "returns" : [
+ {
+ "name" : "",
+ "type" : "String",
+ "desc" : "a string representing this Color as a CSS HSL Color value - that\nis, a string of the form hsl(h,s%,l%) where h is in the range [0,100] and\ns and l are in the range [0,100]."
+ }
+ ]
+ },
+ {
+ "name" : "getCSSHSLA",
+ "type" : "function",
+ "desc" : "getCSSHSLA",
+ "sig" : "()\n{\n\n}",
+ "static" : false,
+ "memberOf" : "Roo.lib.Color",
+ "isStatic" : false,
+ "isConstructor" : false,
+ "isPrivate" : false,
+ "example" : "",
+ "deprecated" : "",
+ "since" : "",
+ "see" : "",
+ "exceptions" : "",
+ "requires" : "",
+ "params" : [],
+ "returns" : [
+ {
+ "name" : "",
+ "type" : "String",
+ "desc" : "a string representing this Color as a CSS HSLA Color value - that\nis, a string of the form hsla(h,s%,l%,a) where h is in the range [0,100],\ns and l are in the range [0,100], and a is in the range [0,1]."
+ }
+ ]
+ },
+ {
+ "name" : "getCSSHexadecimalRGB",
+ "type" : "function",
+ "desc" : "getCSSHexadecimalRGB",
+ "sig" : "()\n{\n\n}",
+ "static" : false,
+ "memberOf" : "Roo.lib.Color",
+ "isStatic" : false,
+ "isConstructor" : false,
+ "isPrivate" : false,
+ "example" : "",
+ "deprecated" : "",
+ "since" : "",
+ "see" : "",
+ "exceptions" : "",
+ "requires" : "",
+ "params" : [],
+ "returns" : [
+ {
+ "name" : "",
+ "type" : "String",
+ "desc" : "a string representing this Color as a CSS hexadecimal RGB Color\nvalue - that is, a string of the form #RRGGBB where each of RR, GG, and BB\nare two-digit hexadecimal numbers."
+ }
+ ]
+ },
+ {
+ "name" : "getCSSIntegerRGB",
+ "type" : "function",
+ "desc" : "getCSSIntegerRGB",
+ "sig" : "()\n{\n\n}",
+ "static" : false,
+ "memberOf" : "Roo.lib.Color",
+ "isStatic" : false,
+ "isConstructor" : false,
+ "isPrivate" : false,
+ "example" : "",
+ "deprecated" : "",
+ "since" : "",
+ "see" : "",
+ "exceptions" : "",
+ "requires" : "",
+ "params" : [],
+ "returns" : [
+ {
+ "name" : "",
+ "type" : "String",
+ "desc" : "a string representing this Color as a CSS integer RGB Color\nvalue - that is, a string of the form rgb(r,g,b) where each of r, g, and b\nare integers in the range [0,255]."
+ }
+ ]
+ },
+ {
+ "name" : "getCSSIntegerRGBA",
+ "type" : "function",
+ "desc" : "getCSSIntegerRGBA",
+ "sig" : "()\n{\n\n}",
+ "static" : false,
+ "memberOf" : "Roo.lib.Color",
+ "isStatic" : false,
+ "isConstructor" : false,
+ "isPrivate" : false,
+ "example" : "",
+ "deprecated" : "",
+ "since" : "",
+ "see" : "",
+ "exceptions" : "",
+ "requires" : "",
+ "params" : [],
+ "returns" : [
+ {
+ "name" : "",
+ "type" : "String",
+ "desc" : "Returns a string representing this Color as a CSS integer RGBA Color\nvalue - that is, a string of the form rgba(r,g,b,a) where each of r, g, and\nb are integers in the range [0,255] and a is in the range [0,1]."
+ }
+ ]
+ },
+ {
+ "name" : "getCSSPercentageRGB",
+ "type" : "function",
+ "desc" : "getCSSPercentageRGB",
+ "sig" : "()\n{\n\n}",
+ "static" : false,
+ "memberOf" : "Roo.lib.Color",
+ "isStatic" : false,
+ "isConstructor" : false,
+ "isPrivate" : false,
+ "example" : "",
+ "deprecated" : "",
+ "since" : "",
+ "see" : "",
+ "exceptions" : "",
+ "requires" : "",
+ "params" : [],
+ "returns" : [
+ {
+ "name" : "",
+ "type" : "String",
+ "desc" : "a string representing this Color as a CSS percentage RGB Color\nvalue - that is, a string of the form rgb(r%,g%,b%) where each of r, g, and\nb are in the range [0,100]."
+ }
+ ]
+ },
+ {
+ "name" : "getCSSPercentageRGBA",
+ "type" : "function",
+ "desc" : "getCSSPercentageRGBA",
+ "sig" : "()\n{\n\n}",
+ "static" : false,
+ "memberOf" : "Roo.lib.Color",
+ "isStatic" : false,
+ "isConstructor" : false,
+ "isPrivate" : false,
+ "example" : "",
+ "deprecated" : "",
+ "since" : "",
+ "see" : "",
+ "exceptions" : "",
+ "requires" : "",
+ "params" : [],
+ "returns" : [
+ {
+ "name" : "",
+ "type" : "String",
+ "desc" : "a string representing this Color as a CSS percentage RGBA Color\nvalue - that is, a string of the form rgba(r%,g%,b%,a) where each of r, g,\nand b are in the range [0,100] and a is in the range [0,1]."
+ }
+ ]
+ },
+ {
+ "name" : "getHSL",
+ "type" : "function",
+ "desc" : "getHSL",
+ "sig" : "()\n{\n\n}",
+ "static" : false,
+ "memberOf" : "Roo.lib.Color",
+ "isStatic" : false,
+ "isConstructor" : false,
+ "isPrivate" : false,
+ "example" : "",
+ "deprecated" : "",
+ "since" : "",
+ "see" : "",
+ "exceptions" : "",
+ "requires" : "",
+ "params" : [],
+ "returns" : [
+ {
+ "name" : "",
+ "type" : "Object",
+ "desc" : "the HSL and alpha components of this Color as an object with h,\ns, l, and a properties. h is in the range [0,360), s and l are in the range\n[0,100], and a is in the range [0,1]."
+ }
+ ]
+ },
+ {
+ "name" : "getHSV",
+ "type" : "function",
+ "desc" : "getHSV",
+ "sig" : "()\n{\n\n}",
+ "static" : false,
+ "memberOf" : "Roo.lib.Color",
+ "isStatic" : false,
+ "isConstructor" : false,
+ "isPrivate" : false,
+ "example" : "",
+ "deprecated" : "",
+ "since" : "",
+ "see" : "",
+ "exceptions" : "",
+ "requires" : "",
+ "params" : [],
+ "returns" : [
+ {
+ "name" : "",
+ "type" : "Object",
+ "desc" : "the HSV and alpha components of this Color as an object with h,\ns, v, and a properties. h is in the range [0,360), s and v are in the range\n[0,100], and a is in the range [0,1]."
+ }
+ ]
+ },
+ {
+ "name" : "getIntegerRGB",
+ "type" : "function",
+ "desc" : "getIntegerRGB",
+ "sig" : "()\n{\n\n}",
+ "static" : false,
+ "memberOf" : "Roo.lib.Color",
+ "isStatic" : false,
+ "isConstructor" : false,
+ "isPrivate" : false,
+ "example" : "",
+ "deprecated" : "",
+ "since" : "",
+ "see" : "",
+ "exceptions" : "",
+ "requires" : "",
+ "params" : [],
+ "returns" : [
+ {
+ "name" : "",
+ "type" : "Object",
+ "desc" : "an object representing the RGBA components of this Color. The red,\ngreen, and blue components are converted to integers in the range [0,255].\nThe alpha is a value in the range [0,1]."
+ }
+ ]
+ },
+ {
+ "name" : "getPercentageRGB",
+ "type" : "function",
+ "desc" : "getPercentageRGB",
+ "sig" : "()\n{\n\n}",
+ "static" : false,
+ "memberOf" : "Roo.lib.Color",
+ "isStatic" : false,
+ "isConstructor" : false,
+ "isPrivate" : false,
+ "example" : "",
+ "deprecated" : "",
+ "since" : "",
+ "see" : "",
+ "exceptions" : "",
+ "requires" : "",
+ "params" : [],
+ "returns" : [
+ {
+ "name" : "",
+ "type" : "Object",
+ "desc" : "an object representing the RGBA components of this Color. The red,\ngreen, and blue components are converted to numbers in the range [0,100].\nThe alpha is a value in the range [0,1]."
+ }
+ ]
+ },
+ {
+ "name" : "getRGB",
+ "type" : "function",
+ "desc" : "getRGB",
+ "sig" : "()\n{\n\n}",
+ "static" : false,
+ "memberOf" : "Roo.lib.Color",
+ "isStatic" : false,
+ "isConstructor" : false,
+ "isPrivate" : false,
+ "example" : "",
+ "deprecated" : "",
+ "since" : "",
+ "see" : "",
+ "exceptions" : "",
+ "requires" : "",
+ "params" : [],
+ "returns" : [
+ {
+ "name" : "",
+ "type" : "Object",
+ "desc" : "the RGB and alpha components of this Color as an object with r,\ng, b, and a properties. r, g, and b are in the range [0,255] and a is in\nthe range [0,1]."
+ }
+ ]
+ },
+ {
+ "name" : "setNodeBackgroundColor",
+ "type" : "function",
+ "desc" : "Sets the background Color of the specified node to this Color. This\nfunctions sets the CSS 'background-color' property for the node. The\nparameter is:",
+ "sig" : "(node)",
+ "static" : false,
+ "memberOf" : "Roo.lib.Color",
+ "isStatic" : false,
+ "isConstructor" : false,
+ "isPrivate" : false,
+ "example" : "",
+ "deprecated" : "",
+ "since" : "",
+ "see" : "",
+ "exceptions" : "",
+ "requires" : "",
+ "params" : [
+ {
+ "name" : "node",
+ "type" : "DomElement",
+ "desc" : "- the node whose background Color should be set",
+ "isOptional" : false
+ }
+ ],
+ "returns" : []
+ },
+ {
+ "name" : "setNodeColor",
+ "type" : "function",
+ "desc" : "Sets the Color of the specified node to this Color. This functions sets\nthe CSS 'color' property for the node. The parameter is:",
+ "sig" : "(node)",
+ "static" : false,
+ "memberOf" : "Roo.lib.Color",
+ "isStatic" : false,
+ "isConstructor" : false,
+ "isPrivate" : false,
+ "example" : "",
+ "deprecated" : "",
+ "since" : "",
+ "see" : "",
+ "exceptions" : "",
+ "requires" : "",
+ "params" : [
+ {
+ "name" : "node",
+ "type" : "DomElement",
+ "desc" : "- the node whose Color should be set",
+ "isOptional" : false
+ }
+ ],
+ "returns" : []
+ }
+ ],
+ "isAbstract" : false,
+ "isBuilderTop" : false,
+ "childClasses" : { },
+ "tree_children" : [],
+ "tree_parent" : []
+ },
+ "Roo.lib.HSVColor" : {
+ "props" : [],
+ "events" : [],
+ "methods" : [
+ {
+ "name" : "getCSSHSL",
+ "type" : "function",
+ "desc" : "getCSSHSL",
+ "sig" : "()\n{\n\n}",
+ "static" : false,
+ "memberOf" : "Roo.lib.Color",
+ "isStatic" : false,
+ "isConstructor" : false,
+ "isPrivate" : false,
+ "example" : "",
+ "deprecated" : "",
+ "since" : "",
+ "see" : "",
+ "exceptions" : "",
+ "requires" : "",
+ "params" : [],
+ "returns" : [
+ {
+ "name" : "",
+ "type" : "String",
+ "desc" : "a string representing this Color as a CSS HSL Color value - that\nis, a string of the form hsl(h,s%,l%) where h is in the range [0,100] and\ns and l are in the range [0,100]."
+ }
+ ]
+ },
+ {
+ "name" : "getCSSHSLA",
+ "type" : "function",
+ "desc" : "getCSSHSLA",
+ "sig" : "()\n{\n\n}",
+ "static" : false,
+ "memberOf" : "Roo.lib.Color",
+ "isStatic" : false,
+ "isConstructor" : false,
+ "isPrivate" : false,
+ "example" : "",
+ "deprecated" : "",
+ "since" : "",
+ "see" : "",
+ "exceptions" : "",
+ "requires" : "",
+ "params" : [],
+ "returns" : [
+ {
+ "name" : "",
+ "type" : "String",
+ "desc" : "a string representing this Color as a CSS HSLA Color value - that\nis, a string of the form hsla(h,s%,l%,a) where h is in the range [0,100],\ns and l are in the range [0,100], and a is in the range [0,1]."
+ }
+ ]
+ },
+ {
+ "name" : "getCSSHexadecimalRGB",
+ "type" : "function",
+ "desc" : "getCSSHexadecimalRGB",
+ "sig" : "()\n{\n\n}",
+ "static" : false,
+ "memberOf" : "Roo.lib.Color",
+ "isStatic" : false,
+ "isConstructor" : false,
+ "isPrivate" : false,
+ "example" : "",
+ "deprecated" : "",
+ "since" : "",
+ "see" : "",
+ "exceptions" : "",
+ "requires" : "",
+ "params" : [],
+ "returns" : [
+ {
+ "name" : "",
+ "type" : "String",
+ "desc" : "a string representing this Color as a CSS hexadecimal RGB Color\nvalue - that is, a string of the form #RRGGBB where each of RR, GG, and BB\nare two-digit hexadecimal numbers."
+ }
+ ]
+ },
+ {
+ "name" : "getCSSIntegerRGB",
+ "type" : "function",
+ "desc" : "getCSSIntegerRGB",
+ "sig" : "()\n{\n\n}",
+ "static" : false,
+ "memberOf" : "Roo.lib.Color",
+ "isStatic" : false,
+ "isConstructor" : false,
+ "isPrivate" : false,
+ "example" : "",
+ "deprecated" : "",
+ "since" : "",
+ "see" : "",
+ "exceptions" : "",
+ "requires" : "",
+ "params" : [],
+ "returns" : [
+ {
+ "name" : "",
+ "type" : "String",
+ "desc" : "a string representing this Color as a CSS integer RGB Color\nvalue - that is, a string of the form rgb(r,g,b) where each of r, g, and b\nare integers in the range [0,255]."
+ }
+ ]
+ },
+ {
+ "name" : "getCSSIntegerRGBA",
+ "type" : "function",
+ "desc" : "getCSSIntegerRGBA",
+ "sig" : "()\n{\n\n}",
+ "static" : false,
+ "memberOf" : "Roo.lib.Color",
+ "isStatic" : false,
+ "isConstructor" : false,
+ "isPrivate" : false,
+ "example" : "",
+ "deprecated" : "",
+ "since" : "",
+ "see" : "",
+ "exceptions" : "",
+ "requires" : "",
+ "params" : [],
+ "returns" : [
+ {
+ "name" : "",
+ "type" : "String",
+ "desc" : "Returns a string representing this Color as a CSS integer RGBA Color\nvalue - that is, a string of the form rgba(r,g,b,a) where each of r, g, and\nb are integers in the range [0,255] and a is in the range [0,1]."
+ }
+ ]
+ },
+ {
+ "name" : "getCSSPercentageRGB",
+ "type" : "function",
+ "desc" : "getCSSPercentageRGB",
+ "sig" : "()\n{\n\n}",
+ "static" : false,
+ "memberOf" : "Roo.lib.Color",
+ "isStatic" : false,
+ "isConstructor" : false,
+ "isPrivate" : false,
+ "example" : "",
+ "deprecated" : "",
+ "since" : "",
+ "see" : "",
+ "exceptions" : "",
+ "requires" : "",
+ "params" : [],
+ "returns" : [
+ {
+ "name" : "",
+ "type" : "String",
+ "desc" : "a string representing this Color as a CSS percentage RGB Color\nvalue - that is, a string of the form rgb(r%,g%,b%) where each of r, g, and\nb are in the range [0,100]."
+ }
+ ]
+ },
+ {
+ "name" : "getCSSPercentageRGBA",
+ "type" : "function",
+ "desc" : "getCSSPercentageRGBA",
+ "sig" : "()\n{\n\n}",
+ "static" : false,
+ "memberOf" : "Roo.lib.Color",
+ "isStatic" : false,
+ "isConstructor" : false,
+ "isPrivate" : false,
+ "example" : "",
+ "deprecated" : "",
+ "since" : "",
+ "see" : "",
+ "exceptions" : "",
+ "requires" : "",
+ "params" : [],
+ "returns" : [
+ {
+ "name" : "",
+ "type" : "String",
+ "desc" : "a string representing this Color as a CSS percentage RGBA Color\nvalue - that is, a string of the form rgba(r%,g%,b%,a) where each of r, g,\nand b are in the range [0,100] and a is in the range [0,1]."
+ }
+ ]
+ },
+ {
+ "name" : "getHSL",
+ "type" : "function",
+ "desc" : "getHSL",
+ "sig" : "()\n{\n\n}",
+ "static" : false,
+ "memberOf" : "Roo.lib.Color",
+ "isStatic" : false,
+ "isConstructor" : false,
+ "isPrivate" : false,
+ "example" : "",
+ "deprecated" : "",
+ "since" : "",
+ "see" : "",
+ "exceptions" : "",
+ "requires" : "",
+ "params" : [],
+ "returns" : [
+ {
+ "name" : "",
+ "type" : "Object",
+ "desc" : "the HSL and alpha components of this Color as an object with h,\ns, l, and a properties. h is in the range [0,360), s and l are in the range\n[0,100], and a is in the range [0,1]."
+ }
+ ]
+ },
+ {
+ "name" : "getHSV",
+ "type" : "function",
+ "desc" : "getHSV",
+ "sig" : "()\n{\n\n}",
+ "static" : false,
+ "memberOf" : "Roo.lib.Color",
+ "isStatic" : false,
+ "isConstructor" : false,
+ "isPrivate" : false,
+ "example" : "",
+ "deprecated" : "",
+ "since" : "",
+ "see" : "",
+ "exceptions" : "",
+ "requires" : "",
+ "params" : [],
+ "returns" : [
+ {
+ "name" : "",
+ "type" : "Object",
+ "desc" : "the HSV and alpha components of this Color as an object with h,\ns, v, and a properties. h is in the range [0,360), s and v are in the range\n[0,100], and a is in the range [0,1]."
+ }
+ ]
+ },
+ {
+ "name" : "getIntegerRGB",
+ "type" : "function",
+ "desc" : "getIntegerRGB",
+ "sig" : "()\n{\n\n}",
+ "static" : false,
+ "memberOf" : "Roo.lib.Color",
+ "isStatic" : false,
+ "isConstructor" : false,
+ "isPrivate" : false,
+ "example" : "",
+ "deprecated" : "",
+ "since" : "",
+ "see" : "",
+ "exceptions" : "",
+ "requires" : "",
+ "params" : [],
+ "returns" : [
+ {
+ "name" : "",
+ "type" : "Object",
+ "desc" : "an object representing the RGBA components of this Color. The red,\ngreen, and blue components are converted to integers in the range [0,255].\nThe alpha is a value in the range [0,1]."
+ }
+ ]
+ },
+ {
+ "name" : "getPercentageRGB",
+ "type" : "function",
+ "desc" : "getPercentageRGB",
+ "sig" : "()\n{\n\n}",
+ "static" : false,
+ "memberOf" : "Roo.lib.Color",
+ "isStatic" : false,
+ "isConstructor" : false,
+ "isPrivate" : false,
+ "example" : "",
+ "deprecated" : "",
+ "since" : "",
+ "see" : "",
+ "exceptions" : "",
+ "requires" : "",
+ "params" : [],
+ "returns" : [
+ {
+ "name" : "",
+ "type" : "Object",
+ "desc" : "an object representing the RGBA components of this Color. The red,\ngreen, and blue components are converted to numbers in the range [0,100].\nThe alpha is a value in the range [0,1]."
+ }
+ ]
+ },
+ {
+ "name" : "getRGB",
+ "type" : "function",
+ "desc" : "getRGB",
+ "sig" : "()\n{\n\n}",
+ "static" : false,
+ "memberOf" : "Roo.lib.Color",
+ "isStatic" : false,
+ "isConstructor" : false,
+ "isPrivate" : false,
+ "example" : "",
+ "deprecated" : "",
+ "since" : "",
+ "see" : "",
+ "exceptions" : "",
+ "requires" : "",
+ "params" : [],
+ "returns" : [
+ {
+ "name" : "",
+ "type" : "Object",
+ "desc" : "the RGB and alpha components of this Color as an object with r,\ng, b, and a properties. r, g, and b are in the range [0,255] and a is in\nthe range [0,1]."
+ }
+ ]
+ },
+ {
+ "name" : "setNodeBackgroundColor",
+ "type" : "function",
+ "desc" : "Sets the background Color of the specified node to this Color. This\nfunctions sets the CSS 'background-color' property for the node. The\nparameter is:",
+ "sig" : "(node)",
+ "static" : false,
+ "memberOf" : "Roo.lib.Color",
+ "isStatic" : false,
+ "isConstructor" : false,
+ "isPrivate" : false,
+ "example" : "",
+ "deprecated" : "",
+ "since" : "",
+ "see" : "",
+ "exceptions" : "",
+ "requires" : "",
+ "params" : [
+ {
+ "name" : "node",
+ "type" : "DomElement",
+ "desc" : "- the node whose background Color should be set",
+ "isOptional" : false
+ }
+ ],
+ "returns" : []
+ },
+ {
+ "name" : "setNodeColor",
+ "type" : "function",
+ "desc" : "Sets the Color of the specified node to this Color. This functions sets\nthe CSS 'color' property for the node. The parameter is:",
+ "sig" : "(node)",
+ "static" : false,
+ "memberOf" : "Roo.lib.Color",
+ "isStatic" : false,
+ "isConstructor" : false,
+ "isPrivate" : false,
+ "example" : "",
+ "deprecated" : "",
+ "since" : "",
+ "see" : "",
+ "exceptions" : "",
+ "requires" : "",
+ "params" : [
+ {
+ "name" : "node",
+ "type" : "DomElement",
+ "desc" : "- the node whose Color should be set",
+ "isOptional" : false
+ }
+ ],
+ "returns" : []
+ }
+ ],
+ "isAbstract" : false,
+ "isBuilderTop" : false,
+ "childClasses" : { },
+ "tree_children" : [],
+ "tree_parent" : []
+ },
+ "Roo.lib.RGBColor" : {
+ "props" : [],
+ "events" : [],
+ "methods" : [
+ {
+ "name" : "getCSSHSL",
+ "type" : "function",
+ "desc" : "getCSSHSL",
+ "sig" : "()\n{\n\n}",
+ "static" : false,
+ "memberOf" : "Roo.lib.Color",
+ "isStatic" : false,
+ "isConstructor" : false,
+ "isPrivate" : false,
+ "example" : "",
+ "deprecated" : "",
+ "since" : "",
+ "see" : "",
+ "exceptions" : "",
+ "requires" : "",
+ "params" : [],
+ "returns" : [
+ {
+ "name" : "",
+ "type" : "String",
+ "desc" : "a string representing this Color as a CSS HSL Color value - that\nis, a string of the form hsl(h,s%,l%) where h is in the range [0,100] and\ns and l are in the range [0,100]."
+ }
+ ]
+ },
+ {
+ "name" : "getCSSHSLA",
+ "type" : "function",
+ "desc" : "getCSSHSLA",
+ "sig" : "()\n{\n\n}",
+ "static" : false,
+ "memberOf" : "Roo.lib.Color",
+ "isStatic" : false,
+ "isConstructor" : false,
+ "isPrivate" : false,
+ "example" : "",
+ "deprecated" : "",
+ "since" : "",
+ "see" : "",
+ "exceptions" : "",
+ "requires" : "",
+ "params" : [],
+ "returns" : [
+ {
+ "name" : "",
+ "type" : "String",
+ "desc" : "a string representing this Color as a CSS HSLA Color value - that\nis, a string of the form hsla(h,s%,l%,a) where h is in the range [0,100],\ns and l are in the range [0,100], and a is in the range [0,1]."
+ }
+ ]
+ },
+ {
+ "name" : "getCSSHexadecimalRGB",
+ "type" : "function",
+ "desc" : "getCSSHexadecimalRGB",
+ "sig" : "()\n{\n\n}",
+ "static" : false,
+ "memberOf" : "Roo.lib.Color",
+ "isStatic" : false,
+ "isConstructor" : false,
+ "isPrivate" : false,
+ "example" : "",
+ "deprecated" : "",
+ "since" : "",
+ "see" : "",
+ "exceptions" : "",
+ "requires" : "",
+ "params" : [],
+ "returns" : [
+ {
+ "name" : "",
+ "type" : "String",
+ "desc" : "a string representing this Color as a CSS hexadecimal RGB Color\nvalue - that is, a string of the form #RRGGBB where each of RR, GG, and BB\nare two-digit hexadecimal numbers."
+ }
+ ]
+ },
+ {
+ "name" : "getCSSIntegerRGB",
+ "type" : "function",
+ "desc" : "getCSSIntegerRGB",
+ "sig" : "()\n{\n\n}",
+ "static" : false,
+ "memberOf" : "Roo.lib.Color",
+ "isStatic" : false,
+ "isConstructor" : false,
+ "isPrivate" : false,
+ "example" : "",
+ "deprecated" : "",
+ "since" : "",
+ "see" : "",
+ "exceptions" : "",
+ "requires" : "",
+ "params" : [],
+ "returns" : [
+ {
+ "name" : "",
+ "type" : "String",
+ "desc" : "a string representing this Color as a CSS integer RGB Color\nvalue - that is, a string of the form rgb(r,g,b) where each of r, g, and b\nare integers in the range [0,255]."
+ }
+ ]
+ },
+ {
+ "name" : "getCSSIntegerRGBA",
+ "type" : "function",
+ "desc" : "getCSSIntegerRGBA",
+ "sig" : "()\n{\n\n}",
+ "static" : false,
+ "memberOf" : "Roo.lib.Color",
+ "isStatic" : false,
+ "isConstructor" : false,
+ "isPrivate" : false,
+ "example" : "",
+ "deprecated" : "",
+ "since" : "",
+ "see" : "",
+ "exceptions" : "",
+ "requires" : "",
+ "params" : [],
+ "returns" : [
+ {
+ "name" : "",
+ "type" : "String",
+ "desc" : "Returns a string representing this Color as a CSS integer RGBA Color\nvalue - that is, a string of the form rgba(r,g,b,a) where each of r, g, and\nb are integers in the range [0,255] and a is in the range [0,1]."
+ }
+ ]
+ },
+ {
+ "name" : "getCSSPercentageRGB",
+ "type" : "function",
+ "desc" : "getCSSPercentageRGB",
+ "sig" : "()\n{\n\n}",
+ "static" : false,
+ "memberOf" : "Roo.lib.Color",
+ "isStatic" : false,
+ "isConstructor" : false,
+ "isPrivate" : false,
+ "example" : "",
+ "deprecated" : "",
+ "since" : "",
+ "see" : "",
+ "exceptions" : "",
+ "requires" : "",
+ "params" : [],
+ "returns" : [
+ {
+ "name" : "",
+ "type" : "String",
+ "desc" : "a string representing this Color as a CSS percentage RGB Color\nvalue - that is, a string of the form rgb(r%,g%,b%) where each of r, g, and\nb are in the range [0,100]."
+ }
+ ]
+ },
+ {
+ "name" : "getCSSPercentageRGBA",
+ "type" : "function",
+ "desc" : "getCSSPercentageRGBA",
+ "sig" : "()\n{\n\n}",
+ "static" : false,
+ "memberOf" : "Roo.lib.Color",
+ "isStatic" : false,
+ "isConstructor" : false,
+ "isPrivate" : false,
+ "example" : "",
+ "deprecated" : "",
+ "since" : "",
+ "see" : "",
+ "exceptions" : "",
+ "requires" : "",
+ "params" : [],
+ "returns" : [
+ {
+ "name" : "",
+ "type" : "String",
+ "desc" : "a string representing this Color as a CSS percentage RGBA Color\nvalue - that is, a string of the form rgba(r%,g%,b%,a) where each of r, g,\nand b are in the range [0,100] and a is in the range [0,1]."
+ }
+ ]
+ },
+ {
+ "name" : "getHSL",
+ "type" : "function",
+ "desc" : "getHSL",
+ "sig" : "()\n{\n\n}",
+ "static" : false,
+ "memberOf" : "Roo.lib.Color",
+ "isStatic" : false,
+ "isConstructor" : false,
+ "isPrivate" : false,
+ "example" : "",
+ "deprecated" : "",
+ "since" : "",
+ "see" : "",
+ "exceptions" : "",
+ "requires" : "",
+ "params" : [],
+ "returns" : [
+ {
+ "name" : "",
+ "type" : "Object",
+ "desc" : "the HSL and alpha components of this Color as an object with h,\ns, l, and a properties. h is in the range [0,360), s and l are in the range\n[0,100], and a is in the range [0,1]."
+ }
+ ]
+ },
+ {
+ "name" : "getHSV",
+ "type" : "function",
+ "desc" : "getHSV",
+ "sig" : "()\n{\n\n}",
+ "static" : false,
+ "memberOf" : "Roo.lib.Color",
+ "isStatic" : false,
+ "isConstructor" : false,
+ "isPrivate" : false,
+ "example" : "",
+ "deprecated" : "",
+ "since" : "",
+ "see" : "",
+ "exceptions" : "",
+ "requires" : "",
+ "params" : [],
+ "returns" : [
+ {
+ "name" : "",
+ "type" : "Object",
+ "desc" : "the HSV and alpha components of this Color as an object with h,\ns, v, and a properties. h is in the range [0,360), s and v are in the range\n[0,100], and a is in the range [0,1]."
+ }
+ ]
+ },
+ {
+ "name" : "getIntegerRGB",
+ "type" : "function",
+ "desc" : "getIntegerRGB",
+ "sig" : "()\n{\n\n}",
+ "static" : false,
+ "memberOf" : "Roo.lib.Color",
+ "isStatic" : false,
+ "isConstructor" : false,
+ "isPrivate" : false,
+ "example" : "",
+ "deprecated" : "",
+ "since" : "",
+ "see" : "",
+ "exceptions" : "",
+ "requires" : "",
+ "params" : [],
+ "returns" : [
+ {
+ "name" : "",
+ "type" : "Object",
+ "desc" : "an object representing the RGBA components of this Color. The red,\ngreen, and blue components are converted to integers in the range [0,255].\nThe alpha is a value in the range [0,1]."
+ }
+ ]
+ },
+ {
+ "name" : "getPercentageRGB",
+ "type" : "function",
+ "desc" : "getPercentageRGB",
+ "sig" : "()\n{\n\n}",
+ "static" : false,
+ "memberOf" : "Roo.lib.Color",
+ "isStatic" : false,
+ "isConstructor" : false,
+ "isPrivate" : false,
+ "example" : "",
+ "deprecated" : "",
+ "since" : "",
+ "see" : "",
+ "exceptions" : "",
+ "requires" : "",
+ "params" : [],
+ "returns" : [
+ {
+ "name" : "",
+ "type" : "Object",
+ "desc" : "an object representing the RGBA components of this Color. The red,\ngreen, and blue components are converted to numbers in the range [0,100].\nThe alpha is a value in the range [0,1]."
+ }
+ ]
+ },
+ {
+ "name" : "getRGB",
+ "type" : "function",
+ "desc" : "getRGB",
+ "sig" : "()\n{\n\n}",
+ "static" : false,
+ "memberOf" : "Roo.lib.Color",
+ "isStatic" : false,
+ "isConstructor" : false,
+ "isPrivate" : false,
+ "example" : "",
+ "deprecated" : "",
+ "since" : "",
+ "see" : "",
+ "exceptions" : "",
+ "requires" : "",
+ "params" : [],
+ "returns" : [
+ {
+ "name" : "",
+ "type" : "Object",
+ "desc" : "the RGB and alpha components of this Color as an object with r,\ng, b, and a properties. r, g, and b are in the range [0,255] and a is in\nthe range [0,1]."
+ }
+ ]
+ },
+ {
+ "name" : "setNodeBackgroundColor",
+ "type" : "function",
+ "desc" : "Sets the background Color of the specified node to this Color. This\nfunctions sets the CSS 'background-color' property for the node. The\nparameter is:",
+ "sig" : "(node)",
+ "static" : false,
+ "memberOf" : "Roo.lib.Color",
+ "isStatic" : false,
+ "isConstructor" : false,
+ "isPrivate" : false,
+ "example" : "",
+ "deprecated" : "",
+ "since" : "",
+ "see" : "",
+ "exceptions" : "",
+ "requires" : "",
+ "params" : [
+ {
+ "name" : "node",
+ "type" : "DomElement",
+ "desc" : "- the node whose background Color should be set",
+ "isOptional" : false
+ }
+ ],
+ "returns" : []
+ },
+ {
+ "name" : "setNodeColor",
+ "type" : "function",
+ "desc" : "Sets the Color of the specified node to this Color. This functions sets\nthe CSS 'color' property for the node. The parameter is:",
+ "sig" : "(node)",
+ "static" : false,
+ "memberOf" : "Roo.lib.Color",
+ "isStatic" : false,
+ "isConstructor" : false,
+ "isPrivate" : false,
+ "example" : "",
+ "deprecated" : "",
+ "since" : "",
+ "see" : "",
+ "exceptions" : "",
+ "requires" : "",
+ "params" : [
+ {
+ "name" : "node",
+ "type" : "DomElement",
+ "desc" : "- the node whose Color should be set",
+ "isOptional" : false
+ }
+ ],
+ "returns" : []
}
],
"isAbstract" : false,
"Roo.util.DelayedTask" : {
"props" : [],
"events" : [],
- "methods" : [],
+ "methods" : [
+ {
+ "name" : "cancel",
+ "type" : "function",
+ "desc" : "Cancel the last queued timeout",
+ "sig" : "()\n{\n\n}",
+ "static" : false,
+ "memberOf" : "",
+ "isStatic" : false,
+ "isConstructor" : false,
+ "isPrivate" : false,
+ "example" : "",
+ "deprecated" : "",
+ "since" : "",
+ "see" : "",
+ "exceptions" : "",
+ "requires" : "",
+ "params" : [],
+ "returns" : []
+ },
+ {
+ "name" : "delay",
+ "type" : "function",
+ "desc" : "Cancels any pending timeout and queues a new one",
+ "sig" : "(delay, newFn, newScope, newArgs)",
+ "static" : false,
+ "memberOf" : "",
+ "isStatic" : false,
+ "isConstructor" : false,
+ "isPrivate" : false,
+ "example" : "",
+ "deprecated" : "",
+ "since" : "",
+ "see" : "",
+ "exceptions" : "",
+ "requires" : "",
+ "params" : [
+ {
+ "name" : "delay",
+ "type" : "Number",
+ "desc" : "The milliseconds to delay",
+ "isOptional" : false
+ },
+ {
+ "name" : "newFn",
+ "type" : "Function",
+ "desc" : "(optional) Overrides function passed to constructor",
+ "isOptional" : false
+ },
+ {
+ "name" : "newScope",
+ "type" : "Object",
+ "desc" : "(optional) Overrides scope passed to constructor",
+ "isOptional" : false
+ },
+ {
+ "name" : "newArgs",
+ "type" : "Array",
+ "desc" : "(optional) Overrides args passed to constructor",
+ "isOptional" : false
+ }
+ ],
+ "returns" : []
+ }
+ ],
"isAbstract" : false,
"isBuilderTop" : false,
"childClasses" : { },
"Roo.util.JSON" : {
"props" : [],
"events" : [],
- "methods" : [],
+ "methods" : [
+ {
+ "name" : "decode",
+ "type" : "function",
+ "desc" : "Decodes (parses) a JSON string to an object. If the JSON is invalid, this function throws a SyntaxError.",
+ "sig" : "(json)",
+ "static" : false,
+ "memberOf" : "",
+ "isStatic" : false,
+ "isConstructor" : false,
+ "isPrivate" : false,
+ "example" : "",
+ "deprecated" : "",
+ "since" : "",
+ "see" : "",
+ "exceptions" : "",
+ "requires" : "",
+ "params" : [
+ {
+ "name" : "json",
+ "type" : "String",
+ "desc" : "The JSON string",
+ "isOptional" : false
+ }
+ ],
+ "returns" : [
+ {
+ "name" : "",
+ "type" : "Object",
+ "desc" : "The resulting object"
+ }
+ ]
+ },
+ {
+ "name" : "encode",
+ "type" : "function",
+ "desc" : "Encodes an Object, Array or other value",
+ "sig" : "(o)",
+ "static" : false,
+ "memberOf" : "",
+ "isStatic" : false,
+ "isConstructor" : false,
+ "isPrivate" : false,
+ "example" : "",
+ "deprecated" : "",
+ "since" : "",
+ "see" : "",
+ "exceptions" : "",
+ "requires" : "",
+ "params" : [
+ {
+ "name" : "o",
+ "type" : "Mixed",
+ "desc" : "The variable to encode",
+ "isOptional" : false
+ }
+ ],
+ "returns" : [
+ {
+ "name" : "",
+ "type" : "String",
+ "desc" : "The JSON string"
+ }
+ ]
+ }
+ ],
"isAbstract" : false,
"isBuilderTop" : false,
"childClasses" : { },
"tree_children" : [],
"tree_parent" : []
},
+ "Roo.util.TaskRunner" : {
+ "props" : [],
+ "events" : [],
+ "methods" : [
+ {
+ "name" : "start",
+ "type" : "function",
+ "desc" : "Queues a new task.",
+ "sig" : "(task)",
+ "static" : false,
+ "memberOf" : "",
+ "isStatic" : false,
+ "isConstructor" : false,
+ "isPrivate" : false,
+ "example" : "",
+ "deprecated" : "",
+ "since" : "",
+ "see" : "",
+ "exceptions" : "",
+ "requires" : "",
+ "params" : [
+ {
+ "name" : "task",
+ "type" : "Object",
+ "desc" : "Task property : interval = how frequent to run.\nTask object should implement\nfunction run()\nTask object may implement\nfunction onStop()",
+ "isOptional" : false
+ }
+ ],
+ "returns" : []
+ },
+ {
+ "name" : "stop",
+ "type" : "function",
+ "desc" : "Stop new task.",
+ "sig" : "(task)",
+ "static" : false,
+ "memberOf" : "",
+ "isStatic" : false,
+ "isConstructor" : false,
+ "isPrivate" : false,
+ "example" : "",
+ "deprecated" : "",
+ "since" : "",
+ "see" : "",
+ "exceptions" : "",
+ "requires" : "",
+ "params" : [
+ {
+ "name" : "task",
+ "type" : "Object",
+ "desc" : "",
+ "isOptional" : false
+ }
+ ],
+ "returns" : []
+ },
+ {
+ "name" : "stopAll",
+ "type" : "function",
+ "desc" : "Stop all Tasks",
+ "sig" : "()\n{\n\n}",
+ "static" : false,
+ "memberOf" : "",
+ "isStatic" : false,
+ "isConstructor" : false,
+ "isPrivate" : false,
+ "example" : "",
+ "deprecated" : "",
+ "since" : "",
+ "see" : "",
+ "exceptions" : "",
+ "requires" : "",
+ "params" : [],
+ "returns" : []
+ }
+ ],
+ "isAbstract" : false,
+ "isBuilderTop" : false,
+ "childClasses" : { },
+ "tree_children" : [],
+ "tree_parent" : []
+ },
"Roo.util.TextMetrics" : {
"props" : [],
"events" : [],
"Roo.util.TextMetrics.Instance" : {
"props" : [],
"events" : [],
- "methods" : [],
+ "methods" : [
+ {
+ "name" : "bind",
+ "type" : "function",
+ "desc" : "Binds this TextMetrics instance to an element from which to copy existing CSS styles\nthat can affect the size of the rendered text",
+ "sig" : "(el)",
+ "static" : false,
+ "memberOf" : "",
+ "isStatic" : false,
+ "isConstructor" : false,
+ "isPrivate" : false,
+ "example" : "",
+ "deprecated" : "",
+ "since" : "",
+ "see" : "",
+ "exceptions" : "",
+ "requires" : "",
+ "params" : [
+ {
+ "name" : "el",
+ "type" : "String/HTMLElement",
+ "desc" : "The element, dom node or id",
+ "isOptional" : false
+ }
+ ],
+ "returns" : []
+ },
+ {
+ "name" : "getHeight",
+ "type" : "function",
+ "desc" : "Returns the measured height of the specified text. For multiline text, be sure to call\n{@link #setFixedWidth} if necessary.",
+ "sig" : "(text)",
+ "static" : false,
+ "memberOf" : "",
+ "isStatic" : false,
+ "isConstructor" : false,
+ "isPrivate" : false,
+ "example" : "",
+ "deprecated" : "",
+ "since" : "",
+ "see" : "",
+ "exceptions" : "",
+ "requires" : "",
+ "params" : [
+ {
+ "name" : "text",
+ "type" : "String",
+ "desc" : "The text to measure",
+ "isOptional" : false
+ }
+ ],
+ "returns" : [
+ {
+ "name" : "",
+ "type" : "Number",
+ "desc" : "height The height in pixels"
+ }
+ ]
+ },
+ {
+ "name" : "getSize",
+ "type" : "function",
+ "desc" : "Returns the size of the specified text based on the internal element's style and width properties",
+ "sig" : "(text)",
+ "static" : false,
+ "memberOf" : "",
+ "isStatic" : false,
+ "isConstructor" : false,
+ "isPrivate" : false,
+ "example" : "",
+ "deprecated" : "",
+ "since" : "",
+ "see" : "",
+ "exceptions" : "",
+ "requires" : "",
+ "params" : [
+ {
+ "name" : "text",
+ "type" : "String",
+ "desc" : "The text to measure",
+ "isOptional" : false
+ }
+ ],
+ "returns" : [
+ {
+ "name" : "",
+ "type" : "Object",
+ "desc" : "An object containing the text's size {width: (width), height: (height)}"
+ }
+ ]
+ },
+ {
+ "name" : "getWidth",
+ "type" : "function",
+ "desc" : "Returns the measured width of the specified text",
+ "sig" : "(text)",
+ "static" : false,
+ "memberOf" : "",
+ "isStatic" : false,
+ "isConstructor" : false,
+ "isPrivate" : false,
+ "example" : "",
+ "deprecated" : "",
+ "since" : "",
+ "see" : "",
+ "exceptions" : "",
+ "requires" : "",
+ "params" : [
+ {
+ "name" : "text",
+ "type" : "String",
+ "desc" : "The text to measure",
+ "isOptional" : false
+ }
+ ],
+ "returns" : [
+ {
+ "name" : "",
+ "type" : "Number",
+ "desc" : "width The width in pixels"
+ }
+ ]
+ },
+ {
+ "name" : "setFixedWidth",
+ "type" : "function",
+ "desc" : "Sets a fixed width on the internal measurement element. If the text will be multiline, you have\nto set a fixed width in order to accurately measure the text height.",
+ "sig" : "(width)",
+ "static" : false,
+ "memberOf" : "",
+ "isStatic" : false,
+ "isConstructor" : false,
+ "isPrivate" : false,
+ "example" : "",
+ "deprecated" : "",
+ "since" : "",
+ "see" : "",
+ "exceptions" : "",
+ "requires" : "",
+ "params" : [
+ {
+ "name" : "width",
+ "type" : "Number",
+ "desc" : "The width to set on the element",
+ "isOptional" : false
+ }
+ ],
+ "returns" : []
+ }
+ ],
"isAbstract" : false,
"isBuilderTop" : false,
"childClasses" : { },
"childClasses" : { },
"tree_children" : [],
"tree_parent" : []
- },
- "this" : {
- "props" : [],
- "events" : [],
- "methods" : [],
- "isAbstract" : false,
- "isBuilderTop" : false,
- "childClasses" : { },
- "tree_children" : [],
- "tree_parent" : []
}
}
\ No newline at end of file
/**
* @class Roo.ComponentMgr
* Provides a common registry of all components on a page so that they can be easily accessed by component id (see {@link Roo.getCmp}).
- * @singleton
+ * @static
*/
</span><span class="jsdoc-var">Roo.ComponentMgr </span><span class="jsdoc-syntax">= </span><span class="jsdoc-keyword">function</span><span class="jsdoc-syntax">(){
</span><span class="jsdoc-keyword">var </span><span class="jsdoc-var">all </span><span class="jsdoc-syntax">= </span><span class="jsdoc-keyword">new </span><span class="jsdoc-var">Roo.util.MixedCollection</span><span class="jsdoc-syntax">();
* @class Roo.DomHelper
* Utility class for working with DOM and/or Templates. It transparently supports using HTML fragments or DOM.
* For more information see <a href="http://web.archive.org/web/20071221063734/http://www.jackslocum.com/blog/2006/10/06/domhelper-create-elements-using-dom-html-fragments-or-templates/">this blog post with examples</a>.
- * @singleton
+ * @static
*/
</span><span class="jsdoc-var">Roo.DomHelper </span><span class="jsdoc-syntax">= </span><span class="jsdoc-keyword">function</span><span class="jsdoc-syntax">(){
</span><span class="jsdoc-keyword">var </span><span class="jsdoc-var">tempTableEl </span><span class="jsdoc-syntax">= </span><span class="jsdoc-keyword">null</span><span class="jsdoc-syntax">;
<li> <b>E{display%=2}</b> css value "display" that is evenly divisible by 2</li>
<li> <b>E{display!=none}</b> css value "display" that does not equal "none"</li>
</ul>
- * @singleton
+ * @static
*/
</span><span class="jsdoc-var">Roo.DomQuery </span><span class="jsdoc-syntax">= </span><span class="jsdoc-keyword">function</span><span class="jsdoc-syntax">(){
</span><span class="jsdoc-keyword">var </span><span class="jsdoc-var">cache </span><span class="jsdoc-syntax">= {}, </span><span class="jsdoc-var">simpleCache </span><span class="jsdoc-syntax">= {}, </span><span class="jsdoc-var">valueCache </span><span class="jsdoc-syntax">= {};
* Registers event handlers that want to receive a normalized EventObject instead of the standard browser event and provides
* several useful events directly.
* See {@link Roo.EventObject} for more details on normalized event objects.
- * @singleton
+ * @static
*/
</span><span class="jsdoc-var">Roo.EventManager </span><span class="jsdoc-syntax">= </span><span class="jsdoc-keyword">function</span><span class="jsdoc-syntax">(){
</span><span class="jsdoc-keyword">var </span><span class="jsdoc-var">docReadyEvent</span><span class="jsdoc-syntax">, </span><span class="jsdoc-var">docReadyProcId</span><span class="jsdoc-syntax">, </span><span class="jsdoc-var">docReadyState </span><span class="jsdoc-syntax">= </span><span class="jsdoc-keyword">false</span><span class="jsdoc-syntax">;
Roo.EventManager.on("myDiv", 'click', handleClick);
Roo.EventManager.addListener("myDiv", 'click', handleClick);
</code></pre>
- * @singleton
+ * @static
*/
</span><span class="jsdoc-var">Roo.EventObject </span><span class="jsdoc-syntax">= </span><span class="jsdoc-keyword">function</span><span class="jsdoc-syntax">(){
animEl: 'elId'
});
</code></pre>
- * @singleton
+ * @static
*/
</span><span class="jsdoc-var">Roo.MessageBox </span><span class="jsdoc-syntax">= </span><span class="jsdoc-keyword">function</span><span class="jsdoc-syntax">(){
</span><span class="jsdoc-keyword">var </span><span class="jsdoc-var">dlg</span><span class="jsdoc-syntax">, </span><span class="jsdoc-var">opt</span><span class="jsdoc-syntax">, </span><span class="jsdoc-var">mask</span><span class="jsdoc-syntax">, </span><span class="jsdoc-var">waitTimer</span><span class="jsdoc-syntax">;
/**
* @class Roo.QuickTips
* Provides attractive and customizable tooltips for any element.
- * @singleton
+ * @static
*/
</span><span class="jsdoc-var">Roo.QuickTips </span><span class="jsdoc-syntax">= </span><span class="jsdoc-keyword">function</span><span class="jsdoc-syntax">(){
</span><span class="jsdoc-keyword">var </span><span class="jsdoc-var">el</span><span class="jsdoc-syntax">, </span><span class="jsdoc-var">tipBody</span><span class="jsdoc-syntax">, </span><span class="jsdoc-var">tipBodyText</span><span class="jsdoc-syntax">, </span><span class="jsdoc-var">tipTitle</span><span class="jsdoc-syntax">, </span><span class="jsdoc-var">tm</span><span class="jsdoc-syntax">, </span><span class="jsdoc-var">cfg</span><span class="jsdoc-syntax">, </span><span class="jsdoc-var">close</span><span class="jsdoc-syntax">, </span><span class="jsdoc-var">tagEls </span><span class="jsdoc-syntax">= {}, </span><span class="jsdoc-var">esc</span><span class="jsdoc-syntax">, </span><span class="jsdoc-var">removeCls </span><span class="jsdoc-syntax">= </span><span class="jsdoc-keyword">null</span><span class="jsdoc-syntax">, </span><span class="jsdoc-var">bdLeft</span><span class="jsdoc-syntax">, </span><span class="jsdoc-var">bdRight</span><span class="jsdoc-syntax">;
animEl: 'elId'
});
</code></pre>
- * @singleton
+ * @static
*/
</span><span class="jsdoc-var">Roo.bootstrap.MessageBox </span><span class="jsdoc-syntax">= </span><span class="jsdoc-keyword">function</span><span class="jsdoc-syntax">(){
</span><span class="jsdoc-keyword">var </span><span class="jsdoc-var">dlg</span><span class="jsdoc-syntax">, </span><span class="jsdoc-var">opt</span><span class="jsdoc-syntax">, </span><span class="jsdoc-var">mask</span><span class="jsdoc-syntax">, </span><span class="jsdoc-var">waitTimer</span><span class="jsdoc-syntax">;
* @class Roo.bootstrap.MenuMgr
* @licence LGPL
* Provides a common registry of all menu items on a page so that they can be easily accessed by id.
- * @singleton
+ * @static
*/
</span><span class="jsdoc-var">Roo.bootstrap.menu.Manager </span><span class="jsdoc-syntax">= </span><span class="jsdoc-keyword">function</span><span class="jsdoc-syntax">(){
</span><span class="jsdoc-keyword">var </span><span class="jsdoc-var">menus</span><span class="jsdoc-syntax">, </span><span class="jsdoc-var">active</span><span class="jsdoc-syntax">, </span><span class="jsdoc-var">groups </span><span class="jsdoc-syntax">= {}, </span><span class="jsdoc-var">attached </span><span class="jsdoc-syntax">= </span><span class="jsdoc-keyword">false</span><span class="jsdoc-syntax">, </span><span class="jsdoc-var">lastShow </span><span class="jsdoc-syntax">= </span><span class="jsdoc-keyword">new </span><span class="jsdoc-var">Date</span><span class="jsdoc-syntax">();
/**
* @class Roo.data.SortTypes
- * @singleton
+ * @static
* Defines the default sorting (casting?) comparison functions used when sorting data.
*/
</span><span class="jsdoc-var">Roo.data.SortTypes </span><span class="jsdoc-syntax">= {
* all DragDrop items in the window. Generally, you will not call
* this class directly, but it does have helper methods that could
* be useful in your DragDrop implementations.
- * @singleton
+ * @static
*/
</span><span class="jsdoc-var">Roo.dd.DragDropMgr </span><span class="jsdoc-syntax">= </span><span class="jsdoc-keyword">function</span><span class="jsdoc-syntax">() {
* @class Roo.dd.Registry
* Provides easy access to all drag drop components that are registered on a page. Items can be retrieved either
* directly by DOM node id, or by passing in the drag drop event that occurred and looking up the event target.
- * @singleton
+ * @static
*/
</span><span class="jsdoc-var">Roo.dd.Registry </span><span class="jsdoc-syntax">= </span><span class="jsdoc-keyword">function</span><span class="jsdoc-syntax">(){
</span><span class="jsdoc-keyword">var </span><span class="jsdoc-var">elements </span><span class="jsdoc-syntax">= {};
* @class Roo.dd.ScrollManager
* Provides automatic scrolling of overflow regions in the page during drag operations.<br><br>
* <b>Note: This class uses "Point Mode" and is untested in "Intersect Mode".</b>
- * @singleton
+ * @static
*/
</span><span class="jsdoc-var">Roo.dd.ScrollManager </span><span class="jsdoc-syntax">= </span><span class="jsdoc-keyword">function</span><span class="jsdoc-syntax">(){
</span><span class="jsdoc-keyword">var </span><span class="jsdoc-var">ddm </span><span class="jsdoc-syntax">= </span><span class="jsdoc-var">Roo.dd.DragDropMgr</span><span class="jsdoc-syntax">;
/**
* @class Roo.form.VTypes
* Overridable validation definitions. The validations provided are basic and intended to be easily customizable and extended.
- * @singleton
+ * @static
*/
</span><span class="jsdoc-var">Roo.form.VTypes </span><span class="jsdoc-syntax">= </span><span class="jsdoc-keyword">function</span><span class="jsdoc-syntax">(){
</span><span class="jsdoc-comment">// closure these in so they are only created once.
-<html><head><title>Roo/lib/Ajax.js</title><link rel="stylesheet" type="text/css" href="../../css/highlight-js.css"/></head><body class="highlightpage"><code class="jsdoc-pretty"><span class="jsdoc-comment">/*
- * Portions of this file are based on pieces of Yahoo User Interface Library
- * Copyright (c) 2007, Yahoo! Inc. All rights reserved.
- * YUI licensed under the BSD License:
- * http://developer.yahoo.net/yui/license.txt
- * <script type="text/javascript">
- *
- */
-
-</span><span class="jsdoc-syntax">(</span><span class="jsdoc-keyword">function</span><span class="jsdoc-syntax">() {
+<html><head><title>Roo/lib/Ajax.js</title><link rel="stylesheet" type="text/css" href="../../css/highlight-js.css"/></head><body class="highlightpage"><code class="jsdoc-pretty">
+
+<span class="jsdoc-syntax">(</span><span class="jsdoc-keyword">function</span><span class="jsdoc-syntax">() {
</span><span class="jsdoc-comment">/**
* @class Roo.lib.Ajax
+ *
+ * provide a simple Ajax request utility functions
+ *
+ * Portions of this file are based on pieces of Yahoo User Interface Library
+ * Copyright (c) 2007, Yahoo! Inc. All rights reserved.
+ * YUI licensed under the BSD License:
+ * http://developer.yahoo.net/yui/license.txt
+ * <script type="text/javascript">
+ *
*
*/
</span><span class="jsdoc-var">Roo.lib.Ajax </span><span class="jsdoc-syntax">= {
</span><span class="jsdoc-keyword">return </span><span class="jsdoc-var">this.asyncRequest</span><span class="jsdoc-syntax">(</span><span class="jsdoc-var">method</span><span class="jsdoc-syntax">, </span><span class="jsdoc-var">uri</span><span class="jsdoc-syntax">, </span><span class="jsdoc-var">cb</span><span class="jsdoc-syntax">, </span><span class="jsdoc-var">data</span><span class="jsdoc-syntax">);
},
-
+ </span><span class="jsdoc-comment">/**
+ * serialize a form
+ *
+ * @static
+ * @param {DomForm} form element
+ * @return {String} urlencode form output.
+ */
</span><span class="jsdoc-var">serializeForm </span><span class="jsdoc-syntax">: </span><span class="jsdoc-keyword">function</span><span class="jsdoc-syntax">(</span><span class="jsdoc-var">form</span><span class="jsdoc-syntax">) {
</span><span class="jsdoc-keyword">if</span><span class="jsdoc-syntax">(</span><span class="jsdoc-keyword">typeof </span><span class="jsdoc-var">form </span><span class="jsdoc-syntax">== </span><span class="jsdoc-string">'string'</span><span class="jsdoc-syntax">) {
</span><span class="jsdoc-var">form </span><span class="jsdoc-syntax">= (</span><span class="jsdoc-var">document.getElementById</span><span class="jsdoc-syntax">(</span><span class="jsdoc-var">form</span><span class="jsdoc-syntax">) || </span><span class="jsdoc-var">document.forms</span><span class="jsdoc-syntax">[</span><span class="jsdoc-var">form</span><span class="jsdoc-syntax">]);
--- /dev/null
+<html><head><title>Roo/lib/Color.js</title><link rel="stylesheet" type="text/css" href="../../css/highlight-js.css"/></head><body class="highlightpage"><code class="jsdoc-pretty">
+
+<span class="jsdoc-comment">/**
+ * @class Roo.lib.Color
+ * @constructor
+ * An abstract Color implementation. Concrete Color implementations should use
+ * an instance of this function as their prototype, and implement the getRGB and
+ * getHSL functions. getRGB should return an object representing the RGB
+ * components of this Color, with the red, green, and blue components in the
+ * range [0,255] and the alpha component in the range [0,100]. getHSL should
+ * return an object representing the HSL components of this Color, with the hue
+ * component in the range [0,360), the saturation and lightness components in
+ * the range [0,100], and the alpha component in the range [0,1].
+ *
+ *
+ * Color.js
+ *
+ * Functions for Color handling and processing.
+ *
+ * http://www.safalra.com/web-design/javascript/Color-handling-and-processing/
+ *
+ * The author of this program, Safalra (Stephen Morley), irrevocably releases all
+ * rights to this program, with the intention of it becoming part of the public
+ * domain. Because this program is released into the public domain, it comes with
+ * no warranty either expressed or implied, to the extent permitted by law.
+ *
+ * For more free and public domain JavaScript code by the same author, visit:
+ * http://www.safalra.com/web-design/javascript/
+ *
+ */
+</span><span class="jsdoc-var">Roo.lib.Color </span><span class="jsdoc-syntax">= </span><span class="jsdoc-keyword">function</span><span class="jsdoc-syntax">() { }
+
+
+</span><span class="jsdoc-var">Roo.apply</span><span class="jsdoc-syntax">(</span><span class="jsdoc-var">Roo.lib.Color.prototype</span><span class="jsdoc-syntax">, {
+
+ </span><span class="jsdoc-var">rgb </span><span class="jsdoc-syntax">: </span><span class="jsdoc-keyword">null</span><span class="jsdoc-syntax">,
+ </span><span class="jsdoc-var">hsv </span><span class="jsdoc-syntax">: </span><span class="jsdoc-keyword">null</span><span class="jsdoc-syntax">,
+ </span><span class="jsdoc-var">hsl </span><span class="jsdoc-syntax">: </span><span class="jsdoc-keyword">null</span><span class="jsdoc-syntax">,
+
+ </span><span class="jsdoc-comment">/**
+ * getIntegerRGB
+ * @return {Object} an object representing the RGBA components of this Color. The red,
+ * green, and blue components are converted to integers in the range [0,255].
+ * The alpha is a value in the range [0,1].
+ */
+ </span><span class="jsdoc-var">getIntegerRGB </span><span class="jsdoc-syntax">: </span><span class="jsdoc-keyword">function</span><span class="jsdoc-syntax">(){
+
+ </span><span class="jsdoc-comment">// get the RGB components of this Color
+ </span><span class="jsdoc-keyword">var </span><span class="jsdoc-var">rgb </span><span class="jsdoc-syntax">= </span><span class="jsdoc-var">this.getRGB</span><span class="jsdoc-syntax">();
+
+ </span><span class="jsdoc-comment">// return the integer components
+ </span><span class="jsdoc-keyword">return </span><span class="jsdoc-syntax">{
+ </span><span class="jsdoc-string">'r' </span><span class="jsdoc-syntax">: </span><span class="jsdoc-var">Math.round</span><span class="jsdoc-syntax">(</span><span class="jsdoc-var">rgb.r</span><span class="jsdoc-syntax">),
+ </span><span class="jsdoc-string">'g' </span><span class="jsdoc-syntax">: </span><span class="jsdoc-var">Math.round</span><span class="jsdoc-syntax">(</span><span class="jsdoc-var">rgb.g</span><span class="jsdoc-syntax">),
+ </span><span class="jsdoc-string">'b' </span><span class="jsdoc-syntax">: </span><span class="jsdoc-var">Math.round</span><span class="jsdoc-syntax">(</span><span class="jsdoc-var">rgb.b</span><span class="jsdoc-syntax">),
+ </span><span class="jsdoc-string">'a' </span><span class="jsdoc-syntax">: </span><span class="jsdoc-var">rgb.a
+ </span><span class="jsdoc-syntax">};
+
+ },
+
+ </span><span class="jsdoc-comment">/**
+ * getPercentageRGB
+ * @return {Object} an object representing the RGBA components of this Color. The red,
+ * green, and blue components are converted to numbers in the range [0,100].
+ * The alpha is a value in the range [0,1].
+ */
+ </span><span class="jsdoc-var">getPercentageRGB </span><span class="jsdoc-syntax">: </span><span class="jsdoc-keyword">function</span><span class="jsdoc-syntax">(){
+
+ </span><span class="jsdoc-comment">// get the RGB components of this Color
+ </span><span class="jsdoc-keyword">var </span><span class="jsdoc-var">rgb </span><span class="jsdoc-syntax">= </span><span class="jsdoc-var">this.getRGB</span><span class="jsdoc-syntax">();
+
+ </span><span class="jsdoc-comment">// return the percentage components
+ </span><span class="jsdoc-keyword">return </span><span class="jsdoc-syntax">{
+ </span><span class="jsdoc-string">'r' </span><span class="jsdoc-syntax">: 100 * </span><span class="jsdoc-var">rgb.r </span><span class="jsdoc-syntax">/ 255,
+ </span><span class="jsdoc-string">'g' </span><span class="jsdoc-syntax">: 100 * </span><span class="jsdoc-var">rgb.g </span><span class="jsdoc-syntax">/ 255,
+ </span><span class="jsdoc-string">'b' </span><span class="jsdoc-syntax">: 100 * </span><span class="jsdoc-var">rgb.b </span><span class="jsdoc-syntax">/ 255,
+ </span><span class="jsdoc-string">'a' </span><span class="jsdoc-syntax">: </span><span class="jsdoc-var">rgb.a
+ </span><span class="jsdoc-syntax">};
+
+ },
+
+ </span><span class="jsdoc-comment">/**
+ * getCSSHexadecimalRGB
+ * @return {String} a string representing this Color as a CSS hexadecimal RGB Color
+ * value - that is, a string of the form #RRGGBB where each of RR, GG, and BB
+ * are two-digit hexadecimal numbers.
+ */
+ </span><span class="jsdoc-var">getCSSHexadecimalRGB </span><span class="jsdoc-syntax">: </span><span class="jsdoc-keyword">function</span><span class="jsdoc-syntax">()
+ {
+
+ </span><span class="jsdoc-comment">// get the integer RGB components
+ </span><span class="jsdoc-keyword">var </span><span class="jsdoc-var">rgb </span><span class="jsdoc-syntax">= </span><span class="jsdoc-var">this.getIntegerRGB</span><span class="jsdoc-syntax">();
+
+ </span><span class="jsdoc-comment">// determine the hexadecimal equivalents
+ </span><span class="jsdoc-keyword">var </span><span class="jsdoc-var">r16 </span><span class="jsdoc-syntax">= </span><span class="jsdoc-var">rgb.r.toString</span><span class="jsdoc-syntax">(16);
+ </span><span class="jsdoc-keyword">var </span><span class="jsdoc-var">g16 </span><span class="jsdoc-syntax">= </span><span class="jsdoc-var">rgb.g.toString</span><span class="jsdoc-syntax">(16);
+ </span><span class="jsdoc-keyword">var </span><span class="jsdoc-var">b16 </span><span class="jsdoc-syntax">= </span><span class="jsdoc-var">rgb.b.toString</span><span class="jsdoc-syntax">(16);
+
+ </span><span class="jsdoc-comment">// return the CSS RGB Color value
+ </span><span class="jsdoc-keyword">return </span><span class="jsdoc-string">'#'
+ </span><span class="jsdoc-syntax">+ (</span><span class="jsdoc-var">r16.length </span><span class="jsdoc-syntax">== 2 ? </span><span class="jsdoc-var">r16 </span><span class="jsdoc-syntax">: </span><span class="jsdoc-string">'0' </span><span class="jsdoc-syntax">+ </span><span class="jsdoc-var">r16</span><span class="jsdoc-syntax">)
+ + (</span><span class="jsdoc-var">g16.length </span><span class="jsdoc-syntax">== 2 ? </span><span class="jsdoc-var">g16 </span><span class="jsdoc-syntax">: </span><span class="jsdoc-string">'0' </span><span class="jsdoc-syntax">+ </span><span class="jsdoc-var">g16</span><span class="jsdoc-syntax">)
+ + (</span><span class="jsdoc-var">b16.length </span><span class="jsdoc-syntax">== 2 ? </span><span class="jsdoc-var">b16 </span><span class="jsdoc-syntax">: </span><span class="jsdoc-string">'0' </span><span class="jsdoc-syntax">+ </span><span class="jsdoc-var">b16</span><span class="jsdoc-syntax">);
+
+ },
+
+ </span><span class="jsdoc-comment">/**
+ * getCSSIntegerRGB
+ * @return {String} a string representing this Color as a CSS integer RGB Color
+ * value - that is, a string of the form rgb(r,g,b) where each of r, g, and b
+ * are integers in the range [0,255].
+ */
+ </span><span class="jsdoc-var">getCSSIntegerRGB </span><span class="jsdoc-syntax">: </span><span class="jsdoc-keyword">function</span><span class="jsdoc-syntax">(){
+
+ </span><span class="jsdoc-comment">// get the integer RGB components
+ </span><span class="jsdoc-keyword">var </span><span class="jsdoc-var">rgb </span><span class="jsdoc-syntax">= </span><span class="jsdoc-var">this.getIntegerRGB</span><span class="jsdoc-syntax">();
+
+ </span><span class="jsdoc-comment">// return the CSS RGB Color value
+ </span><span class="jsdoc-keyword">return </span><span class="jsdoc-string">'rgb(' </span><span class="jsdoc-syntax">+ </span><span class="jsdoc-var">rgb.r </span><span class="jsdoc-syntax">+ </span><span class="jsdoc-string">',' </span><span class="jsdoc-syntax">+ </span><span class="jsdoc-var">rgb.g </span><span class="jsdoc-syntax">+ </span><span class="jsdoc-string">',' </span><span class="jsdoc-syntax">+ </span><span class="jsdoc-var">rgb.b </span><span class="jsdoc-syntax">+ </span><span class="jsdoc-string">')'</span><span class="jsdoc-syntax">;
+
+ },
+
+ </span><span class="jsdoc-comment">/**
+ * getCSSIntegerRGBA
+ * @return {String} Returns a string representing this Color as a CSS integer RGBA Color
+ * value - that is, a string of the form rgba(r,g,b,a) where each of r, g, and
+ * b are integers in the range [0,255] and a is in the range [0,1].
+ */
+ </span><span class="jsdoc-var">getCSSIntegerRGBA </span><span class="jsdoc-syntax">: </span><span class="jsdoc-keyword">function</span><span class="jsdoc-syntax">(){
+
+ </span><span class="jsdoc-comment">// get the integer RGB components
+ </span><span class="jsdoc-keyword">var </span><span class="jsdoc-var">rgb </span><span class="jsdoc-syntax">= </span><span class="jsdoc-var">this.getIntegerRGB</span><span class="jsdoc-syntax">();
+
+ </span><span class="jsdoc-comment">// return the CSS integer RGBA Color value
+ </span><span class="jsdoc-keyword">return </span><span class="jsdoc-string">'rgb(' </span><span class="jsdoc-syntax">+ </span><span class="jsdoc-var">rgb.r </span><span class="jsdoc-syntax">+ </span><span class="jsdoc-string">',' </span><span class="jsdoc-syntax">+ </span><span class="jsdoc-var">rgb.g </span><span class="jsdoc-syntax">+ </span><span class="jsdoc-string">',' </span><span class="jsdoc-syntax">+ </span><span class="jsdoc-var">rgb.b </span><span class="jsdoc-syntax">+ </span><span class="jsdoc-string">',' </span><span class="jsdoc-syntax">+ </span><span class="jsdoc-var">rgb.a </span><span class="jsdoc-syntax">+ </span><span class="jsdoc-string">')'</span><span class="jsdoc-syntax">;
+
+ },
+
+ </span><span class="jsdoc-comment">/**
+ * getCSSPercentageRGB
+ * @return {String} a string representing this Color as a CSS percentage RGB Color
+ * value - that is, a string of the form rgb(r%,g%,b%) where each of r, g, and
+ * b are in the range [0,100].
+ */
+ </span><span class="jsdoc-var">getCSSPercentageRGB </span><span class="jsdoc-syntax">: </span><span class="jsdoc-keyword">function</span><span class="jsdoc-syntax">(){
+
+ </span><span class="jsdoc-comment">// get the percentage RGB components
+ </span><span class="jsdoc-keyword">var </span><span class="jsdoc-var">rgb </span><span class="jsdoc-syntax">= </span><span class="jsdoc-var">this.getPercentageRGB</span><span class="jsdoc-syntax">();
+
+ </span><span class="jsdoc-comment">// return the CSS RGB Color value
+ </span><span class="jsdoc-keyword">return </span><span class="jsdoc-string">'rgb(' </span><span class="jsdoc-syntax">+ </span><span class="jsdoc-var">rgb.r </span><span class="jsdoc-syntax">+ </span><span class="jsdoc-string">'%,' </span><span class="jsdoc-syntax">+ </span><span class="jsdoc-var">rgb.g </span><span class="jsdoc-syntax">+ </span><span class="jsdoc-string">'%,' </span><span class="jsdoc-syntax">+ </span><span class="jsdoc-var">rgb.b </span><span class="jsdoc-syntax">+ </span><span class="jsdoc-string">'%)'</span><span class="jsdoc-syntax">;
+
+ },
+
+ </span><span class="jsdoc-comment">/**
+ * getCSSPercentageRGBA
+ * @return {String} a string representing this Color as a CSS percentage RGBA Color
+ * value - that is, a string of the form rgba(r%,g%,b%,a) where each of r, g,
+ * and b are in the range [0,100] and a is in the range [0,1].
+ */
+ </span><span class="jsdoc-var">getCSSPercentageRGBA </span><span class="jsdoc-syntax">: </span><span class="jsdoc-keyword">function</span><span class="jsdoc-syntax">(){
+
+ </span><span class="jsdoc-comment">// get the percentage RGB components
+ </span><span class="jsdoc-keyword">var </span><span class="jsdoc-var">rgb </span><span class="jsdoc-syntax">= </span><span class="jsdoc-var">this.getPercentageRGB</span><span class="jsdoc-syntax">();
+
+ </span><span class="jsdoc-comment">// return the CSS percentage RGBA Color value
+ </span><span class="jsdoc-keyword">return </span><span class="jsdoc-string">'rgb(' </span><span class="jsdoc-syntax">+ </span><span class="jsdoc-var">rgb.r </span><span class="jsdoc-syntax">+ </span><span class="jsdoc-string">'%,' </span><span class="jsdoc-syntax">+ </span><span class="jsdoc-var">rgb.g </span><span class="jsdoc-syntax">+ </span><span class="jsdoc-string">'%,' </span><span class="jsdoc-syntax">+ </span><span class="jsdoc-var">rgb.b </span><span class="jsdoc-syntax">+ </span><span class="jsdoc-string">'%,' </span><span class="jsdoc-syntax">+ </span><span class="jsdoc-var">rgb.a </span><span class="jsdoc-syntax">+ </span><span class="jsdoc-string">')'</span><span class="jsdoc-syntax">;
+
+ },
+
+ </span><span class="jsdoc-comment">/**
+ * getCSSHSL
+ * @return {String} a string representing this Color as a CSS HSL Color value - that
+ * is, a string of the form hsl(h,s%,l%) where h is in the range [0,100] and
+ * s and l are in the range [0,100].
+ */
+ </span><span class="jsdoc-var">getCSSHSL </span><span class="jsdoc-syntax">: </span><span class="jsdoc-keyword">function</span><span class="jsdoc-syntax">(){
+
+ </span><span class="jsdoc-comment">// get the HSL components
+ </span><span class="jsdoc-keyword">var </span><span class="jsdoc-var">hsl </span><span class="jsdoc-syntax">= </span><span class="jsdoc-var">this.getHSL</span><span class="jsdoc-syntax">();
+
+ </span><span class="jsdoc-comment">// return the CSS HSL Color value
+ </span><span class="jsdoc-keyword">return </span><span class="jsdoc-string">'hsl(' </span><span class="jsdoc-syntax">+ </span><span class="jsdoc-var">hsl.h </span><span class="jsdoc-syntax">+ </span><span class="jsdoc-string">',' </span><span class="jsdoc-syntax">+ </span><span class="jsdoc-var">hsl.s </span><span class="jsdoc-syntax">+ </span><span class="jsdoc-string">'%,' </span><span class="jsdoc-syntax">+ </span><span class="jsdoc-var">hsl.l </span><span class="jsdoc-syntax">+ </span><span class="jsdoc-string">'%)'</span><span class="jsdoc-syntax">;
+
+ },
+
+ </span><span class="jsdoc-comment">/**
+ * getCSSHSLA
+ * @return {String} a string representing this Color as a CSS HSLA Color value - that
+ * is, a string of the form hsla(h,s%,l%,a) where h is in the range [0,100],
+ * s and l are in the range [0,100], and a is in the range [0,1].
+ */
+ </span><span class="jsdoc-var">getCSSHSLA </span><span class="jsdoc-syntax">: </span><span class="jsdoc-keyword">function</span><span class="jsdoc-syntax">(){
+
+ </span><span class="jsdoc-comment">// get the HSL components
+ </span><span class="jsdoc-keyword">var </span><span class="jsdoc-var">hsl </span><span class="jsdoc-syntax">= </span><span class="jsdoc-var">this.getHSL</span><span class="jsdoc-syntax">();
+
+ </span><span class="jsdoc-comment">// return the CSS HSL Color value
+ </span><span class="jsdoc-keyword">return </span><span class="jsdoc-string">'hsl(' </span><span class="jsdoc-syntax">+ </span><span class="jsdoc-var">hsl.h </span><span class="jsdoc-syntax">+ </span><span class="jsdoc-string">',' </span><span class="jsdoc-syntax">+ </span><span class="jsdoc-var">hsl.s </span><span class="jsdoc-syntax">+ </span><span class="jsdoc-string">'%,' </span><span class="jsdoc-syntax">+ </span><span class="jsdoc-var">hsl.l </span><span class="jsdoc-syntax">+ </span><span class="jsdoc-string">'%,' </span><span class="jsdoc-syntax">+ </span><span class="jsdoc-var">hsl.a </span><span class="jsdoc-syntax">+ </span><span class="jsdoc-string">')'</span><span class="jsdoc-syntax">;
+
+ },
+
+ </span><span class="jsdoc-comment">/**
+ * Sets the Color of the specified node to this Color. This functions sets
+ * the CSS 'color' property for the node. The parameter is:
+ *
+ * @param {DomElement} node - the node whose Color should be set
+ */
+ </span><span class="jsdoc-var">setNodeColor </span><span class="jsdoc-syntax">: </span><span class="jsdoc-keyword">function</span><span class="jsdoc-syntax">(</span><span class="jsdoc-var">node</span><span class="jsdoc-syntax">){
+
+ </span><span class="jsdoc-comment">// set the Color of the node
+ </span><span class="jsdoc-var">node.style.color </span><span class="jsdoc-syntax">= </span><span class="jsdoc-var">this.getCSSHexadecimalRGB</span><span class="jsdoc-syntax">();
+
+ },
+
+ </span><span class="jsdoc-comment">/**
+ * Sets the background Color of the specified node to this Color. This
+ * functions sets the CSS 'background-color' property for the node. The
+ * parameter is:
+ *
+ * @param {DomElement} node - the node whose background Color should be set
+ */
+ </span><span class="jsdoc-var">setNodeBackgroundColor </span><span class="jsdoc-syntax">: </span><span class="jsdoc-keyword">function</span><span class="jsdoc-syntax">(</span><span class="jsdoc-var">node</span><span class="jsdoc-syntax">){
+
+ </span><span class="jsdoc-comment">// set the background Color of the node
+ </span><span class="jsdoc-var">node.style.backgroundColor </span><span class="jsdoc-syntax">= </span><span class="jsdoc-var">this.getCSSHexadecimalRGB</span><span class="jsdoc-syntax">();
+
+ },
+ </span><span class="jsdoc-comment">// convert between formats..
+ </span><span class="jsdoc-var">toRGB</span><span class="jsdoc-syntax">: </span><span class="jsdoc-keyword">function</span><span class="jsdoc-syntax">()
+ {
+ </span><span class="jsdoc-keyword">var </span><span class="jsdoc-var">r </span><span class="jsdoc-syntax">= </span><span class="jsdoc-var">this.getIntegerRGB</span><span class="jsdoc-syntax">();
+ </span><span class="jsdoc-keyword">return new </span><span class="jsdoc-var">Roo.lib.RGBColor</span><span class="jsdoc-syntax">(</span><span class="jsdoc-var">r.r</span><span class="jsdoc-syntax">,</span><span class="jsdoc-var">r.g</span><span class="jsdoc-syntax">,</span><span class="jsdoc-var">r.b</span><span class="jsdoc-syntax">,</span><span class="jsdoc-var">r.a</span><span class="jsdoc-syntax">);
+
+ },
+ </span><span class="jsdoc-var">toHSL </span><span class="jsdoc-syntax">: </span><span class="jsdoc-keyword">function</span><span class="jsdoc-syntax">()
+ {
+ </span><span class="jsdoc-keyword">var </span><span class="jsdoc-var">hsl </span><span class="jsdoc-syntax">= </span><span class="jsdoc-var">this.getHSL</span><span class="jsdoc-syntax">();
+ </span><span class="jsdoc-comment">// return the CSS HSL Color value
+ </span><span class="jsdoc-keyword">return new </span><span class="jsdoc-var">Roo.lib.HSLColor</span><span class="jsdoc-syntax">(</span><span class="jsdoc-var">hsl.h</span><span class="jsdoc-syntax">, </span><span class="jsdoc-var">hsl.s</span><span class="jsdoc-syntax">, </span><span class="jsdoc-var">hsl.l </span><span class="jsdoc-syntax">, </span><span class="jsdoc-var">hsl.a </span><span class="jsdoc-syntax">);
+
+ },
+
+ </span><span class="jsdoc-var">toHSV </span><span class="jsdoc-syntax">: </span><span class="jsdoc-keyword">function</span><span class="jsdoc-syntax">()
+ {
+ </span><span class="jsdoc-keyword">var </span><span class="jsdoc-var">rgb </span><span class="jsdoc-syntax">= </span><span class="jsdoc-var">this.toRGB</span><span class="jsdoc-syntax">();
+ </span><span class="jsdoc-keyword">var </span><span class="jsdoc-var">hsv </span><span class="jsdoc-syntax">= </span><span class="jsdoc-var">rgb.getHSV</span><span class="jsdoc-syntax">();
+ </span><span class="jsdoc-comment">// return the CSS HSL Color value
+ </span><span class="jsdoc-keyword">return new </span><span class="jsdoc-var">Roo.lib.HSVColor</span><span class="jsdoc-syntax">(</span><span class="jsdoc-var">hsv.h</span><span class="jsdoc-syntax">, </span><span class="jsdoc-var">hsv.s</span><span class="jsdoc-syntax">, </span><span class="jsdoc-var">hsv.v </span><span class="jsdoc-syntax">, </span><span class="jsdoc-var">hsv.a </span><span class="jsdoc-syntax">);
+
+ },
+
+ </span><span class="jsdoc-comment">// modify v = 0 ... 1 (eg. 0.5)
+ </span><span class="jsdoc-var">saturate </span><span class="jsdoc-syntax">: </span><span class="jsdoc-keyword">function</span><span class="jsdoc-syntax">(</span><span class="jsdoc-var">v</span><span class="jsdoc-syntax">)
+ {
+ </span><span class="jsdoc-keyword">var </span><span class="jsdoc-var">rgb </span><span class="jsdoc-syntax">= </span><span class="jsdoc-var">this.toRGB</span><span class="jsdoc-syntax">();
+ </span><span class="jsdoc-keyword">var </span><span class="jsdoc-var">hsv </span><span class="jsdoc-syntax">= </span><span class="jsdoc-var">rgb.getHSV</span><span class="jsdoc-syntax">();
+ </span><span class="jsdoc-keyword">return new </span><span class="jsdoc-var">Roo.lib.HSVColor</span><span class="jsdoc-syntax">(</span><span class="jsdoc-var">hsv.h</span><span class="jsdoc-syntax">, </span><span class="jsdoc-var">hsv.s </span><span class="jsdoc-syntax">* </span><span class="jsdoc-var">v</span><span class="jsdoc-syntax">, </span><span class="jsdoc-var">hsv.v </span><span class="jsdoc-syntax">, </span><span class="jsdoc-var">hsv.a </span><span class="jsdoc-syntax">);
+
+
+ },
+
+
+ </span><span class="jsdoc-comment">/**
+ * getRGB
+ * @return {Object} the RGB and alpha components of this Color as an object with r,
+ * g, b, and a properties. r, g, and b are in the range [0,255] and a is in
+ * the range [0,1].
+ */
+ </span><span class="jsdoc-var">getRGB</span><span class="jsdoc-syntax">: </span><span class="jsdoc-keyword">function</span><span class="jsdoc-syntax">(){
+
+ </span><span class="jsdoc-comment">// return the RGB components
+ </span><span class="jsdoc-keyword">return </span><span class="jsdoc-syntax">{
+ </span><span class="jsdoc-string">'r' </span><span class="jsdoc-syntax">: </span><span class="jsdoc-var">this.rgb.r</span><span class="jsdoc-syntax">,
+ </span><span class="jsdoc-string">'g' </span><span class="jsdoc-syntax">: </span><span class="jsdoc-var">this.rgb.g</span><span class="jsdoc-syntax">,
+ </span><span class="jsdoc-string">'b' </span><span class="jsdoc-syntax">: </span><span class="jsdoc-var">this.rgb.b</span><span class="jsdoc-syntax">,
+ </span><span class="jsdoc-string">'a' </span><span class="jsdoc-syntax">: </span><span class="jsdoc-var">this.alpha
+ </span><span class="jsdoc-syntax">};
+
+ },
+
+ </span><span class="jsdoc-comment">/**
+ * getHSV
+ * @return {Object} the HSV and alpha components of this Color as an object with h,
+ * s, v, and a properties. h is in the range [0,360), s and v are in the range
+ * [0,100], and a is in the range [0,1].
+ */
+ </span><span class="jsdoc-var">getHSV </span><span class="jsdoc-syntax">: </span><span class="jsdoc-keyword">function</span><span class="jsdoc-syntax">()
+ {
+
+ </span><span class="jsdoc-comment">// calculate the HSV components if necessary
+ </span><span class="jsdoc-keyword">if </span><span class="jsdoc-syntax">(</span><span class="jsdoc-var">this.hsv </span><span class="jsdoc-syntax">== </span><span class="jsdoc-keyword">null</span><span class="jsdoc-syntax">) </span><span class="jsdoc-var">this.calculateHSV</span><span class="jsdoc-syntax">();
+
+ </span><span class="jsdoc-comment">// return the HSV components
+ </span><span class="jsdoc-keyword">return </span><span class="jsdoc-syntax">{
+ </span><span class="jsdoc-string">'h' </span><span class="jsdoc-syntax">: </span><span class="jsdoc-var">this.hsv.h</span><span class="jsdoc-syntax">,
+ </span><span class="jsdoc-string">'s' </span><span class="jsdoc-syntax">: </span><span class="jsdoc-var">this.hsv.s</span><span class="jsdoc-syntax">,
+ </span><span class="jsdoc-string">'v' </span><span class="jsdoc-syntax">: </span><span class="jsdoc-var">this.hsv.v</span><span class="jsdoc-syntax">,
+ </span><span class="jsdoc-string">'a' </span><span class="jsdoc-syntax">: </span><span class="jsdoc-var">this.alpha
+ </span><span class="jsdoc-syntax">};
+
+ },
+
+ </span><span class="jsdoc-comment">/**
+ * getHSL
+ * @return {Object} the HSL and alpha components of this Color as an object with h,
+ * s, l, and a properties. h is in the range [0,360), s and l are in the range
+ * [0,100], and a is in the range [0,1].
+ */
+ </span><span class="jsdoc-var">getHSL </span><span class="jsdoc-syntax">: </span><span class="jsdoc-keyword">function</span><span class="jsdoc-syntax">(){
+
+
+ </span><span class="jsdoc-comment">// calculate the HSV components if necessary
+ </span><span class="jsdoc-keyword">if </span><span class="jsdoc-syntax">(</span><span class="jsdoc-var">this.hsl </span><span class="jsdoc-syntax">== </span><span class="jsdoc-keyword">null</span><span class="jsdoc-syntax">) </span><span class="jsdoc-var">this.calculateHSL</span><span class="jsdoc-syntax">();
+
+ </span><span class="jsdoc-comment">// return the HSL components
+ </span><span class="jsdoc-keyword">return </span><span class="jsdoc-syntax">{
+ </span><span class="jsdoc-string">'h' </span><span class="jsdoc-syntax">: </span><span class="jsdoc-var">this.hsl.h</span><span class="jsdoc-syntax">,
+ </span><span class="jsdoc-string">'s' </span><span class="jsdoc-syntax">: </span><span class="jsdoc-var">this.hsl.s</span><span class="jsdoc-syntax">,
+ </span><span class="jsdoc-string">'l' </span><span class="jsdoc-syntax">: </span><span class="jsdoc-var">this.hsl.l</span><span class="jsdoc-syntax">,
+ </span><span class="jsdoc-string">'a' </span><span class="jsdoc-syntax">: </span><span class="jsdoc-var">this.alpha
+ </span><span class="jsdoc-syntax">};
+
+ }
+
+
+});
+
+
+</span><span class="jsdoc-comment">/**
+ * @class Roo.lib.RGBColor
+ * @extends Roo.lib.Color
+ * Creates a Color specified in the RGB Color space, with an optional alpha
+ * component. The parameters are:
+ * @constructor
+ *
+
+ * @param {Number} r - the red component, clipped to the range [0,255]
+ * @param {Number} g - the green component, clipped to the range [0,255]
+ * @param {Number} b - the blue component, clipped to the range [0,255]
+ * @param {Number} a - the alpha component, clipped to the range [0,1] - this parameter is
+ * optional and defaults to 1
+ */
+</span><span class="jsdoc-var">Roo.lib.RGBColor </span><span class="jsdoc-syntax">= </span><span class="jsdoc-keyword">function </span><span class="jsdoc-syntax">(</span><span class="jsdoc-var">r</span><span class="jsdoc-syntax">, </span><span class="jsdoc-var">g</span><span class="jsdoc-syntax">, </span><span class="jsdoc-var">b</span><span class="jsdoc-syntax">, </span><span class="jsdoc-var">a</span><span class="jsdoc-syntax">){
+
+ </span><span class="jsdoc-comment">// store the alpha component after clipping it if necessary
+ </span><span class="jsdoc-var">this.alpha </span><span class="jsdoc-syntax">= (</span><span class="jsdoc-var">a </span><span class="jsdoc-syntax">=== </span><span class="jsdoc-var">undefined </span><span class="jsdoc-syntax">? 1 : </span><span class="jsdoc-var">Math.max</span><span class="jsdoc-syntax">(0, </span><span class="jsdoc-var">Math.min</span><span class="jsdoc-syntax">(1, </span><span class="jsdoc-var">a</span><span class="jsdoc-syntax">)));
+
+ </span><span class="jsdoc-comment">// store the RGB components after clipping them if necessary
+ </span><span class="jsdoc-var">this.rgb </span><span class="jsdoc-syntax">=
+ {
+ </span><span class="jsdoc-string">'r' </span><span class="jsdoc-syntax">: </span><span class="jsdoc-var">Math.max</span><span class="jsdoc-syntax">(0, </span><span class="jsdoc-var">Math.min</span><span class="jsdoc-syntax">(255, </span><span class="jsdoc-var">r</span><span class="jsdoc-syntax">)),
+ </span><span class="jsdoc-string">'g' </span><span class="jsdoc-syntax">: </span><span class="jsdoc-var">Math.max</span><span class="jsdoc-syntax">(0, </span><span class="jsdoc-var">Math.min</span><span class="jsdoc-syntax">(255, </span><span class="jsdoc-var">g</span><span class="jsdoc-syntax">)),
+ </span><span class="jsdoc-string">'b' </span><span class="jsdoc-syntax">: </span><span class="jsdoc-var">Math.max</span><span class="jsdoc-syntax">(0, </span><span class="jsdoc-var">Math.min</span><span class="jsdoc-syntax">(255, </span><span class="jsdoc-var">b</span><span class="jsdoc-syntax">))
+ };
+
+ </span><span class="jsdoc-comment">// initialise the HSV and HSL components to null
+
+
+ /*
+ * //private returns the HSV or HSL hue component of this RGBColor. The hue is in the
+ * range [0,360). The parameters are:
+ *
+ * maximum - the maximum of the RGB component values
+ * range - the range of the RGB component values
+ */
+
+
+</span><span class="jsdoc-syntax">}
+</span><span class="jsdoc-comment">// this does an 'exteds'
+</span><span class="jsdoc-var">Roo.extend</span><span class="jsdoc-syntax">(</span><span class="jsdoc-var">Roo.lib.RGBColor</span><span class="jsdoc-syntax">, </span><span class="jsdoc-var">Roo.lib.Color</span><span class="jsdoc-syntax">, {
+
+
+ </span><span class="jsdoc-var">getHue </span><span class="jsdoc-syntax">: </span><span class="jsdoc-keyword">function</span><span class="jsdoc-syntax">(</span><span class="jsdoc-var">maximum</span><span class="jsdoc-syntax">, </span><span class="jsdoc-var">range</span><span class="jsdoc-syntax">)
+ {
+ </span><span class="jsdoc-keyword">var </span><span class="jsdoc-var">rgb </span><span class="jsdoc-syntax">= </span><span class="jsdoc-var">this.rgb</span><span class="jsdoc-syntax">;
+
+ </span><span class="jsdoc-comment">// check whether the range is zero
+ </span><span class="jsdoc-keyword">if </span><span class="jsdoc-syntax">(</span><span class="jsdoc-var">range </span><span class="jsdoc-syntax">== 0){
+
+ </span><span class="jsdoc-comment">// set the hue to zero (any hue is acceptable as the Color is grey)
+ </span><span class="jsdoc-keyword">var </span><span class="jsdoc-var">hue </span><span class="jsdoc-syntax">= 0;
+
+ }</span><span class="jsdoc-keyword">else</span><span class="jsdoc-syntax">{
+
+ </span><span class="jsdoc-comment">// determine which of the components has the highest value and set the hue
+ </span><span class="jsdoc-keyword">switch </span><span class="jsdoc-syntax">(</span><span class="jsdoc-var">maximum</span><span class="jsdoc-syntax">){
+
+ </span><span class="jsdoc-comment">// red has the highest value
+ </span><span class="jsdoc-keyword">case </span><span class="jsdoc-var">rgb.r</span><span class="jsdoc-syntax">:
+ </span><span class="jsdoc-keyword">var </span><span class="jsdoc-var">hue </span><span class="jsdoc-syntax">= (</span><span class="jsdoc-var">rgb.g </span><span class="jsdoc-syntax">- </span><span class="jsdoc-var">rgb.b</span><span class="jsdoc-syntax">) / </span><span class="jsdoc-var">range </span><span class="jsdoc-syntax">* 60;
+ </span><span class="jsdoc-keyword">if </span><span class="jsdoc-syntax">(</span><span class="jsdoc-var">hue </span><span class="jsdoc-syntax">< 0) </span><span class="jsdoc-var">hue </span><span class="jsdoc-syntax">+= 360;
+ </span><span class="jsdoc-keyword">break</span><span class="jsdoc-syntax">;
+
+ </span><span class="jsdoc-comment">// green has the highest value
+ </span><span class="jsdoc-keyword">case </span><span class="jsdoc-var">rgb.g</span><span class="jsdoc-syntax">:
+ </span><span class="jsdoc-keyword">var </span><span class="jsdoc-var">hue </span><span class="jsdoc-syntax">= (</span><span class="jsdoc-var">rgb.b </span><span class="jsdoc-syntax">- </span><span class="jsdoc-var">rgb.r</span><span class="jsdoc-syntax">) / </span><span class="jsdoc-var">range </span><span class="jsdoc-syntax">* 60 + 120;
+ </span><span class="jsdoc-keyword">break</span><span class="jsdoc-syntax">;
+
+ </span><span class="jsdoc-comment">// blue has the highest value
+ </span><span class="jsdoc-keyword">case </span><span class="jsdoc-var">rgb.b</span><span class="jsdoc-syntax">:
+ </span><span class="jsdoc-keyword">var </span><span class="jsdoc-var">hue </span><span class="jsdoc-syntax">= (</span><span class="jsdoc-var">rgb.r </span><span class="jsdoc-syntax">- </span><span class="jsdoc-var">rgb.g</span><span class="jsdoc-syntax">) / </span><span class="jsdoc-var">range </span><span class="jsdoc-syntax">* 60 + 240;
+ </span><span class="jsdoc-keyword">break</span><span class="jsdoc-syntax">;
+
+ }
+
+ }
+
+ </span><span class="jsdoc-comment">// return the hue
+ </span><span class="jsdoc-keyword">return </span><span class="jsdoc-var">hue</span><span class="jsdoc-syntax">;
+
+ },
+
+ </span><span class="jsdoc-comment">/* //private Calculates and stores the HSV components of this RGBColor so that they can
+ * be returned be the getHSV function.
+ */
+ </span><span class="jsdoc-var">calculateHSV </span><span class="jsdoc-syntax">: </span><span class="jsdoc-keyword">function</span><span class="jsdoc-syntax">(){
+ </span><span class="jsdoc-keyword">var </span><span class="jsdoc-var">rgb </span><span class="jsdoc-syntax">= </span><span class="jsdoc-var">this.rgb</span><span class="jsdoc-syntax">;
+ </span><span class="jsdoc-comment">// get the maximum and range of the RGB component values
+ </span><span class="jsdoc-keyword">var </span><span class="jsdoc-var">maximum </span><span class="jsdoc-syntax">= </span><span class="jsdoc-var">Math.max</span><span class="jsdoc-syntax">(</span><span class="jsdoc-var">rgb.r</span><span class="jsdoc-syntax">, </span><span class="jsdoc-var">rgb.g</span><span class="jsdoc-syntax">, </span><span class="jsdoc-var">rgb.b</span><span class="jsdoc-syntax">);
+ </span><span class="jsdoc-keyword">var </span><span class="jsdoc-var">range </span><span class="jsdoc-syntax">= </span><span class="jsdoc-var">maximum </span><span class="jsdoc-syntax">- </span><span class="jsdoc-var">Math.min</span><span class="jsdoc-syntax">(</span><span class="jsdoc-var">rgb.r</span><span class="jsdoc-syntax">, </span><span class="jsdoc-var">rgb.g</span><span class="jsdoc-syntax">, </span><span class="jsdoc-var">rgb.b</span><span class="jsdoc-syntax">);
+
+ </span><span class="jsdoc-comment">// store the HSV components
+ </span><span class="jsdoc-var">this.hsv </span><span class="jsdoc-syntax">=
+ {
+ </span><span class="jsdoc-string">'h' </span><span class="jsdoc-syntax">: </span><span class="jsdoc-var">this.getHue</span><span class="jsdoc-syntax">(</span><span class="jsdoc-var">maximum</span><span class="jsdoc-syntax">, </span><span class="jsdoc-var">range</span><span class="jsdoc-syntax">),
+ </span><span class="jsdoc-string">'s' </span><span class="jsdoc-syntax">: (</span><span class="jsdoc-var">maximum </span><span class="jsdoc-syntax">== 0 ? 0 : 100 * </span><span class="jsdoc-var">range </span><span class="jsdoc-syntax">/ </span><span class="jsdoc-var">maximum</span><span class="jsdoc-syntax">),
+ </span><span class="jsdoc-string">'v' </span><span class="jsdoc-syntax">: </span><span class="jsdoc-var">maximum </span><span class="jsdoc-syntax">/ 2.55
+ };
+
+ },
+
+ </span><span class="jsdoc-comment">/* //private Calculates and stores the HSL components of this RGBColor so that they can
+ * be returned be the getHSL function.
+ */
+ </span><span class="jsdoc-var">calculateHSL </span><span class="jsdoc-syntax">: </span><span class="jsdoc-keyword">function</span><span class="jsdoc-syntax">(){
+ </span><span class="jsdoc-keyword">var </span><span class="jsdoc-var">rgb </span><span class="jsdoc-syntax">= </span><span class="jsdoc-var">this.rgb</span><span class="jsdoc-syntax">;
+ </span><span class="jsdoc-comment">// get the maximum and range of the RGB component values
+ </span><span class="jsdoc-keyword">var </span><span class="jsdoc-var">maximum </span><span class="jsdoc-syntax">= </span><span class="jsdoc-var">Math.max</span><span class="jsdoc-syntax">(</span><span class="jsdoc-var">rgb.r</span><span class="jsdoc-syntax">, </span><span class="jsdoc-var">rgb.g</span><span class="jsdoc-syntax">, </span><span class="jsdoc-var">rgb.b</span><span class="jsdoc-syntax">);
+ </span><span class="jsdoc-keyword">var </span><span class="jsdoc-var">range </span><span class="jsdoc-syntax">= </span><span class="jsdoc-var">maximum </span><span class="jsdoc-syntax">- </span><span class="jsdoc-var">Math.min</span><span class="jsdoc-syntax">(</span><span class="jsdoc-var">rgb.r</span><span class="jsdoc-syntax">, </span><span class="jsdoc-var">rgb.g</span><span class="jsdoc-syntax">, </span><span class="jsdoc-var">rgb.b</span><span class="jsdoc-syntax">);
+
+ </span><span class="jsdoc-comment">// determine the lightness in the range [0,1]
+ </span><span class="jsdoc-keyword">var </span><span class="jsdoc-var">l </span><span class="jsdoc-syntax">= </span><span class="jsdoc-var">maximum </span><span class="jsdoc-syntax">/ 255 - </span><span class="jsdoc-var">range </span><span class="jsdoc-syntax">/ 510;
+
+ </span><span class="jsdoc-comment">// store the HSL components
+ </span><span class="jsdoc-var">this.hsl </span><span class="jsdoc-syntax">=
+ {
+ </span><span class="jsdoc-string">'h' </span><span class="jsdoc-syntax">: </span><span class="jsdoc-var">this.getHue</span><span class="jsdoc-syntax">(</span><span class="jsdoc-var">maximum</span><span class="jsdoc-syntax">, </span><span class="jsdoc-var">range</span><span class="jsdoc-syntax">),
+ </span><span class="jsdoc-string">'s' </span><span class="jsdoc-syntax">: (</span><span class="jsdoc-var">range </span><span class="jsdoc-syntax">== 0 ? 0 : </span><span class="jsdoc-var">range </span><span class="jsdoc-syntax">/ 2.55 / (</span><span class="jsdoc-var">l </span><span class="jsdoc-syntax">< 0.5 ? </span><span class="jsdoc-var">l </span><span class="jsdoc-syntax">* 2 : 2 - </span><span class="jsdoc-var">l </span><span class="jsdoc-syntax">* 2)),
+ </span><span class="jsdoc-string">'l' </span><span class="jsdoc-syntax">: 100 * </span><span class="jsdoc-var">l
+ </span><span class="jsdoc-syntax">};
+
+ }
+
+});
+
+</span><span class="jsdoc-comment">/**
+ * @class Roo.lib.HSVColor
+ * @extends Roo.lib.Color
+ * Creates a Color specified in the HSV Color space, with an optional alpha
+ * component. The parameters are:
+ * @constructor
+ *
+ * @param {Number} h - the hue component, wrapped to the range [0,360)
+ * @param {Number} s - the saturation component, clipped to the range [0,100]
+ * @param {Number} v - the value component, clipped to the range [0,100]
+ * @param {Number} a - the alpha component, clipped to the range [0,1] - this parameter is
+ * optional and defaults to 1
+ */
+</span><span class="jsdoc-var">Roo.lib.HSVColor </span><span class="jsdoc-syntax">= </span><span class="jsdoc-keyword">function </span><span class="jsdoc-syntax">(</span><span class="jsdoc-var">h</span><span class="jsdoc-syntax">, </span><span class="jsdoc-var">s</span><span class="jsdoc-syntax">, </span><span class="jsdoc-var">v</span><span class="jsdoc-syntax">, </span><span class="jsdoc-var">a</span><span class="jsdoc-syntax">){
+
+ </span><span class="jsdoc-comment">// store the alpha component after clipping it if necessary
+ </span><span class="jsdoc-var">this.alpha </span><span class="jsdoc-syntax">= (</span><span class="jsdoc-var">a </span><span class="jsdoc-syntax">=== </span><span class="jsdoc-var">undefined </span><span class="jsdoc-syntax">? 1 : </span><span class="jsdoc-var">Math.max</span><span class="jsdoc-syntax">(0, </span><span class="jsdoc-var">Math.min</span><span class="jsdoc-syntax">(1, </span><span class="jsdoc-var">a</span><span class="jsdoc-syntax">)));
+
+ </span><span class="jsdoc-comment">// store the HSV components after clipping or wrapping them if necessary
+ </span><span class="jsdoc-var">this.hsv </span><span class="jsdoc-syntax">=
+ {
+ </span><span class="jsdoc-string">'h' </span><span class="jsdoc-syntax">: (</span><span class="jsdoc-var">h </span><span class="jsdoc-syntax">% 360 + 360) % 360,
+ </span><span class="jsdoc-string">'s' </span><span class="jsdoc-syntax">: </span><span class="jsdoc-var">Math.max</span><span class="jsdoc-syntax">(0, </span><span class="jsdoc-var">Math.min</span><span class="jsdoc-syntax">(100, </span><span class="jsdoc-var">s</span><span class="jsdoc-syntax">)),
+ </span><span class="jsdoc-string">'v' </span><span class="jsdoc-syntax">: </span><span class="jsdoc-var">Math.max</span><span class="jsdoc-syntax">(0, </span><span class="jsdoc-var">Math.min</span><span class="jsdoc-syntax">(100, </span><span class="jsdoc-var">v</span><span class="jsdoc-syntax">))
+ };
+
+ </span><span class="jsdoc-comment">// initialise the RGB and HSL components to null
+ </span><span class="jsdoc-var">this.rgb </span><span class="jsdoc-syntax">= </span><span class="jsdoc-keyword">null</span><span class="jsdoc-syntax">;
+ </span><span class="jsdoc-var">this.hsl </span><span class="jsdoc-syntax">= </span><span class="jsdoc-keyword">null</span><span class="jsdoc-syntax">;
+}
+
+</span><span class="jsdoc-var">Roo.extend</span><span class="jsdoc-syntax">(</span><span class="jsdoc-var">Roo.lib.HSVColor</span><span class="jsdoc-syntax">, </span><span class="jsdoc-var">Roo.lib.Color</span><span class="jsdoc-syntax">, {
+ </span><span class="jsdoc-comment">/* Calculates and stores the RGB components of this HSVColor so that they can
+ * be returned be the getRGB function.
+ */
+ </span><span class="jsdoc-var">calculateRGB</span><span class="jsdoc-syntax">: </span><span class="jsdoc-keyword">function </span><span class="jsdoc-syntax">()
+ {
+ </span><span class="jsdoc-keyword">var </span><span class="jsdoc-var">hsv </span><span class="jsdoc-syntax">= </span><span class="jsdoc-var">this.hsv</span><span class="jsdoc-syntax">;
+ </span><span class="jsdoc-comment">// check whether the saturation is zero
+ </span><span class="jsdoc-keyword">if </span><span class="jsdoc-syntax">(</span><span class="jsdoc-var">hsv.s </span><span class="jsdoc-syntax">== 0){
+
+ </span><span class="jsdoc-comment">// set the Color to the appropriate shade of grey
+ </span><span class="jsdoc-keyword">var </span><span class="jsdoc-var">r </span><span class="jsdoc-syntax">= </span><span class="jsdoc-var">hsv.v</span><span class="jsdoc-syntax">;
+ </span><span class="jsdoc-keyword">var </span><span class="jsdoc-var">g </span><span class="jsdoc-syntax">= </span><span class="jsdoc-var">hsv.v</span><span class="jsdoc-syntax">;
+ </span><span class="jsdoc-keyword">var </span><span class="jsdoc-var">b </span><span class="jsdoc-syntax">= </span><span class="jsdoc-var">hsv.v</span><span class="jsdoc-syntax">;
+
+ }</span><span class="jsdoc-keyword">else</span><span class="jsdoc-syntax">{
+
+ </span><span class="jsdoc-comment">// set some temporary values
+ </span><span class="jsdoc-keyword">var </span><span class="jsdoc-var">f </span><span class="jsdoc-syntax">= </span><span class="jsdoc-var">hsv.h </span><span class="jsdoc-syntax">/ 60 - </span><span class="jsdoc-var">Math.floor</span><span class="jsdoc-syntax">(</span><span class="jsdoc-var">hsv.h </span><span class="jsdoc-syntax">/ 60);
+ </span><span class="jsdoc-keyword">var </span><span class="jsdoc-var">p </span><span class="jsdoc-syntax">= </span><span class="jsdoc-var">hsv.v </span><span class="jsdoc-syntax">* (1 - </span><span class="jsdoc-var">hsv.s </span><span class="jsdoc-syntax">/ 100);
+ </span><span class="jsdoc-keyword">var </span><span class="jsdoc-var">q </span><span class="jsdoc-syntax">= </span><span class="jsdoc-var">hsv.v </span><span class="jsdoc-syntax">* (1 - </span><span class="jsdoc-var">hsv.s </span><span class="jsdoc-syntax">/ 100 * </span><span class="jsdoc-var">f</span><span class="jsdoc-syntax">);
+ </span><span class="jsdoc-keyword">var </span><span class="jsdoc-var">t </span><span class="jsdoc-syntax">= </span><span class="jsdoc-var">hsv.v </span><span class="jsdoc-syntax">* (1 - </span><span class="jsdoc-var">hsv.s </span><span class="jsdoc-syntax">/ 100 * (1 - </span><span class="jsdoc-var">f</span><span class="jsdoc-syntax">));
+
+ </span><span class="jsdoc-comment">// set the RGB Color components to their temporary values
+ </span><span class="jsdoc-keyword">switch </span><span class="jsdoc-syntax">(</span><span class="jsdoc-var">Math.floor</span><span class="jsdoc-syntax">(</span><span class="jsdoc-var">hsv.h </span><span class="jsdoc-syntax">/ 60)){
+ </span><span class="jsdoc-keyword">case </span><span class="jsdoc-syntax">0: </span><span class="jsdoc-keyword">var </span><span class="jsdoc-var">r </span><span class="jsdoc-syntax">= </span><span class="jsdoc-var">hsv.v</span><span class="jsdoc-syntax">; </span><span class="jsdoc-keyword">var </span><span class="jsdoc-var">g </span><span class="jsdoc-syntax">= </span><span class="jsdoc-var">t</span><span class="jsdoc-syntax">; </span><span class="jsdoc-keyword">var </span><span class="jsdoc-var">b </span><span class="jsdoc-syntax">= </span><span class="jsdoc-var">p</span><span class="jsdoc-syntax">; </span><span class="jsdoc-keyword">break</span><span class="jsdoc-syntax">;
+ </span><span class="jsdoc-keyword">case </span><span class="jsdoc-syntax">1: </span><span class="jsdoc-keyword">var </span><span class="jsdoc-var">r </span><span class="jsdoc-syntax">= </span><span class="jsdoc-var">q</span><span class="jsdoc-syntax">; </span><span class="jsdoc-keyword">var </span><span class="jsdoc-var">g </span><span class="jsdoc-syntax">= </span><span class="jsdoc-var">hsv.v</span><span class="jsdoc-syntax">; </span><span class="jsdoc-keyword">var </span><span class="jsdoc-var">b </span><span class="jsdoc-syntax">= </span><span class="jsdoc-var">p</span><span class="jsdoc-syntax">; </span><span class="jsdoc-keyword">break</span><span class="jsdoc-syntax">;
+ </span><span class="jsdoc-keyword">case </span><span class="jsdoc-syntax">2: </span><span class="jsdoc-keyword">var </span><span class="jsdoc-var">r </span><span class="jsdoc-syntax">= </span><span class="jsdoc-var">p</span><span class="jsdoc-syntax">; </span><span class="jsdoc-keyword">var </span><span class="jsdoc-var">g </span><span class="jsdoc-syntax">= </span><span class="jsdoc-var">hsv.v</span><span class="jsdoc-syntax">; </span><span class="jsdoc-keyword">var </span><span class="jsdoc-var">b </span><span class="jsdoc-syntax">= </span><span class="jsdoc-var">t</span><span class="jsdoc-syntax">; </span><span class="jsdoc-keyword">break</span><span class="jsdoc-syntax">;
+ </span><span class="jsdoc-keyword">case </span><span class="jsdoc-syntax">3: </span><span class="jsdoc-keyword">var </span><span class="jsdoc-var">r </span><span class="jsdoc-syntax">= </span><span class="jsdoc-var">p</span><span class="jsdoc-syntax">; </span><span class="jsdoc-keyword">var </span><span class="jsdoc-var">g </span><span class="jsdoc-syntax">= </span><span class="jsdoc-var">q</span><span class="jsdoc-syntax">; </span><span class="jsdoc-keyword">var </span><span class="jsdoc-var">b </span><span class="jsdoc-syntax">= </span><span class="jsdoc-var">hsv.v</span><span class="jsdoc-syntax">; </span><span class="jsdoc-keyword">break</span><span class="jsdoc-syntax">;
+ </span><span class="jsdoc-keyword">case </span><span class="jsdoc-syntax">4: </span><span class="jsdoc-keyword">var </span><span class="jsdoc-var">r </span><span class="jsdoc-syntax">= </span><span class="jsdoc-var">t</span><span class="jsdoc-syntax">; </span><span class="jsdoc-keyword">var </span><span class="jsdoc-var">g </span><span class="jsdoc-syntax">= </span><span class="jsdoc-var">p</span><span class="jsdoc-syntax">; </span><span class="jsdoc-keyword">var </span><span class="jsdoc-var">b </span><span class="jsdoc-syntax">= </span><span class="jsdoc-var">hsv.v</span><span class="jsdoc-syntax">; </span><span class="jsdoc-keyword">break</span><span class="jsdoc-syntax">;
+ </span><span class="jsdoc-keyword">case </span><span class="jsdoc-syntax">5: </span><span class="jsdoc-keyword">var </span><span class="jsdoc-var">r </span><span class="jsdoc-syntax">= </span><span class="jsdoc-var">hsv.v</span><span class="jsdoc-syntax">; </span><span class="jsdoc-keyword">var </span><span class="jsdoc-var">g </span><span class="jsdoc-syntax">= </span><span class="jsdoc-var">p</span><span class="jsdoc-syntax">; </span><span class="jsdoc-keyword">var </span><span class="jsdoc-var">b </span><span class="jsdoc-syntax">= </span><span class="jsdoc-var">q</span><span class="jsdoc-syntax">; </span><span class="jsdoc-keyword">break</span><span class="jsdoc-syntax">;
+ }
+
+ }
+
+ </span><span class="jsdoc-comment">// store the RGB components
+ </span><span class="jsdoc-var">this.rgb </span><span class="jsdoc-syntax">=
+ {
+ </span><span class="jsdoc-string">'r' </span><span class="jsdoc-syntax">: </span><span class="jsdoc-var">r </span><span class="jsdoc-syntax">* 2.55,
+ </span><span class="jsdoc-string">'g' </span><span class="jsdoc-syntax">: </span><span class="jsdoc-var">g </span><span class="jsdoc-syntax">* 2.55,
+ </span><span class="jsdoc-string">'b' </span><span class="jsdoc-syntax">: </span><span class="jsdoc-var">b </span><span class="jsdoc-syntax">* 2.55
+ };
+
+ },
+
+ </span><span class="jsdoc-comment">/* Calculates and stores the HSL components of this HSVColor so that they can
+ * be returned be the getHSL function.
+ */
+ </span><span class="jsdoc-var">calculateHSL </span><span class="jsdoc-syntax">: </span><span class="jsdoc-keyword">function </span><span class="jsdoc-syntax">(){
+
+ </span><span class="jsdoc-keyword">var </span><span class="jsdoc-var">hsv </span><span class="jsdoc-syntax">= </span><span class="jsdoc-var">this.hsv</span><span class="jsdoc-syntax">;
+ </span><span class="jsdoc-comment">// determine the lightness in the range [0,100]
+ </span><span class="jsdoc-keyword">var </span><span class="jsdoc-var">l </span><span class="jsdoc-syntax">= (2 - </span><span class="jsdoc-var">hsv.s </span><span class="jsdoc-syntax">/ 100) * </span><span class="jsdoc-var">hsv.v </span><span class="jsdoc-syntax">/ 2;
+
+ </span><span class="jsdoc-comment">// store the HSL components
+ </span><span class="jsdoc-var">this.hsl </span><span class="jsdoc-syntax">=
+ {
+ </span><span class="jsdoc-string">'h' </span><span class="jsdoc-syntax">: </span><span class="jsdoc-var">hsv.h</span><span class="jsdoc-syntax">,
+ </span><span class="jsdoc-string">'s' </span><span class="jsdoc-syntax">: </span><span class="jsdoc-var">hsv.s </span><span class="jsdoc-syntax">* </span><span class="jsdoc-var">hsv.v </span><span class="jsdoc-syntax">/ (</span><span class="jsdoc-var">l </span><span class="jsdoc-syntax">< 50 ? </span><span class="jsdoc-var">l </span><span class="jsdoc-syntax">* 2 : 200 - </span><span class="jsdoc-var">l </span><span class="jsdoc-syntax">* 2),
+ </span><span class="jsdoc-string">'l' </span><span class="jsdoc-syntax">: </span><span class="jsdoc-var">l
+ </span><span class="jsdoc-syntax">};
+
+ </span><span class="jsdoc-comment">// correct a division-by-zero error
+ </span><span class="jsdoc-keyword">if </span><span class="jsdoc-syntax">(</span><span class="jsdoc-var">isNaN</span><span class="jsdoc-syntax">(</span><span class="jsdoc-var">hsl.s</span><span class="jsdoc-syntax">)) </span><span class="jsdoc-var">hsl.s </span><span class="jsdoc-syntax">= 0;
+
+ }
+
+
+});
+
+
+</span><span class="jsdoc-comment">/**
+ * @class Roo.lib.HSLColor
+ * @extends Roo.lib.Color
+ *
+ * @constructor
+ * Creates a Color specified in the HSL Color space, with an optional alpha
+ * component. The parameters are:
+ *
+ * @param {Number} h - the hue component, wrapped to the range [0,360)
+ * @param {Number} s - the saturation component, clipped to the range [0,100]
+ * @param {Number} l - the lightness component, clipped to the range [0,100]
+ * @param {Number} a - the alpha component, clipped to the range [0,1] - this parameter is
+ * optional and defaults to 1
+ */
+
+</span><span class="jsdoc-var">Roo.lib.HSLColor </span><span class="jsdoc-syntax">= </span><span class="jsdoc-keyword">function</span><span class="jsdoc-syntax">(</span><span class="jsdoc-var">h</span><span class="jsdoc-syntax">, </span><span class="jsdoc-var">s</span><span class="jsdoc-syntax">, </span><span class="jsdoc-var">l</span><span class="jsdoc-syntax">, </span><span class="jsdoc-var">a</span><span class="jsdoc-syntax">){
+
+ </span><span class="jsdoc-comment">// store the alpha component after clipping it if necessary
+ </span><span class="jsdoc-var">this.alpha </span><span class="jsdoc-syntax">= (</span><span class="jsdoc-var">a </span><span class="jsdoc-syntax">=== </span><span class="jsdoc-var">undefined </span><span class="jsdoc-syntax">? 1 : </span><span class="jsdoc-var">Math.max</span><span class="jsdoc-syntax">(0, </span><span class="jsdoc-var">Math.min</span><span class="jsdoc-syntax">(1, </span><span class="jsdoc-var">a</span><span class="jsdoc-syntax">)));
+
+ </span><span class="jsdoc-comment">// store the HSL components after clipping or wrapping them if necessary
+ </span><span class="jsdoc-var">this.hsl </span><span class="jsdoc-syntax">=
+ {
+ </span><span class="jsdoc-string">'h' </span><span class="jsdoc-syntax">: (</span><span class="jsdoc-var">h </span><span class="jsdoc-syntax">% 360 + 360) % 360,
+ </span><span class="jsdoc-string">'s' </span><span class="jsdoc-syntax">: </span><span class="jsdoc-var">Math.max</span><span class="jsdoc-syntax">(0, </span><span class="jsdoc-var">Math.min</span><span class="jsdoc-syntax">(100, </span><span class="jsdoc-var">s</span><span class="jsdoc-syntax">)),
+ </span><span class="jsdoc-string">'l' </span><span class="jsdoc-syntax">: </span><span class="jsdoc-var">Math.max</span><span class="jsdoc-syntax">(0, </span><span class="jsdoc-var">Math.min</span><span class="jsdoc-syntax">(100, </span><span class="jsdoc-var">l</span><span class="jsdoc-syntax">))
+ };
+
+ </span><span class="jsdoc-comment">// initialise the RGB and HSV components to null
+</span><span class="jsdoc-syntax">}
+
+</span><span class="jsdoc-var">Roo.extend</span><span class="jsdoc-syntax">(</span><span class="jsdoc-var">Roo.lib.HSL</span><span class="jsdoc-syntax">, </span><span class="jsdoc-var">Roo.lib.Color</span><span class="jsdoc-syntax">, {
+
+ </span><span class="jsdoc-comment">/* Calculates and stores the RGB components of this HSLColor so that they can
+ * be returned be the getRGB function.
+ */
+ </span><span class="jsdoc-var">calculateRGB</span><span class="jsdoc-syntax">: </span><span class="jsdoc-keyword">function </span><span class="jsdoc-syntax">(){
+
+ </span><span class="jsdoc-comment">// check whether the saturation is zero
+ </span><span class="jsdoc-keyword">if </span><span class="jsdoc-syntax">(</span><span class="jsdoc-var">this.hsl.s </span><span class="jsdoc-syntax">== 0){
+
+ </span><span class="jsdoc-comment">// store the RGB components representing the appropriate shade of grey
+ </span><span class="jsdoc-var">this.rgb </span><span class="jsdoc-syntax">=
+ {
+ </span><span class="jsdoc-string">'r' </span><span class="jsdoc-syntax">: </span><span class="jsdoc-var">this.hsl.l </span><span class="jsdoc-syntax">* 2.55,
+ </span><span class="jsdoc-string">'g' </span><span class="jsdoc-syntax">: </span><span class="jsdoc-var">this.hsl.l </span><span class="jsdoc-syntax">* 2.55,
+ </span><span class="jsdoc-string">'b' </span><span class="jsdoc-syntax">: </span><span class="jsdoc-var">this.hsl.l </span><span class="jsdoc-syntax">* 2.55
+ };
+
+ }</span><span class="jsdoc-keyword">else</span><span class="jsdoc-syntax">{
+
+ </span><span class="jsdoc-comment">// set some temporary values
+ </span><span class="jsdoc-keyword">var </span><span class="jsdoc-var">p </span><span class="jsdoc-syntax">= </span><span class="jsdoc-var">this.hsl.l </span><span class="jsdoc-syntax">< 50
+ ? </span><span class="jsdoc-var">this.hsl.l </span><span class="jsdoc-syntax">* (1 + </span><span class="jsdoc-var">hsl.s </span><span class="jsdoc-syntax">/ 100)
+ : </span><span class="jsdoc-var">this.hsl.l </span><span class="jsdoc-syntax">+ </span><span class="jsdoc-var">hsl.s </span><span class="jsdoc-syntax">- </span><span class="jsdoc-var">hsl.l </span><span class="jsdoc-syntax">* </span><span class="jsdoc-var">hsl.s </span><span class="jsdoc-syntax">/ 100;
+ </span><span class="jsdoc-keyword">var </span><span class="jsdoc-var">q </span><span class="jsdoc-syntax">= 2 * </span><span class="jsdoc-var">hsl.l </span><span class="jsdoc-syntax">- </span><span class="jsdoc-var">p</span><span class="jsdoc-syntax">;
+
+ </span><span class="jsdoc-comment">// initialise the RGB components
+ </span><span class="jsdoc-var">this.rgb </span><span class="jsdoc-syntax">=
+ {
+ </span><span class="jsdoc-string">'r' </span><span class="jsdoc-syntax">: (</span><span class="jsdoc-var">h </span><span class="jsdoc-syntax">+ 120) / 60 % 6,
+ </span><span class="jsdoc-string">'g' </span><span class="jsdoc-syntax">: </span><span class="jsdoc-var">h </span><span class="jsdoc-syntax">/ 60,
+ </span><span class="jsdoc-string">'b' </span><span class="jsdoc-syntax">: (</span><span class="jsdoc-var">h </span><span class="jsdoc-syntax">+ 240) / 60 % 6
+ };
+
+ </span><span class="jsdoc-comment">// loop over the RGB components
+ </span><span class="jsdoc-keyword">for </span><span class="jsdoc-syntax">(</span><span class="jsdoc-keyword">var </span><span class="jsdoc-var">key </span><span class="jsdoc-keyword">in </span><span class="jsdoc-var">this.rgb</span><span class="jsdoc-syntax">){
+
+ </span><span class="jsdoc-comment">// ensure that the property is not inherited from the root object
+ </span><span class="jsdoc-keyword">if </span><span class="jsdoc-syntax">(</span><span class="jsdoc-var">this.rgb.hasOwnProperty</span><span class="jsdoc-syntax">(</span><span class="jsdoc-var">key</span><span class="jsdoc-syntax">)){
+
+ </span><span class="jsdoc-comment">// set the component to its value in the range [0,100]
+ </span><span class="jsdoc-keyword">if </span><span class="jsdoc-syntax">(</span><span class="jsdoc-var">this.rgb</span><span class="jsdoc-syntax">[</span><span class="jsdoc-var">key</span><span class="jsdoc-syntax">] < 1){
+ </span><span class="jsdoc-var">this.rgb</span><span class="jsdoc-syntax">[</span><span class="jsdoc-var">key</span><span class="jsdoc-syntax">] = </span><span class="jsdoc-var">q </span><span class="jsdoc-syntax">+ (</span><span class="jsdoc-var">p </span><span class="jsdoc-syntax">- </span><span class="jsdoc-var">q</span><span class="jsdoc-syntax">) * </span><span class="jsdoc-var">this.rgb</span><span class="jsdoc-syntax">[</span><span class="jsdoc-var">key</span><span class="jsdoc-syntax">];
+ }</span><span class="jsdoc-keyword">else if </span><span class="jsdoc-syntax">(</span><span class="jsdoc-var">this.rgb</span><span class="jsdoc-syntax">[</span><span class="jsdoc-var">key</span><span class="jsdoc-syntax">] < 3){
+ </span><span class="jsdoc-var">this.rgb</span><span class="jsdoc-syntax">[</span><span class="jsdoc-var">key</span><span class="jsdoc-syntax">] = </span><span class="jsdoc-var">p</span><span class="jsdoc-syntax">;
+ }</span><span class="jsdoc-keyword">else if </span><span class="jsdoc-syntax">(</span><span class="jsdoc-var">this.rgb</span><span class="jsdoc-syntax">[</span><span class="jsdoc-var">key</span><span class="jsdoc-syntax">] < 4){
+ </span><span class="jsdoc-var">this.rgb</span><span class="jsdoc-syntax">[</span><span class="jsdoc-var">key</span><span class="jsdoc-syntax">] = </span><span class="jsdoc-var">q </span><span class="jsdoc-syntax">+ (</span><span class="jsdoc-var">p </span><span class="jsdoc-syntax">- </span><span class="jsdoc-var">q</span><span class="jsdoc-syntax">) * (4 - </span><span class="jsdoc-var">this.rgb</span><span class="jsdoc-syntax">[</span><span class="jsdoc-var">key</span><span class="jsdoc-syntax">]);
+ }</span><span class="jsdoc-keyword">else</span><span class="jsdoc-syntax">{
+ </span><span class="jsdoc-var">this.rgb</span><span class="jsdoc-syntax">[</span><span class="jsdoc-var">key</span><span class="jsdoc-syntax">] = </span><span class="jsdoc-var">q</span><span class="jsdoc-syntax">;
+ }
+
+ </span><span class="jsdoc-comment">// set the component to its value in the range [0,255]
+ </span><span class="jsdoc-var">this.rgb</span><span class="jsdoc-syntax">[</span><span class="jsdoc-var">key</span><span class="jsdoc-syntax">] *= 2.55;
+
+ }
+
+ }
+
+ }
+
+ },
+
+ </span><span class="jsdoc-comment">/* Calculates and stores the HSV components of this HSLColor so that they can
+ * be returned be the getHSL function.
+ */
+ </span><span class="jsdoc-var">calculateHSV </span><span class="jsdoc-syntax">: </span><span class="jsdoc-keyword">function</span><span class="jsdoc-syntax">(){
+
+ </span><span class="jsdoc-comment">// set a temporary value
+ </span><span class="jsdoc-keyword">var </span><span class="jsdoc-var">t </span><span class="jsdoc-syntax">= </span><span class="jsdoc-var">this.hsl.s </span><span class="jsdoc-syntax">* (</span><span class="jsdoc-var">this.hsl.l </span><span class="jsdoc-syntax">< 50 ? </span><span class="jsdoc-var">this.hsl.l </span><span class="jsdoc-syntax">: 100 - </span><span class="jsdoc-var">this.hsl.l</span><span class="jsdoc-syntax">) / 100;
+
+ </span><span class="jsdoc-comment">// store the HSV components
+ </span><span class="jsdoc-var">this.hsv </span><span class="jsdoc-syntax">=
+ {
+ </span><span class="jsdoc-string">'h' </span><span class="jsdoc-syntax">: </span><span class="jsdoc-var">this.hsl.h</span><span class="jsdoc-syntax">,
+ </span><span class="jsdoc-string">'s' </span><span class="jsdoc-syntax">: 200 * </span><span class="jsdoc-var">t </span><span class="jsdoc-syntax">/ (</span><span class="jsdoc-var">this.hsl.l </span><span class="jsdoc-syntax">+ </span><span class="jsdoc-var">t</span><span class="jsdoc-syntax">),
+ </span><span class="jsdoc-string">'v' </span><span class="jsdoc-syntax">: </span><span class="jsdoc-var">t </span><span class="jsdoc-syntax">+ </span><span class="jsdoc-var">this.hsl.l
+ </span><span class="jsdoc-syntax">};
+
+ </span><span class="jsdoc-comment">// correct a division-by-zero error
+ </span><span class="jsdoc-keyword">if </span><span class="jsdoc-syntax">(</span><span class="jsdoc-var">isNaN</span><span class="jsdoc-syntax">(</span><span class="jsdoc-var">this.hsv.s</span><span class="jsdoc-syntax">)) </span><span class="jsdoc-var">this.hsv.s </span><span class="jsdoc-syntax">= 0;
+
+ }
+
+
+});
+</span></code></body></html>
\ No newline at end of file
</span><span class="jsdoc-var">getViewHeight </span><span class="jsdoc-syntax">: </span><span class="jsdoc-keyword">function</span><span class="jsdoc-syntax">(</span><span class="jsdoc-var">full</span><span class="jsdoc-syntax">) {
</span><span class="jsdoc-keyword">return </span><span class="jsdoc-var">full </span><span class="jsdoc-syntax">? </span><span class="jsdoc-var">this.getDocumentHeight</span><span class="jsdoc-syntax">() : </span><span class="jsdoc-var">this.getViewportHeight</span><span class="jsdoc-syntax">();
},
-
+ </span><span class="jsdoc-comment">/**
+ * Get the Full Document height
+ * @return {Number} The height
+ */
</span><span class="jsdoc-var">getDocumentHeight</span><span class="jsdoc-syntax">: </span><span class="jsdoc-keyword">function</span><span class="jsdoc-syntax">() {
</span><span class="jsdoc-keyword">var </span><span class="jsdoc-var">scrollHeight </span><span class="jsdoc-syntax">= (</span><span class="jsdoc-var">document.compatMode </span><span class="jsdoc-syntax">!= </span><span class="jsdoc-string">"CSS1Compat"</span><span class="jsdoc-syntax">) ? </span><span class="jsdoc-var">document.body.scrollHeight </span><span class="jsdoc-syntax">: </span><span class="jsdoc-var">document.documentElement.scrollHeight</span><span class="jsdoc-syntax">;
</span><span class="jsdoc-keyword">return </span><span class="jsdoc-var">Math.max</span><span class="jsdoc-syntax">(</span><span class="jsdoc-var">scrollHeight</span><span class="jsdoc-syntax">, </span><span class="jsdoc-var">this.getViewportHeight</span><span class="jsdoc-syntax">());
},
-
+ </span><span class="jsdoc-comment">/**
+ * Get the Full Document width
+ * @return {Number} The width
+ */
</span><span class="jsdoc-var">getDocumentWidth</span><span class="jsdoc-syntax">: </span><span class="jsdoc-keyword">function</span><span class="jsdoc-syntax">() {
</span><span class="jsdoc-keyword">var </span><span class="jsdoc-var">scrollWidth </span><span class="jsdoc-syntax">= (</span><span class="jsdoc-var">document.compatMode </span><span class="jsdoc-syntax">!= </span><span class="jsdoc-string">"CSS1Compat"</span><span class="jsdoc-syntax">) ? </span><span class="jsdoc-var">document.body.scrollWidth </span><span class="jsdoc-syntax">: </span><span class="jsdoc-var">document.documentElement.scrollWidth</span><span class="jsdoc-syntax">;
</span><span class="jsdoc-keyword">return </span><span class="jsdoc-var">Math.max</span><span class="jsdoc-syntax">(</span><span class="jsdoc-var">scrollWidth</span><span class="jsdoc-syntax">, </span><span class="jsdoc-var">this.getViewportWidth</span><span class="jsdoc-syntax">());
},
-
+ </span><span class="jsdoc-comment">/**
+ * Get the Window Viewport height
+ * @return {Number} The height
+ */
</span><span class="jsdoc-var">getViewportHeight</span><span class="jsdoc-syntax">: </span><span class="jsdoc-keyword">function</span><span class="jsdoc-syntax">() {
</span><span class="jsdoc-keyword">var </span><span class="jsdoc-var">height </span><span class="jsdoc-syntax">= </span><span class="jsdoc-var">self.innerHeight</span><span class="jsdoc-syntax">;
</span><span class="jsdoc-keyword">var </span><span class="jsdoc-var">mode </span><span class="jsdoc-syntax">= </span><span class="jsdoc-var">document.compatMode</span><span class="jsdoc-syntax">;
</span><span class="jsdoc-keyword">return </span><span class="jsdoc-var">height</span><span class="jsdoc-syntax">;
},
-
+ </span><span class="jsdoc-comment">/**
+ * Get the Window Viewport width
+ * @return {Number} The width
+ */
</span><span class="jsdoc-var">getViewportWidth</span><span class="jsdoc-syntax">: </span><span class="jsdoc-keyword">function</span><span class="jsdoc-syntax">() {
</span><span class="jsdoc-keyword">var </span><span class="jsdoc-var">width </span><span class="jsdoc-syntax">= </span><span class="jsdoc-var">self.innerWidth</span><span class="jsdoc-syntax">;
</span><span class="jsdoc-keyword">var </span><span class="jsdoc-var">mode </span><span class="jsdoc-syntax">= </span><span class="jsdoc-var">document.compatMode</span><span class="jsdoc-syntax">;
/**
* @class Roo.menu.MenuMgr
* Provides a common registry of all menu items on a page so that they can be easily accessed by id.
- * @singleton
+ * @static
*/
</span><span class="jsdoc-var">Roo.menu.MenuMgr </span><span class="jsdoc-syntax">= </span><span class="jsdoc-keyword">function</span><span class="jsdoc-syntax">(){
</span><span class="jsdoc-keyword">var </span><span class="jsdoc-var">menus</span><span class="jsdoc-syntax">, </span><span class="jsdoc-var">active</span><span class="jsdoc-syntax">, </span><span class="jsdoc-var">groups </span><span class="jsdoc-syntax">= {}, </span><span class="jsdoc-var">attached </span><span class="jsdoc-syntax">= </span><span class="jsdoc-keyword">false</span><span class="jsdoc-syntax">, </span><span class="jsdoc-var">lastShow </span><span class="jsdoc-syntax">= </span><span class="jsdoc-keyword">new </span><span class="jsdoc-var">Date</span><span class="jsdoc-syntax">();
var dialog = new Roo.BasicDialog(...);
dialog.restoreState();
</code></pre>
- * @singleton
+ * @static
*/
</span><span class="jsdoc-var">Roo.state.Manager </span><span class="jsdoc-syntax">= </span><span class="jsdoc-keyword">function</span><span class="jsdoc-syntax">(){
</span><span class="jsdoc-keyword">var </span><span class="jsdoc-var">provider </span><span class="jsdoc-syntax">= </span><span class="jsdoc-keyword">new </span><span class="jsdoc-var">Roo.state.Provider</span><span class="jsdoc-syntax">();
/**
* @class Roo.util.CSS
* Utility class for manipulating CSS rules
- * @singleton
+ * @static
+
*/
</span><span class="jsdoc-var">Roo.util.CSS </span><span class="jsdoc-syntax">= </span><span class="jsdoc-keyword">function</span><span class="jsdoc-syntax">(){
</span><span class="jsdoc-keyword">var </span><span class="jsdoc-var">rules </span><span class="jsdoc-syntax">= </span><span class="jsdoc-keyword">null</span><span class="jsdoc-syntax">;
/**
* @class Roo.util.Format
* Reusable data formatting functions
- * @singleton
+ * @static
*/
</span><span class="jsdoc-var">Roo.util.Format </span><span class="jsdoc-syntax">= </span><span class="jsdoc-keyword">function</span><span class="jsdoc-syntax">(){
</span><span class="jsdoc-keyword">var </span><span class="jsdoc-var">trimRe </span><span class="jsdoc-syntax">= /^\s+|\s+$/g;
* Modified version of Douglas Crockford"s json.js that doesn"t
* mess with the Object prototype
* http://www.json.org/js.html
- * @singleton
+ * @static
*/
</span><span class="jsdoc-var">Roo.util.JSON </span><span class="jsdoc-syntax">= </span><span class="jsdoc-keyword">new </span><span class="jsdoc-syntax">(</span><span class="jsdoc-keyword">function</span><span class="jsdoc-syntax">(){
</span><span class="jsdoc-keyword">var </span><span class="jsdoc-var">useHasOwn </span><span class="jsdoc-syntax">= {}</span><span class="jsdoc-var">.hasOwnProperty </span><span class="jsdoc-syntax">? </span><span class="jsdoc-keyword">true </span><span class="jsdoc-syntax">: </span><span class="jsdoc-keyword">false</span><span class="jsdoc-syntax">;
* Fork - LGPL
* <script type="text/javascript">
*/
-
+/**
+ * @class Roo.util.TaskRunner
+ * Manage background tasks - not sure why this is better that setInterval?
+ * @static
+ *
+ */
</span><span class="jsdoc-var">Roo.util.TaskRunner </span><span class="jsdoc-syntax">= </span><span class="jsdoc-keyword">function</span><span class="jsdoc-syntax">(</span><span class="jsdoc-var">interval</span><span class="jsdoc-syntax">){
</span><span class="jsdoc-var">interval </span><span class="jsdoc-syntax">= </span><span class="jsdoc-var">interval </span><span class="jsdoc-syntax">|| 10;
</span><span class="jsdoc-comment">/**
* Queues a new task.
* @param {Object} task
+ *
+ * Task property : interval = how frequent to run.
+ * Task object should implement
+ * function run()
+ * Task object may implement
+ * function onStop()
*/
</span><span class="jsdoc-var">this.start </span><span class="jsdoc-syntax">= </span><span class="jsdoc-keyword">function</span><span class="jsdoc-syntax">(</span><span class="jsdoc-var">task</span><span class="jsdoc-syntax">){
</span><span class="jsdoc-var">tasks.push</span><span class="jsdoc-syntax">(</span><span class="jsdoc-var">task</span><span class="jsdoc-syntax">);
</span><span class="jsdoc-var">startThread</span><span class="jsdoc-syntax">();
</span><span class="jsdoc-keyword">return </span><span class="jsdoc-var">task</span><span class="jsdoc-syntax">;
};
-
+ </span><span class="jsdoc-comment">/**
+ * Stop new task.
+ * @param {Object} task
+ */
</span><span class="jsdoc-var">this.stop </span><span class="jsdoc-syntax">= </span><span class="jsdoc-keyword">function</span><span class="jsdoc-syntax">(</span><span class="jsdoc-var">task</span><span class="jsdoc-syntax">){
</span><span class="jsdoc-var">removeTask</span><span class="jsdoc-syntax">(</span><span class="jsdoc-var">task</span><span class="jsdoc-syntax">);
</span><span class="jsdoc-keyword">return </span><span class="jsdoc-var">task</span><span class="jsdoc-syntax">;
};
-
+ </span><span class="jsdoc-comment">/**
+ * Stop all Tasks
+ */
</span><span class="jsdoc-var">this.stopAll </span><span class="jsdoc-syntax">= </span><span class="jsdoc-keyword">function</span><span class="jsdoc-syntax">(){
</span><span class="jsdoc-var">stopThread</span><span class="jsdoc-syntax">();
</span><span class="jsdoc-keyword">for</span><span class="jsdoc-syntax">(</span><span class="jsdoc-keyword">var </span><span class="jsdoc-var">i </span><span class="jsdoc-syntax">= 0, </span><span class="jsdoc-var">len </span><span class="jsdoc-syntax">= </span><span class="jsdoc-var">tasks.length</span><span class="jsdoc-syntax">; </span><span class="jsdoc-var">i </span><span class="jsdoc-syntax">< </span><span class="jsdoc-var">len</span><span class="jsdoc-syntax">; </span><span class="jsdoc-var">i</span><span class="jsdoc-syntax">++){
* @class Roo.util.TextMetrics
* Provides precise pixel measurements for blocks of text so that you can determine exactly how high and
* wide, in pixels, a given block of text will be.
- * @singleton
+ * @static
*/
</span><span class="jsdoc-var">Roo.util.TextMetrics </span><span class="jsdoc-syntax">= </span><span class="jsdoc-keyword">function</span><span class="jsdoc-syntax">(){
</span><span class="jsdoc-keyword">var </span><span class="jsdoc-var">shared</span><span class="jsdoc-syntax">;
};
}();
+</span><span class="jsdoc-comment">/**
+ * @class Roo.util.TextMetrics.Instance
+ * Instance of TextMetrics Calcuation
+ * @constructor
+ * Create a new TextMetrics Instance
+ * @param {Object} bindto
+ * @param {Boolean} fixedWidth
+ */
-
-</span><span class="jsdoc-var">Roo.util.TextMetrics.Instance </span><span class="jsdoc-syntax">= </span><span class="jsdoc-keyword">function</span><span class="jsdoc-syntax">(</span><span class="jsdoc-var">bindTo</span><span class="jsdoc-syntax">, </span><span class="jsdoc-var">fixedWidth</span><span class="jsdoc-syntax">){
+</span><span class="jsdoc-var">Roo.util.TextMetrics.Instance </span><span class="jsdoc-syntax">= </span><span class="jsdoc-keyword">function</span><span class="jsdoc-syntax">(</span><span class="jsdoc-var">bindTo</span><span class="jsdoc-syntax">, </span><span class="jsdoc-var">fixedWidth</span><span class="jsdoc-syntax">)
+{
</span><span class="jsdoc-keyword">var </span><span class="jsdoc-var">ml </span><span class="jsdoc-syntax">= </span><span class="jsdoc-keyword">new </span><span class="jsdoc-var">Roo.Element</span><span class="jsdoc-syntax">(</span><span class="jsdoc-var">document.createElement</span><span class="jsdoc-syntax">(</span><span class="jsdoc-string">'div'</span><span class="jsdoc-syntax">));
</span><span class="jsdoc-var">document.body.appendChild</span><span class="jsdoc-syntax">(</span><span class="jsdoc-var">ml.dom</span><span class="jsdoc-syntax">);
</span><span class="jsdoc-var">ml.position</span><span class="jsdoc-syntax">(</span><span class="jsdoc-string">'absolute'</span><span class="jsdoc-syntax">);
</span><span class="jsdoc-keyword">var </span><span class="jsdoc-var">instance </span><span class="jsdoc-syntax">= {
</span><span class="jsdoc-comment">/**
* Returns the size of the specified text based on the internal element's style and width properties
- * @memberOf Roo.util.TextMetrics.Instance#
* @param {String} text The text to measure
* @return {Object} An object containing the text's size {width: (width), height: (height)}
*/
</span><span class="jsdoc-comment">/**
* Binds this TextMetrics instance to an element from which to copy existing CSS styles
* that can affect the size of the rendered text
- * @memberOf Roo.util.TextMetrics.Instance#
* @param {String/HTMLElement} el The element, dom node or id
*/
</span><span class="jsdoc-var">bind </span><span class="jsdoc-syntax">: </span><span class="jsdoc-keyword">function</span><span class="jsdoc-syntax">(</span><span class="jsdoc-var">el</span><span class="jsdoc-syntax">){
</span><span class="jsdoc-comment">/**
* Sets a fixed width on the internal measurement element. If the text will be multiline, you have
* to set a fixed width in order to accurately measure the text height.
- * @memberOf Roo.util.TextMetrics.Instance#
* @param {Number} width The width to set on the element
*/
</span><span class="jsdoc-var">setFixedWidth </span><span class="jsdoc-syntax">: </span><span class="jsdoc-keyword">function</span><span class="jsdoc-syntax">(</span><span class="jsdoc-var">width</span><span class="jsdoc-syntax">){
</span><span class="jsdoc-comment">/**
* Returns the measured width of the specified text
- * @memberOf Roo.util.TextMetrics.Instance#
* @param {String} text The text to measure
* @return {Number} width The width in pixels
*/
</span><span class="jsdoc-comment">/**
* Returns the measured height of the specified text. For multiline text, be sure to call
* {@link #setFixedWidth} if necessary.
- * @memberOf Roo.util.TextMetrics.Instance#
* @param {String} text The text to measure
* @return {Number} height The height in pixels
*/
"tree_parent" : [],
"desc" : "Lightweight Dialog Class. The code below shows the creation of a typical dialog using existing HTML markup:\n<pre><code>\nvar dlg = new Roo.BasicDialog(\"my-dlg\", {\n height: 200,\n width: 300,\n minHeight: 100,\n minWidth: 150,\n modal: true,\n proxyDrag: true,\n shadow: true\n});\ndlg.addKeyListener(27, dlg.hide, dlg); // ESC can also close the dialog\ndlg.addButton('OK', dlg.hide, dlg); // Could call a save function instead of hiding\ndlg.addButton('Cancel', dlg.hide, dlg);\ndlg.show();\n</code></pre>\n <b>A Dialog should always be a direct child of the body element.</b>",
"isSingleton" : false,
- "isStatic" : true,
+ "isStatic" : false,
"isBuiltin" : false,
"isAbstract" : false,
"isBuilderTop" : false,
"tree_parent" : [],
"desc" : "This class represents a lightweight region in a layout manager. This region does not move dom nodes\nand does not have a titlebar, tabs or any other features. All it does is size and position \npanels. To create a BasicLayoutRegion, add lightweight:true or basic:true to your regions config.",
"isSingleton" : false,
- "isStatic" : true,
+ "isStatic" : false,
"isBuiltin" : false,
"isAbstract" : false,
"isBuilderTop" : false,
"tree_parent" : [],
"desc" : "This class represents a common layout manager used in desktop applications. For screenshots and more details,\nplease see: <br><br>\n<a href=\"http://www.jackslocum.com/yui/2006/10/19/cross-browser-web-20-layouts-with-yahoo-ui/\">Cross Browser Layouts - Part 1</a><br>\n<a href=\"http://www.jackslocum.com/yui/2006/10/28/cross-browser-web-20-layouts-part-2-ajax-feed-viewer-20/\">Cross Browser Layouts - Part 2</a><br><br>\nExample:\n <pre><code>\n var layout = new Roo.BorderLayout(document.body, {\n north: {\n initialSize: 25,\n titlebar: false\n },\n west: {\n split:true,\n initialSize: 200,\n minSize: 175,\n maxSize: 400,\n titlebar: true,\n collapsible: true\n },\n east: {\n split:true,\n initialSize: 202,\n minSize: 175,\n maxSize: 400,\n titlebar: true,\n collapsible: true\n },\n south: {\n split:true,\n initialSize: 100,\n minSize: 100,\n maxSize: 200,\n titlebar: true,\n collapsible: true\n },\n center: {\n titlebar: true,\n autoScroll:true,\n resizeTabs: true,\n minTabWidth: 50,\n preferredTabWidth: 150\n }\n});\n\n// shorthand\nvar CP = Roo.ContentPanel;\n\nlayout.beginUpdate();\nlayout.add(\"north\", new CP(\"north\", \"North\"));\nlayout.add(\"south\", new CP(\"south\", {title: \"South\", closable: true}));\nlayout.add(\"west\", new CP(\"west\", {title: \"West\"}));\nlayout.add(\"east\", new CP(\"autoTabs\", {title: \"Auto Tabs\", closable: true}));\nlayout.add(\"center\", new CP(\"center1\", {title: \"Close Me\", closable: true}));\nlayout.add(\"center\", new CP(\"center2\", {title: \"Center Panel\", closable: false}));\nlayout.getRegion(\"center\").showPanel(\"center1\");\nlayout.endUpdate();\n</code></pre>\n\n<b>The container the layout is rendered into can be either the body element or any other element.\nIf it is not the body element, the container needs to either be an absolute positioned element,\nor you will need to add \"position:relative\" to the css of the container. You will also need to specify\nthe container size if it is not the body element.</b>",
"isSingleton" : false,
- "isStatic" : true,
+ "isStatic" : false,
"isBuiltin" : false,
"isAbstract" : false,
"isBuilderTop" : false,
"tree_parent" : [],
"desc" : "Base class for any visual {@link Roo.Component} that uses a box container. BoxComponent provides automatic box\nmodel adjustments for sizing and positioning and will work correctly withnin the Component rendering model. All\ncontainer classes should subclass BoxComponent so that they will work consistently when nested within other Roo\nlayout containers.",
"isSingleton" : false,
- "isStatic" : true,
+ "isStatic" : false,
"isBuiltin" : false,
"isAbstract" : false,
"isBuilderTop" : false,
"tree_parent" : [],
"desc" : "Simple Button class",
"isSingleton" : false,
- "isStatic" : true,
+ "isStatic" : false,
"isBuiltin" : false,
"isAbstract" : false,
"isBuilderTop" : false,
"tree_parent" : [],
"desc" : "Bootstrap Calendar class",
"isSingleton" : false,
- "isStatic" : true,
+ "isStatic" : false,
"isBuiltin" : false,
"isAbstract" : false,
"isBuilderTop" : false,
"tree_parent" : [],
"desc" : "Simple color palette class for choosing colors. The palette can be rendered to any container.<br />\nHere's an example of typical usage:\n<pre><code>\nvar cp = new Roo.ColorPalette({value:'993300'}); // initial selected color\ncp.render('my-div');\n\ncp.on('select', function(palette, selColor){\n // do something with selColor\n});\n</code></pre>",
"isSingleton" : false,
- "isStatic" : true,
+ "isStatic" : false,
"isBuiltin" : false,
"isAbstract" : false,
"isBuilderTop" : false,
"tree_parent" : [],
"desc" : "Base class for all major Roo components. All subclasses of Component can automatically participate in the standard\nRoo component lifecycle of creation, rendering and destruction. They also have automatic support for basic hide/show\nand enable/disable behavior. Component allows any subclass to be lazy-rendered into any {@link Roo.Container} and\nto be automatically registered with the {@link Roo.ComponentMgr} so that it can be referenced at any time via {@link Roo.getCmp}.\nAll visual components (widgets) that require rendering into a layout should subclass Component.",
"isSingleton" : false,
- "isStatic" : true,
+ "isStatic" : false,
"isBuiltin" : false,
"isAbstract" : false,
"isBuilderTop" : false,
"tree_children" : [],
"tree_parent" : [],
"desc" : "Provides a common registry of all components on a page so that they can be easily accessed by component id (see {@link Roo.getCmp}).",
- "isSingleton" : true,
+ "isSingleton" : false,
"isStatic" : true,
"isBuiltin" : false,
"isAbstract" : false,
"tree_parent" : [],
"desc" : "Standard composite class. Creates a Roo.Element for every element in the collection.\n<br><br>\n<b>NOTE: Although they are not listed, this class supports all of the set/update methods of Roo.Element. All Roo.Element\nactions will be performed on all the elements in this collection.</b>\n<br><br>\nAll methods return <i>this</i> and can be chained.\n <pre><code>\n var els = Roo.select(\"#some-el div.some-class\", true);\n // or select directly from an existing element\n var el = Roo.get('some-el');\n el.select('div.some-class', true);\n\n els.setWidth(100); // all elements become 100 width\n els.hide(true); // all elements fade out and hide\n // or\n els.setWidth(100).hide(true);\n </code></pre>",
"isSingleton" : false,
- "isStatic" : true,
+ "isStatic" : false,
"isBuiltin" : false,
"isAbstract" : false,
"isBuilderTop" : false,
"tree_parent" : [],
"desc" : "Flyweight composite class. Reuses the same Roo.Element for element operations.\n <pre><code>\n var els = Roo.select(\"#some-el div.some-class\");\n // or select directly from an existing element\n var el = Roo.get('some-el');\n el.select('div.some-class');\n\n els.setWidth(100); // all elements become 100 width\n els.hide(true); // all elements fade out and hide\n // or\n els.setWidth(100).hide(true);\n </code></pre><br><br>\n<b>NOTE: Although they are not listed, this class supports all of the set/update methods of Roo.Element. All Roo.Element\nactions will be performed on all the elements in this collection.</b>",
"isSingleton" : false,
- "isStatic" : true,
+ "isStatic" : false,
"isBuiltin" : false,
"isAbstract" : false,
"isBuilderTop" : false,
"tree_parent" : [],
"desc" : "A basic ContentPanel element.",
"isSingleton" : false,
- "isStatic" : true,
+ "isStatic" : false,
"isBuiltin" : false,
"isAbstract" : false,
"isBuilderTop" : true,
"tree_parent" : [],
"desc" : "A DnD enabled version of Roo.View.",
"isSingleton" : false,
- "isStatic" : true,
+ "isStatic" : false,
"isBuiltin" : false,
"isAbstract" : false,
"isBuilderTop" : false,
"tree_parent" : [],
"desc" : "Simple date picker class.",
"isSingleton" : false,
- "isStatic" : true,
+ "isStatic" : false,
"isBuiltin" : false,
"isAbstract" : false,
"isBuilderTop" : false,
"tree_parent" : [],
"desc" : "Provides global access to BasicDialogs that have been created and\nsupport for z-indexing (layering) multiple open dialogs.",
"isSingleton" : false,
- "isStatic" : true,
+ "isStatic" : false,
"isBuiltin" : false,
"isAbstract" : false,
"isBuilderTop" : false,
"tree_parent" : [],
"desc" : "This is a convience class to wrap up the main document loading code.. , rather than adding Roo.onReady(......)",
"isSingleton" : false,
- "isStatic" : true,
+ "isStatic" : false,
"isBuiltin" : false,
"isAbstract" : false,
"isBuilderTop" : false,
"tree_children" : [],
"tree_parent" : [],
"desc" : "Utility class for working with DOM and/or Templates. It transparently supports using HTML fragments or DOM.\nFor more information see <a href=\"http://web.archive.org/web/20071221063734/http://www.jackslocum.com/blog/2006/10/06/domhelper-create-elements-using-dom-html-fragments-or-templates/\">this blog post with examples</a>.",
- "isSingleton" : true,
+ "isSingleton" : false,
"isStatic" : true,
"isBuiltin" : false,
"isAbstract" : false,
"tree_children" : [],
"tree_parent" : [],
"desc" : "Provides high performance selector/xpath processing by compiling queries into reusable functions. New pseudo classes and matchers can be plugged. It works on HTML and XML documents (if a content node is passed in).\n<p>\nDomQuery supports most of the <a href=\"http://www.w3.org/TR/2005/WD-css3-selectors-20051215/\">CSS3 selectors spec</a>, along with some custom selectors and basic XPath.</p>\n\n<p>\nAll selectors, attribute filters and pseudos below can be combined infinitely in any order. For example \"div.foo:nth-child(odd)[@foo=bar].bar:first\" would be a perfectly valid selector. Node filters are processed in the order in which they appear, which allows you to optimize your queries for your document structure.\n</p>\n<h4>Element Selectors:</h4>\n<ul class=\"list\">\n <li> <b>*</b> any element</li>\n <li> <b>E</b> an element with the tag E</li>\n <li> <b>E F</b> All descendent elements of E that have the tag F</li>\n <li> <b>E > F</b> or <b>E/F</b> all direct children elements of E that have the tag F</li>\n <li> <b>E + F</b> all elements with the tag F that are immediately preceded by an element with the tag E</li>\n <li> <b>E ~ F</b> all elements with the tag F that are preceded by a sibling element with the tag E</li>\n</ul>\n<h4>Attribute Selectors:</h4>\n<p>The use of @ and quotes are optional. For example, div[@foo='bar'] is also a valid attribute selector.</p>\n<ul class=\"list\">\n <li> <b>E[foo]</b> has an attribute \"foo\"</li>\n <li> <b>E[foo=bar]</b> has an attribute \"foo\" that equals \"bar\"</li>\n <li> <b>E[foo^=bar]</b> has an attribute \"foo\" that starts with \"bar\"</li>\n <li> <b>E[foo$=bar]</b> has an attribute \"foo\" that ends with \"bar\"</li>\n <li> <b>E[foo*=bar]</b> has an attribute \"foo\" that contains the substring \"bar\"</li>\n <li> <b>E[foo%=2]</b> has an attribute \"foo\" that is evenly divisible by 2</li>\n <li> <b>E[foo!=bar]</b> has an attribute \"foo\" that does not equal \"bar\"</li>\n</ul>\n<h4>Pseudo Classes:</h4>\n<ul class=\"list\">\n <li> <b>E:first-child</b> E is the first child of its parent</li>\n <li> <b>E:last-child</b> E is the last child of its parent</li>\n <li> <b>E:nth-child(<i>n</i>)</b> E is the <i>n</i>th child of its parent (1 based as per the spec)</li>\n <li> <b>E:nth-child(odd)</b> E is an odd child of its parent</li>\n <li> <b>E:nth-child(even)</b> E is an even child of its parent</li>\n <li> <b>E:only-child</b> E is the only child of its parent</li>\n <li> <b>E:checked</b> E is an element that is has a checked attribute that is true (e.g. a radio or checkbox) </li>\n <li> <b>E:first</b> the first E in the resultset</li>\n <li> <b>E:last</b> the last E in the resultset</li>\n <li> <b>E:nth(<i>n</i>)</b> the <i>n</i>th E in the resultset (1 based)</li>\n <li> <b>E:odd</b> shortcut for :nth-child(odd)</li>\n <li> <b>E:even</b> shortcut for :nth-child(even)</li>\n <li> <b>E:contains(foo)</b> E's innerHTML contains the substring \"foo\"</li>\n <li> <b>E:nodeValue(foo)</b> E contains a textNode with a nodeValue that equals \"foo\"</li>\n <li> <b>E:not(S)</b> an E element that does not match simple selector S</li>\n <li> <b>E:has(S)</b> an E element that has a descendent that matches simple selector S</li>\n <li> <b>E:next(S)</b> an E element whose next sibling matches simple selector S</li>\n <li> <b>E:prev(S)</b> an E element whose previous sibling matches simple selector S</li>\n</ul>\n<h4>CSS Value Selectors:</h4>\n<ul class=\"list\">\n <li> <b>E{display=none}</b> css value \"display\" that equals \"none\"</li>\n <li> <b>E{display^=none}</b> css value \"display\" that starts with \"none\"</li>\n <li> <b>E{display$=none}</b> css value \"display\" that ends with \"none\"</li>\n <li> <b>E{display*=none}</b> css value \"display\" that contains the substring \"none\"</li>\n <li> <b>E{display%=2}</b> css value \"display\" that is evenly divisible by 2</li>\n <li> <b>E{display!=none}</b> css value \"display\" that does not equal \"none\"</li>\n</ul>",
- "isSingleton" : true,
+ "isSingleton" : false,
"isStatic" : true,
"isBuiltin" : false,
"isAbstract" : false,
"tree_parent" : [],
"desc" : "An effort at a dom based template engine..\n\nSimilar to XTemplate, except it uses dom parsing to create the template..\n\nSupported features:\n\n Tags:\n\n<pre><code>\n {a_variable} - output encoded.\n {a_variable.format:(\"Y-m-d\")} - call a method on the variable\n {a_variable:raw} - unencoded output\n {a_variable:toFixed(1,2)} - Roo.util.Format.\"toFixed\"\n {a_variable:this.method_on_template(...)} - call a method on the template object.\n \n</code></pre>\n The tpl tag:\n<pre><code>\n <div roo-for=\"a_variable or condition..\"></div>\n <div roo-if=\"a_variable or condition\"></div>\n <div roo-exec=\"some javascript\"></div>\n <div roo-name=\"named_template\"></div> \n \n</code></pre>",
"isSingleton" : false,
- "isStatic" : true,
+ "isStatic" : false,
"isBuiltin" : false,
"isAbstract" : false,
"isBuilderTop" : false,
"tree_parent" : [],
"desc" : "A base editor field that handles displaying/hiding on demand and has some built-in sizing and event handling logic.",
"isSingleton" : false,
- "isStatic" : true,
+ "isStatic" : false,
"isBuiltin" : false,
"isAbstract" : false,
"isBuilderTop" : false,
"tree_parent" : [],
"desc" : "Represents an Element in the DOM.<br><br>\nUsage:<br>\n<pre><code>\nvar el = Roo.get(\"my-div\");\n\n// or with getEl\nvar el = getEl(\"my-div\");\n\n// or with a DOM element\nvar el = Roo.get(myDivElement);\n</code></pre>\nUsing Roo.get() or getEl() instead of calling the constructor directly ensures you get the same object\neach call instead of constructing a new one.<br><br>\n<b>Animations</b><br />\nMany of the functions for manipulating an element have an optional \"animate\" parameter. The animate parameter\nshould either be a boolean (true) or an object literal with animation options. The animation options are:\n<pre>\nOption Default Description\n--------- -------- ---------------------------------------------\nduration .35 The duration of the animation in seconds\neasing easeOut The YUI easing method\ncallback none A function to execute when the anim completes\nscope this The scope (this) of the callback function\n</pre>\nAlso, the Anim object being used for the animation will be set on your options object as \"anim\", which allows you to stop or\nmanipulate the animation. Here's an example:\n<pre><code>\nvar el = Roo.get(\"my-div\");\n\n// no animation\nel.setWidth(100);\n\n// default animation\nel.setWidth(100, true);\n\n// animation with some options set\nel.setWidth(100, {\n duration: 1,\n callback: this.foo,\n scope: this\n});\n\n// using the \"anim\" property to get the Anim object\nvar opt = {\n duration: 1,\n callback: this.foo,\n scope: this\n};\nel.setWidth(100, opt);\n...\nif(opt.anim.isAnimated()){\n opt.anim.stop();\n}\n</code></pre>\n<b> Composite (Collections of) Elements</b><br />\nFor working with collections of Elements, see <a href=\"Roo.CompositeElement.html\">Roo.CompositeElement</a>",
"isSingleton" : false,
- "isStatic" : true,
+ "isStatic" : false,
"isBuiltin" : false,
"isAbstract" : false,
"isBuilderTop" : false,
"tree_children" : [],
"tree_parent" : [],
"desc" : "Registers event handlers that want to receive a normalized EventObject instead of the standard browser event and provides \nseveral useful events directly.\nSee {@link Roo.EventObject} for more details on normalized event objects.",
- "isSingleton" : true,
+ "isSingleton" : false,
"isStatic" : true,
"isBuiltin" : false,
"isAbstract" : false,
"tree_children" : [],
"tree_parent" : [],
"desc" : "EventObject exposes the Yahoo! UI Event functionality directly on the object\npassed to your event handler. It exists mostly for convenience. It also fixes the annoying null checks automatically to cleanup your code \nExample:\n<pre><code>\n function handleClick(e){ // e is not a standard event object, it is a Roo.EventObject\n e.preventDefault();\n var target = e.getTarget();\n ...\n }\n var myDiv = Roo.get(\"myDiv\");\n myDiv.on(\"click\", handleClick);\n //or\n Roo.EventManager.on(\"myDiv\", 'click', handleClick);\n Roo.EventManager.addListener(\"myDiv\", 'click', handleClick);\n </code></pre>",
- "isSingleton" : true,
+ "isSingleton" : false,
"isStatic" : true,
"isBuiltin" : false,
"isAbstract" : false,
"tree_parent" : [],
"desc" : "<p>A class to provide basic animation and visual effects support. <b>Note:</b> This class is automatically applied\nto the {@link Roo.Element} interface when included, so all effects calls should be performed via Element.\nConversely, since the effects are not actually defined in Element, Roo.Fx <b>must</b> be included in order for the \nElement effects to work.</p><br/>\n\n<p>It is important to note that although the Fx methods and many non-Fx Element methods support \"method chaining\" in that\nthey return the Element object itself as the method return value, it is not always possible to mix the two in a single\nmethod chain. The Fx methods use an internal effects queue so that each effect can be properly timed and sequenced.\nNon-Fx methods, on the other hand, have no such internal queueing and will always execute immediately. For this reason,\nwhile it may be possible to mix certain Fx and non-Fx method calls in a single chain, it may not always provide the\nexpected results and should be done with care.</p><br/>\n\n<p>Motion effects support 8-way anchoring, meaning that you can choose one of 8 different anchor points on the Element\nthat will serve as either the start or end point of the animation. Following are all of the supported anchor positions:</p>\n<pre>\nValue Description\n----- -----------------------------\ntl The top left corner\nt The center of the top edge\ntr The top right corner\nl The center of the left edge\nr The center of the right edge\nbl The bottom left corner\nb The center of the bottom edge\nbr The bottom right corner\n</pre>\n<b>Although some Fx methods accept specific custom config parameters, the ones shown in the Config Options section\nbelow are common options that can be passed to any Fx method.</b>",
"isSingleton" : false,
- "isStatic" : true,
+ "isStatic" : false,
"isBuiltin" : false,
"isAbstract" : false,
"isBuilderTop" : false,
"tree_parent" : [],
"desc" : "Create a new GridPanel.",
"isSingleton" : false,
- "isStatic" : true,
+ "isStatic" : false,
"isBuiltin" : false,
"isAbstract" : false,
"isBuilderTop" : false,
"tree_parent" : [],
"desc" : "Provides a the editing component for the HTML editors in Roo. (bootstrap and Roo.form)\n\nany element that has display set to 'none' can cause problems in Safari and Firefox.<br/><br/>",
"isSingleton" : false,
- "isStatic" : true,
+ "isStatic" : false,
"isBuiltin" : false,
"isAbstract" : false,
"isBuilderTop" : false,
"tree_parent" : [],
"desc" : "Shortcut class to create a JSON + {@link Roo.UpdateManager} template view. Usage:\n<pre><code>\nvar view = new Roo.JsonView({\n container: \"my-element\",\n tpl: '<div id=\"{id}\">{foo} - {bar}</div>', // auto create template\n multiSelect: true, \n jsonRoot: \"data\" \n});\n\n// listen for node click?\nview.on(\"click\", function(vw, index, node, e){\n alert('Node \"' + node.id + '\" at index: ' + index + \" was clicked.\");\n});\n\n// direct load of JSON data\nview.load(\"foobar.php\");\n\n// Example from my blog list\nvar tpl = new Roo.Template(\n '<div class=\"entry\">' +\n '<a class=\"entry-title\" href=\"{link}\">{title}</a>' +\n \"<h4>{date} by {author} | {comments} Comments</h4>{description}\" +\n \"</div><hr />\"\n);\n\nvar moreView = new Roo.JsonView({\n container : \"entry-list\", \n template : tpl,\n jsonRoot: \"posts\"\n});\nmoreView.on(\"beforerender\", this.sortEntries, this);\nmoreView.load({\n url: \"/blog/get-posts.php\",\n params: \"allposts=true\",\n text: \"Loading Blog Entries...\"\n});\n</code></pre>\n\nNote: old code is supported with arguments : (container, template, config)",
"isSingleton" : false,
- "isStatic" : true,
+ "isStatic" : false,
"isBuiltin" : false,
"isAbstract" : false,
"isBuilderTop" : false,
"tree_parent" : [],
"desc" : "Handles mapping keys to actions for an element. One key map can be used for multiple actions.\nThe constructor accepts the same config object as defined by {@link #addBinding}.\nIf you bind a callback function to a KeyMap, anytime the KeyMap handles an expected key\ncombination it will call the function with this signature (if the match is a multi-key\ncombination the callback will still be called only once): (String key, Roo.EventObject e)\nA KeyMap can also handle a string representation of keys.<br />\nUsage:\n <pre><code>\n// map one key by key code\nvar map = new Roo.KeyMap(\"my-element\", {\n key: 13, // or Roo.EventObject.ENTER\n fn: myHandler,\n scope: myObject\n});\n\n// map multiple keys to one action by string\nvar map = new Roo.KeyMap(\"my-element\", {\n key: \"a\\r\\n\\t\",\n fn: myHandler,\n scope: myObject\n});\n\n// map multiple keys to multiple actions by strings and array of codes\nvar map = new Roo.KeyMap(\"my-element\", [\n {\n key: [10,13],\n fn: function(){ alert(\"Return was pressed\"); }\n }, {\n key: \"abc\",\n fn: function(){ alert('a, b or c was pressed'); }\n }, {\n key: \"\\t\",\n ctrl:true,\n shift:true,\n fn: function(){ alert('Control + shift + tab was pressed.'); }\n }\n]);\n</code></pre>\n<b>Note: A KeyMap starts enabled</b>",
"isSingleton" : false,
- "isStatic" : true,
+ "isStatic" : false,
"isBuiltin" : false,
"isAbstract" : false,
"isBuilderTop" : false,
"tree_parent" : [],
"desc" : "<p>Provides a convenient wrapper for normalized keyboard navigation. KeyNav allows you to bind\nnavigation keys to function calls that will get called when the keys are pressed, providing an easy\nway to implement custom navigation schemes for any UI component.</p>\n<p>The following are all of the possible keys that can be implemented: enter, left, right, up, down, tab, esc,\npageUp, pageDown, del, home, end. Usage:</p>\n <pre><code>\nvar nav = new Roo.KeyNav(\"my-element\", {\n \"left\" : function(e){\n this.moveLeft(e.ctrlKey);\n },\n \"right\" : function(e){\n this.moveRight(e.ctrlKey);\n },\n \"enter\" : function(e){\n this.save();\n },\n scope : this\n});\n</code></pre>",
"isSingleton" : false,
- "isStatic" : true,
+ "isStatic" : false,
"isBuiltin" : false,
"isAbstract" : false,
"isBuilderTop" : false,
"tree_parent" : [],
"desc" : "An extended {@link Roo.Element} object that supports a shadow and shim, constrain to viewport and\nautomatic maintaining of shadow/shim positions.",
"isSingleton" : false,
- "isStatic" : true,
+ "isStatic" : false,
"isBuiltin" : false,
"isAbstract" : false,
"isBuilderTop" : false,
"tree_parent" : [],
"desc" : "Dialog which provides adjustments for working with a layout in a Dialog.\nAdd your necessary layout config options to the dialog's config.<br>\nExample usage (including a nested layout):\n<pre><code>\nif(!dialog){\n dialog = new Roo.LayoutDialog(\"download-dlg\", {\n modal: true,\n width:600,\n height:450,\n shadow:true,\n minWidth:500,\n minHeight:350,\n autoTabs:true,\n proxyDrag:true,\n // layout config merges with the dialog config\n center:{\n tabPosition: \"top\",\n alwaysShowTabs: true\n }\n });\n dialog.addKeyListener(27, dialog.hide, dialog);\n dialog.setDefaultButton(dialog.addButton(\"Close\", dialog.hide, dialog));\n dialog.addButton(\"Build It!\", this.getDownload, this);\n\n // we can even add nested layouts\n var innerLayout = new Roo.BorderLayout(\"dl-inner\", {\n east: {\n initialSize: 200,\n autoScroll:true,\n split:true\n },\n center: {\n autoScroll:true\n }\n });\n innerLayout.beginUpdate();\n innerLayout.add(\"east\", new Roo.ContentPanel(\"dl-details\"));\n innerLayout.add(\"center\", new Roo.ContentPanel(\"selection-panel\"));\n innerLayout.endUpdate(true);\n\n var layout = dialog.getLayout();\n layout.beginUpdate();\n layout.add(\"center\", new Roo.ContentPanel(\"standard-panel\",\n {title: \"Download the Source\", fitToFrame:true}));\n layout.add(\"center\", new Roo.NestedLayoutPanel(innerLayout,\n {title: \"Build your own roo.js\"}));\n layout.getRegion(\"center\").showPanel(sp);\n layout.endUpdate();\n}\n</code></pre>",
"isSingleton" : false,
- "isStatic" : true,
+ "isStatic" : false,
"isBuiltin" : false,
"isAbstract" : false,
"isBuilderTop" : true,
"tree_parent" : [],
"desc" : "Base class for layout managers.",
"isSingleton" : false,
- "isStatic" : true,
+ "isStatic" : false,
"isBuiltin" : false,
"isAbstract" : false,
"isBuilderTop" : false,
"tree_parent" : [],
"desc" : "This class represents a region in a layout manager.",
"isSingleton" : false,
- "isStatic" : true,
+ "isStatic" : false,
"isBuiltin" : false,
"isAbstract" : false,
"isBuilderTop" : false,
"tree_parent" : [],
"desc" : "A simple utility class for generically masking elements while loading data. If the element being masked has\nan underlying {@link Roo.data.Store}, the masking will be automatically synchronized with the store's loading\nprocess and the mask element will be cached for reuse. For all other elements, this mask will replace the\nelement's UpdateManager load indicator and will be destroyed after the initial load.",
"isSingleton" : false,
- "isStatic" : true,
+ "isStatic" : false,
"isBuiltin" : false,
"isAbstract" : false,
"isBuilderTop" : false,
"tree_parent" : [],
"desc" : "Provides a template that can have child templates. The syntax is:\n<pre><code>\nvar t = new Roo.MasterTemplate(\n\t'<select name=\"{name}\">',\n\t\t'<tpl name=\"options\"><option value=\"{value:trim}\">{text:ellipsis(10)}</option></tpl>',\n\t'</select>'\n);\nt.add('options', {value: 'foo', text: 'bar'});\n// or you can add multiple child elements in one shot\nt.addAll('options', [\n {value: 'foo', text: 'bar'},\n {value: 'foo2', text: 'bar2'},\n {value: 'foo3', text: 'bar3'}\n]);\n// then append, applying the master template values\nt.append('my-form', {name: 'my-select'});\n</code></pre>\nA name attribute for the child template is not required if you have only one child\ntemplate or you want to refer to them by index.",
"isSingleton" : false,
- "isStatic" : true,
+ "isStatic" : false,
"isBuiltin" : false,
"isAbstract" : false,
"isBuilderTop" : false,
"tree_parent" : [],
"desc" : "Create a new NestedLayoutPanel.",
"isSingleton" : false,
- "isStatic" : true,
+ "isStatic" : false,
"isBuiltin" : false,
"isAbstract" : false,
"isBuilderTop" : false,
"tree_parent" : [],
"desc" : "A specialized toolbar that is bound to a {@link Roo.data.Store} and provides automatic paging controls.",
"isSingleton" : false,
- "isStatic" : true,
+ "isStatic" : false,
"isBuiltin" : false,
"isAbstract" : false,
"isBuilderTop" : false,
"tree_children" : [],
"tree_parent" : [],
"desc" : "Provides attractive and customizable tooltips for any element.",
- "isSingleton" : true,
+ "isSingleton" : false,
"isStatic" : true,
"isBuiltin" : false,
"isAbstract" : false,
"tree_parent" : [],
"desc" : "This is a pre-built layout that represents a classic, 5-pane application. It consists of a header, a primary\ncenter region containing two nested regions (a top one for a list view and one for item preview below),\nand regions on either side that can be used for navigation, application commands, informational displays, etc.\nThe setup and configuration work exactly the same as it does for a {@link Roo.BorderLayout} - this class simply\nexpedites the setup of the overall layout and regions for this common application style.\nExample:\n <pre><code>\nvar reader = new Roo.ReaderLayout();\nvar CP = Roo.ContentPanel; // shortcut for adding\n\nreader.beginUpdate();\nreader.add(\"north\", new CP(\"north\", \"North\"));\nreader.add(\"west\", new CP(\"west\", {title: \"West\"}));\nreader.add(\"east\", new CP(\"east\", {title: \"East\"}));\n\nreader.regions.listView.add(new CP(\"listView\", \"List\"));\nreader.regions.preview.add(new CP(\"preview\", \"Preview\"));\nreader.endUpdate();\n</code></pre>",
"isSingleton" : false,
- "isStatic" : true,
+ "isStatic" : false,
"isBuiltin" : false,
"isAbstract" : false,
"isBuilderTop" : false,
"tree_parent" : [],
"desc" : "<p>Applies drag handles to an element to make it resizable. The drag handles are inserted into the element\nand positioned absolute. Some elements, such as a textarea or image, don't support this. To overcome that, you can wrap\nthe textarea in a div and set \"resizeChild\" to true (or to the id of the element), <b>or</b> set wrap:true in your config and\nthe element will be wrapped for you automatically.</p>\n<p>Here is the list of valid resize handles:</p>\n<pre>\nValue Description\n------ -------------------\n 'n' north\n 's' south\n 'e' east\n 'w' west\n 'nw' northwest\n 'sw' southwest\n 'se' southeast\n 'ne' northeast\n 'hd' horizontal drag\n 'all' all\n</pre>\n<p>Here's an example showing the creation of a typical Resizable:</p>\n<pre><code>\nvar resizer = new Roo.Resizable(\"element-id\", {\n handles: 'all',\n minWidth: 200,\n minHeight: 100,\n maxWidth: 500,\n maxHeight: 400,\n pinned: true\n});\nresizer.on(\"resize\", myHandler);\n</code></pre>\n<p>To hide a particular handle, set its display to none in CSS, or through script:<br>\nresizer.east.setDisplayed(false);</p>",
"isSingleton" : false,
- "isStatic" : true,
+ "isStatic" : false,
"isBuiltin" : false,
"isAbstract" : false,
"isBuilderTop" : false,
"tree_parent" : [],
"desc" : "Simple class that can provide a shadow effect for any element. Note that the element MUST be absolutely positioned,\nand the shadow does not provide any shimming. This should be used only in simple cases -- for more advanced\nfunctionality that can also provide the same shadow effect, see the {@link Roo.Layer} class.",
"isSingleton" : false,
- "isStatic" : true,
+ "isStatic" : false,
"isBuiltin" : false,
"isAbstract" : false,
"isBuilderTop" : false,
"tree_parent" : [],
"desc" : "Adapter that moves the splitter element to align with the resized sizing element. \nUsed with an absolute positioned SplitBar.",
"isSingleton" : false,
- "isStatic" : true,
+ "isStatic" : false,
"isBuiltin" : false,
"isAbstract" : false,
"isBuilderTop" : false,
"tree_parent" : [],
"desc" : "Default Adapter. It assumes the splitter and resizing element are not positioned\nelements and only gets/sets the width of the element. Generally used for table based layouts.",
"isSingleton" : false,
- "isStatic" : true,
+ "isStatic" : false,
"isBuiltin" : false,
"isAbstract" : false,
"isBuilderTop" : false,
"tree_parent" : [],
"desc" : "Creates draggable splitter bar functionality from two elements (element to be dragged and element to be resized).\n<br><br>\nUsage:\n<pre><code>\nvar split = new Roo.SplitBar(\"elementToDrag\", \"elementToSize\",\n Roo.SplitBar.HORIZONTAL, Roo.SplitBar.LEFT);\nsplit.setAdapter(new Roo.SplitBar.AbsoluteLayoutAdapter(\"container\"));\nsplit.minSize = 100;\nsplit.maxSize = 600;\nsplit.animate = true;\nsplit.on('moved', splitterMoved);\n</code></pre>",
"isSingleton" : false,
- "isStatic" : true,
+ "isStatic" : false,
"isBuiltin" : false,
"isAbstract" : false,
"isBuilderTop" : false,
"tree_parent" : [],
"desc" : "A split button that provides a built-in dropdown arrow that can fire an event separately from the default\nclick event of the button. Typically this would be used to display a dropdown menu that provides additional\noptions to the primary button action, but any custom handler can provide the arrowclick implementation.",
"isSingleton" : false,
- "isStatic" : true,
+ "isStatic" : false,
"isBuiltin" : false,
"isAbstract" : false,
"isBuilderTop" : false,
"tree_parent" : [],
"desc" : "Adds a splitbar and other (private) useful functionality to a {@link Roo.LayoutRegion}.",
"isSingleton" : false,
- "isStatic" : true,
+ "isStatic" : false,
"isBuiltin" : false,
"isAbstract" : false,
"isBuilderTop" : false,
"tree_parent" : [],
"desc" : "A lightweight tab container.\n<br><br>\nUsage:\n<pre><code>\n// basic tabs 1, built from existing content\nvar tabs = new Roo.TabPanel(\"tabs1\");\ntabs.addTab(\"script\", \"View Script\");\ntabs.addTab(\"markup\", \"View Markup\");\ntabs.activate(\"script\");\n\n// more advanced tabs, built from javascript\nvar jtabs = new Roo.TabPanel(\"jtabs\");\njtabs.addTab(\"jtabs-1\", \"Normal Tab\", \"My content was added during construction.\");\n\n// set up the UpdateManager\nvar tab2 = jtabs.addTab(\"jtabs-2\", \"Ajax Tab 1\");\nvar updater = tab2.getUpdateManager();\nupdater.setDefaultUrl(\"ajax1.htm\");\ntab2.on('activate', updater.refresh, updater, true);\n\n// Use setUrl for Ajax loading\nvar tab3 = jtabs.addTab(\"jtabs-3\", \"Ajax Tab 2\");\ntab3.setUrl(\"ajax2.htm\", null, true);\n\n// Disabled tab\nvar tab4 = jtabs.addTab(\"tabs1-5\", \"Disabled Tab\", \"Can't see me cause I'm disabled\");\ntab4.disable();\n\njtabs.activate(\"jtabs-1\");\n</code></pre>",
"isSingleton" : false,
- "isStatic" : true,
+ "isStatic" : false,
"isBuiltin" : false,
"isAbstract" : false,
"isBuilderTop" : false,
"tree_parent" : [],
"desc" : "Represents an individual item (tab plus body) in a TabPanel.",
"isSingleton" : false,
- "isStatic" : true,
+ "isStatic" : false,
"isBuiltin" : false,
"isAbstract" : false,
"isBuilderTop" : false,
"tree_parent" : [],
"desc" : "Represents an HTML fragment template. Templates can be precompiled for greater performance.\nFor a list of available format functions, see {@link Roo.util.Format}.<br />\nUsage:\n<pre><code>\nvar t = new Roo.Template({\n html : '<div name=\"{id}\">' + \n '<span class=\"{cls}\">{name:trim} {someval:this.myformat}{value:ellipsis(10)}</span>' +\n '</div>',\n myformat: function (value, allValues) {\n return 'XX' + value;\n }\n});\nt.append('some-element', {id: 'myid', cls: 'myclass', name: 'foo', value: 'bar'});\n</code></pre>\nFor more information see this blog post with examples:\n <a href=\"http://www.cnitblog.com/seeyeah/archive/2011/12/30/38728.html/\">DomHelper\n - Create Elements using DOM, HTML fragments and Templates</a>.",
"isSingleton" : false,
- "isStatic" : true,
+ "isStatic" : false,
"isBuiltin" : false,
"isAbstract" : false,
"isBuilderTop" : false,
"tree_parent" : [],
"desc" : "A button that renders into a toolbar.",
"isSingleton" : false,
- "isStatic" : true,
+ "isStatic" : false,
"isBuiltin" : false,
"isAbstract" : false,
"isBuilderTop" : false,
"tree_parent" : [],
"desc" : "A simple element that adds a greedy (100% width) horizontal space to a toolbar.",
"isSingleton" : false,
- "isStatic" : true,
+ "isStatic" : false,
"isBuiltin" : false,
"isAbstract" : false,
"isBuilderTop" : false,
"tree_parent" : [],
"desc" : "The base class that other classes should extend in order to get some basic common toolbar item functionality.",
"isSingleton" : false,
- "isStatic" : true,
+ "isStatic" : false,
"isBuiltin" : false,
"isAbstract" : false,
"isBuilderTop" : false,
"tree_parent" : [],
"desc" : "A simple toolbar separator class",
"isSingleton" : false,
- "isStatic" : true,
+ "isStatic" : false,
"isBuiltin" : false,
"isAbstract" : false,
"isBuilderTop" : false,
"tree_parent" : [],
"desc" : "A simple element that adds extra horizontal space to a toolbar.",
"isSingleton" : false,
- "isStatic" : true,
+ "isStatic" : false,
"isBuiltin" : false,
"isAbstract" : false,
"isBuilderTop" : false,
"tree_parent" : [],
"desc" : "A menu button that renders into a toolbar.",
"isSingleton" : false,
- "isStatic" : true,
+ "isStatic" : false,
"isBuiltin" : false,
"isAbstract" : false,
"isBuilderTop" : false,
"tree_parent" : [],
"desc" : "A simple class that renders text directly into a toolbar.",
"isSingleton" : false,
- "isStatic" : true,
+ "isStatic" : false,
"isBuiltin" : false,
"isAbstract" : false,
"isBuilderTop" : false,
"tree_parent" : [],
"desc" : "Basic Toolbar class.",
"isSingleton" : false,
- "isStatic" : true,
+ "isStatic" : false,
"isBuiltin" : false,
"isAbstract" : false,
"isBuilderTop" : false,
"tree_parent" : [],
"desc" : "Treepanel component",
"isSingleton" : false,
- "isStatic" : true,
+ "isStatic" : false,
"isBuiltin" : false,
"isAbstract" : false,
"isBuilderTop" : false,
"tree_parent" : [],
"desc" : "Default Content renderer. Updates the elements innerHTML with the responseText.",
"isSingleton" : false,
- "isStatic" : true,
+ "isStatic" : false,
"isBuiltin" : false,
"isAbstract" : false,
"isBuilderTop" : false,
"tree_parent" : [],
"desc" : "Provides AJAX-style update for Element object.<br><br>\nUsage:<br>\n<pre><code>\n// Get it from a Roo.Element object\nvar el = Roo.get(\"foo\");\nvar mgr = el.getUpdateManager();\nmgr.update(\"http://myserver.com/index.php\", \"param1=1&param2=2\");\n...\nmgr.formUpdate(\"myFormId\", \"http://myserver.com/index.php\");\n<br>\n// or directly (returns the same UpdateManager instance)\nvar mgr = new Roo.UpdateManager(\"myElementId\");\nmgr.startAutoRefresh(60, \"http://myserver.com/index.php\");\nmgr.on(\"update\", myFcnNeedsToKnow);\n<br>\n // short handed call directly from the element object\n Roo.get(\"foo\").load({\n url: \"bar.php\",\n scripts:true,\n params: \"for=bar\",\n text: \"Loading Foo...\"\n });\n</code></pre>",
"isSingleton" : false,
- "isStatic" : true,
+ "isStatic" : false,
"isBuiltin" : false,
"isAbstract" : false,
"isBuilderTop" : false,
"tree_parent" : [],
"desc" : "Create a \"View\" for an element based on a data model or UpdateManager and the supplied DomHelper template. \nThis class also supports single and multi selection modes. <br>\nCreate a data model bound view:\n <pre><code>\n var store = new Roo.data.Store(...);\n\n var view = new Roo.View({\n el : \"my-element\",\n tpl : '<div id=\"{0}\">{2} - {1}</div>', // auto create template\n \n singleSelect: true,\n selectedClass: \"ydataview-selected\",\n store: store\n });\n\n // listen for node click?\n view.on(\"click\", function(vw, index, node, e){\n alert('Node \"' + node.id + '\" at index: ' + index + \" was clicked.\");\n });\n\n // load XML data\n dataModel.load(\"foobar.xml\");\n </code></pre>\n For an example of creating a JSON/UpdateManager view, see {@link Roo.JsonView}.\n<br><br>\n<b>Note: The root of your template must be a single node. Table/row implementations may work but are not supported due to\nIE\"s limited insertion support with tables and Opera\"s faulty event bubbling.</b>\n\nNote: old style constructor is still suported (container, template, config)",
"isSingleton" : false,
- "isStatic" : true,
+ "isStatic" : false,
"isBuiltin" : false,
"isAbstract" : false,
"isBuilderTop" : false,
"tree_parent" : [],
"desc" : "A delayed Element creator...\nOr a way to group chunks of interface together.\ntechnically this is a wrapper around a tree of Roo elements (which defines a 'module'),\n used in conjunction with XComponent.build() it will create an instance of each element,\n then call addxtype() to build the User interface.\n\nMypart.xyx = new Roo.XComponent({\n\n parent : 'Mypart.xyz', // empty == document.element.!!\n order : '001',\n name : 'xxxx'\n region : 'xxxx'\n disabled : function() {} \n \n tree : function() { // return an tree of xtype declared components\n var MODULE = this;\n return \n {\n xtype : 'NestedLayoutPanel',\n // technicall\n }\n ]\n})\n\n\nIt can be used to build a big heiracy, with parent etc.\nor you can just use this to render a single compoent to a dom element\nMYPART.render(Roo.Element | String(id) | dom_element )\n\n\nUsage patterns.\n\nClassic Roo\n\nRoo is designed primarily as a single page application, so the UI build for a standard interface will\nexpect a single 'TOP' level module normally indicated by the 'parent' of the XComponent definition being defined as false.\n\nEach sub module is expected to have a parent pointing to the class name of it's parent module.\n\nWhen the top level is false, a 'Roo.BorderLayout' is created and the element is flagged as 'topModule'\n- if mulitple topModules exist, the last one is defined as the top module.\n\nEmbeded Roo\n\nWhen the top level or multiple modules are to embedded into a existing HTML page,\nthe parent element can container '#id' of the element where the module will be drawn.\n\nBootstrap Roo\n\nUnlike classic Roo, the bootstrap tends not to be used as a single page.\nit relies more on a include mechanism, where sub modules are included into an outer page.\nThis is normally managed by the builder tools using Roo.apply( options, Included.Sub.Module )\n\nBootstrap Roo Included elements\n\nOur builder application needs the ability to preview these sub compoennts. They will normally have parent=false set,\nhence confusing the component builder as it thinks there are multiple top level elements. \n\nString Over-ride & Translations\n\nOur builder application writes all the strings as _strings and _named_strings. This is to enable the translation of elements,\nand also the 'overlaying of string values - needed when different versions of the same application with different text content\nare needed. @see Roo.XComponent.overlayString",
"isSingleton" : false,
- "isStatic" : true,
+ "isStatic" : false,
"isBuiltin" : false,
"isAbstract" : false,
"isBuilderTop" : false,
"tree_parent" : [],
"desc" : "Provides a template that can have nested templates for loops or conditionals. The syntax is:\n<pre><code>\nvar t = new Roo.XTemplate(\n\t'<select name=\"{name}\">',\n\t\t'<tpl for=\"options\"><option value=\"{value:trim}\">{text:ellipsis(10)}</option></tpl>',\n\t'</select>'\n);\n \n// then append, applying the master template values\n </code></pre>\n\nSupported features:\n\n Tags:\n\n<pre><code>\n {a_variable} - output encoded.\n {a_variable.format:(\"Y-m-d\")} - call a method on the variable\n {a_variable:raw} - unencoded output\n {a_variable:toFixed(1,2)} - Roo.util.Format.\"toFixed\"\n {a_variable:this.method_on_template(...)} - call a method on the template object.\n \n</code></pre>\n The tpl tag:\n<pre><code>\n <tpl for=\"a_variable or condition..\"></tpl>\n <tpl if=\"a_variable or condition\"></tpl>\n <tpl exec=\"some javascript\"></tpl>\n <tpl name=\"named_template\"></tpl> (experimental)\n \n <tpl for=\".\"></tpl> - just iterate the property..\n <tpl for=\"..\"></tpl> - iterates with the parent (probably the template) \n</code></pre>",
"isSingleton" : false,
- "isStatic" : true,
+ "isStatic" : false,
"isBuiltin" : false,
"isAbstract" : false,
"isBuilderTop" : false,
"tree_parent" : [],
"desc" : "Bootstrap Alert class - shows an alert area box\neg\n<div class=\"alert alert-danger\" role=\"alert\"><span class=\"fa fa-exclamation-triangle\"></span><span class=\"sr-only\">Error:</span>\n Enter a valid email address\n</div>",
"isSingleton" : false,
- "isStatic" : true,
+ "isStatic" : false,
"isBuiltin" : false,
"isAbstract" : false,
"isBuilderTop" : false,
"tree_parent" : [],
"desc" : "Bootstrap BezierSignature class\nThis script refer to:\n Title: Signature Pad\n Author: szimek\n Availability: https://github.com/szimek/signature_pad",
"isSingleton" : false,
- "isStatic" : true,
+ "isStatic" : false,
"isBuiltin" : false,
"isAbstract" : false,
"isBuilderTop" : false,
],
"desc" : "Bootstrap Body class",
"isSingleton" : false,
- "isStatic" : true,
+ "isStatic" : false,
"isBuiltin" : false,
"isAbstract" : false,
"isBuilderTop" : true,
"tree_parent" : [],
"desc" : "Bootstrap Brick class",
"isSingleton" : false,
- "isStatic" : true,
+ "isStatic" : false,
"isBuiltin" : false,
"isAbstract" : false,
"isBuilderTop" : false,
"tree_parent" : [],
"desc" : "Bootstrap Button class",
"isSingleton" : false,
- "isStatic" : true,
+ "isStatic" : false,
"isBuiltin" : false,
"isAbstract" : false,
"isBuilderTop" : false,
"tree_parent" : [],
"desc" : "Bootstrap ButtonGroup class",
"isSingleton" : false,
- "isStatic" : true,
+ "isStatic" : false,
"isBuiltin" : false,
"isAbstract" : false,
"isBuilderTop" : false,
"tree_parent" : [],
"desc" : "Bootstrap Button Uploader class - it's a button which when you add files to it",
"isSingleton" : false,
- "isStatic" : true,
+ "isStatic" : false,
"isBuiltin" : false,
"isAbstract" : false,
"isBuilderTop" : false,
"tree_parent" : [],
"desc" : "Bootstrap Calendar class",
"isSingleton" : false,
- "isStatic" : true,
+ "isStatic" : false,
"isBuiltin" : false,
"isAbstract" : false,
"isBuilderTop" : false,
"tree_parent" : [],
"desc" : "Bootstrap Card class - note this has children as CardHeader/ImageTop/Footer.. - which should really be listed properties?\n\n\npossible... may not be implemented..",
"isSingleton" : false,
- "isStatic" : true,
+ "isStatic" : false,
"isBuiltin" : false,
"isAbstract" : false,
"isBuilderTop" : false,
],
"desc" : "Bootstrap CardFooter class",
"isSingleton" : false,
- "isStatic" : true,
+ "isStatic" : false,
"isBuiltin" : false,
"isAbstract" : false,
"isBuilderTop" : false,
],
"desc" : "Bootstrap CardHeader class",
"isSingleton" : false,
- "isStatic" : true,
+ "isStatic" : false,
"isBuiltin" : false,
"isAbstract" : false,
"isBuilderTop" : false,
],
"desc" : "Bootstrap CardImageTop class",
"isSingleton" : false,
- "isStatic" : true,
+ "isStatic" : false,
"isBuiltin" : false,
"isAbstract" : false,
"isBuilderTop" : false,
"tree_parent" : [],
"desc" : "Bootstrap Column class",
"isSingleton" : false,
- "isStatic" : true,
+ "isStatic" : false,
"isBuiltin" : false,
"isAbstract" : false,
"isBuilderTop" : false,
"tree_parent" : [],
"desc" : "Bootstrap Component base class",
"isSingleton" : false,
- "isStatic" : true,
+ "isStatic" : false,
"isBuiltin" : false,
"isAbstract" : true,
"isBuilderTop" : false,
"tree_parent" : [],
"desc" : "Bootstrap Container class",
"isSingleton" : false,
- "isStatic" : true,
+ "isStatic" : false,
"isBuiltin" : false,
"isAbstract" : false,
"isBuilderTop" : true,
"tree_parent" : [],
"desc" : "Bootstrap DocumentManager class",
"isSingleton" : false,
- "isStatic" : true,
+ "isStatic" : false,
"isBuiltin" : false,
"isAbstract" : false,
"isBuilderTop" : false,
"tree_parent" : [],
"desc" : "Bootstrap DocumentSlider class",
"isSingleton" : false,
- "isStatic" : true,
+ "isStatic" : false,
"isBuiltin" : false,
"isAbstract" : false,
"isBuilderTop" : false,
"tree_parent" : [],
"desc" : "Bootstrap DocumentViewer class",
"isSingleton" : false,
- "isStatic" : true,
+ "isStatic" : false,
"isBuiltin" : false,
"isAbstract" : false,
"isBuilderTop" : false,
"tree_parent" : [],
"desc" : "Bootstrap DropTarget class",
"isSingleton" : false,
- "isStatic" : true,
+ "isStatic" : false,
"isBuiltin" : false,
"isAbstract" : false,
"isBuilderTop" : false,
"tree_parent" : [],
"desc" : "Bootstrap Element class (basically a DIV used to make random stuff )",
"isSingleton" : false,
- "isStatic" : true,
+ "isStatic" : false,
"isBuiltin" : false,
"isAbstract" : false,
"isBuilderTop" : false,
"tree_parent" : [],
"desc" : "Bootstrap Graph class\n> Prameters\n -sm {number} sm 4\n -md {number} md 5",
"isSingleton" : false,
- "isStatic" : true,
+ "isStatic" : false,
"isBuiltin" : false,
"isAbstract" : false,
"isBuilderTop" : false,
"tree_parent" : [],
"desc" : "Bootstrap Header class",
"isSingleton" : false,
- "isStatic" : true,
+ "isStatic" : false,
"isBuiltin" : false,
"isAbstract" : false,
"isBuilderTop" : false,
"tree_parent" : [],
"desc" : "Bootstrap Img class",
"isSingleton" : false,
- "isStatic" : true,
+ "isStatic" : false,
"isBuiltin" : false,
"isAbstract" : false,
"isBuilderTop" : false,
"tree_parent" : [],
"desc" : "Bootstrap Layout Masonry class\n\nThis is based on \nhttp://masonry.desandro.com\n\nThe idea is to render all the bricks based on vertical width...\n\nThe original code extends 'outlayer' - we might need to use that....",
"isSingleton" : false,
- "isStatic" : true,
+ "isStatic" : false,
"isBuiltin" : false,
"isAbstract" : false,
"isBuilderTop" : false,
"tree_parent" : [],
"desc" : "Bootstrap Layout Masonry class",
"isSingleton" : false,
- "isStatic" : true,
+ "isStatic" : false,
"isBuiltin" : false,
"isAbstract" : false,
"isBuilderTop" : false,
"tree_parent" : [],
"desc" : "Bootstrap Link Class (eg. '<a href>')",
"isSingleton" : false,
- "isStatic" : true,
+ "isStatic" : false,
"isBuiltin" : false,
"isAbstract" : false,
"isBuilderTop" : false,
"tree_parent" : [],
"desc" : "Bootstrap LocationPicker class",
"isSingleton" : false,
- "isStatic" : true,
+ "isStatic" : false,
"isBuiltin" : false,
"isAbstract" : false,
"isBuilderTop" : false,
"tree_parent" : [],
"desc" : "Bootstrap MasonryBrick class",
"isSingleton" : false,
- "isStatic" : true,
+ "isStatic" : false,
"isBuiltin" : false,
"isAbstract" : false,
"isBuilderTop" : false,
"tree_parent" : [],
"desc" : "Bootstrap MessageBar class",
"isSingleton" : false,
- "isStatic" : true,
+ "isStatic" : false,
"isBuiltin" : false,
"isAbstract" : false,
"isBuilderTop" : false,
"tree_children" : [],
"tree_parent" : [],
"desc" : "Utility class for generating different styles of message boxes. The alias Roo.Msg can also be used.\nExample usage:\n<pre><code>\n// Basic alert:\nRoo.Msg.alert('Status', 'Changes saved successfully.');\n\n// Prompt for user data:\nRoo.Msg.prompt('Name', 'Please enter your name:', function(btn, text){\n if (btn == 'ok'){\n // process text value...\n }\n});\n\n// Show a dialog using config options:\nRoo.Msg.show({\n title:'Save Changes?',\n msg: 'Your are closing a tab that has unsaved changes. Would you like to save your changes?',\n buttons: Roo.Msg.YESNOCANCEL,\n fn: processResult,\n animEl: 'elId'\n});\n</code></pre>",
- "isSingleton" : true,
+ "isSingleton" : false,
"isStatic" : true,
"isBuiltin" : false,
"isAbstract" : false,
],
"desc" : "Bootstrap Modal class",
"isSingleton" : false,
- "isStatic" : true,
+ "isStatic" : false,
"isBuiltin" : false,
"isAbstract" : false,
"isBuilderTop" : true,
"tree_parent" : [],
"desc" : "Bootstrap Pagination class",
"isSingleton" : false,
- "isStatic" : true,
+ "isStatic" : false,
"isBuiltin" : false,
"isAbstract" : false,
"isBuilderTop" : false,
"tree_parent" : [],
"desc" : "Bootstrap PaginationItem class",
"isSingleton" : false,
- "isStatic" : true,
+ "isStatic" : false,
"isBuiltin" : false,
"isAbstract" : false,
"isBuilderTop" : false,
"tree_parent" : [],
"desc" : "A specialized toolbar that is bound to a {@link Roo.data.Store} and provides automatic paging controls.",
"isSingleton" : false,
- "isStatic" : true,
+ "isStatic" : false,
"isBuiltin" : false,
"isAbstract" : false,
"isBuilderTop" : false,
],
"desc" : "Bootstrap Popover class",
"isSingleton" : false,
- "isStatic" : true,
+ "isStatic" : false,
"isBuiltin" : false,
"isAbstract" : false,
"isBuilderTop" : true,
],
"desc" : "Bootstrap Popover header navigation class\nFIXME? should this go under nav?",
"isSingleton" : false,
- "isStatic" : true,
+ "isStatic" : false,
"isBuiltin" : false,
"isAbstract" : false,
"isBuilderTop" : false,
"tree_parent" : [],
"desc" : "Bootstrap Progress class",
"isSingleton" : false,
- "isStatic" : true,
+ "isStatic" : false,
"isBuiltin" : false,
"isAbstract" : false,
"isBuilderTop" : false,
"tree_parent" : [],
"desc" : "Bootstrap ProgressBar class",
"isSingleton" : false,
- "isStatic" : true,
+ "isStatic" : false,
"isBuiltin" : false,
"isAbstract" : false,
"isBuilderTop" : false,
"tree_parent" : [],
"desc" : "Bootstrap Row class (contains columns...)",
"isSingleton" : false,
- "isStatic" : true,
+ "isStatic" : false,
"isBuiltin" : false,
"isAbstract" : false,
"isBuilderTop" : false,
"tree_parent" : [],
"desc" : "Bootstrap Slider class",
"isSingleton" : false,
- "isStatic" : true,
+ "isStatic" : false,
"isBuiltin" : false,
"isAbstract" : false,
"isBuilderTop" : false,
"tree_parent" : [],
"desc" : "Adapter that moves the splitter element to align with the resized sizing element. \nUsed with an absolute positioned SplitBar.",
"isSingleton" : false,
- "isStatic" : true,
+ "isStatic" : false,
"isBuiltin" : false,
"isAbstract" : false,
"isBuilderTop" : false,
"tree_parent" : [],
"desc" : "Default Adapter. It assumes the splitter and resizing element are not positioned\nelements and only gets/sets the width of the element. Generally used for table based layouts.",
"isSingleton" : false,
- "isStatic" : true,
+ "isStatic" : false,
"isBuiltin" : false,
"isAbstract" : false,
"isBuilderTop" : false,
"tree_parent" : [],
"desc" : "Creates draggable splitter bar functionality from two elements (element to be dragged and element to be resized).\n<br><br>\nUsage:\n<pre><code>\nvar split = new Roo.bootstrap.SplitBar(\"elementToDrag\", \"elementToSize\",\n Roo.bootstrap.SplitBar.HORIZONTAL, Roo.bootstrap.SplitBar.LEFT);\nsplit.setAdapter(new Roo.bootstrap.SplitBar.AbsoluteLayoutAdapter(\"container\"));\nsplit.minSize = 100;\nsplit.maxSize = 600;\nsplit.animate = true;\nsplit.on('moved', splitterMoved);\n</code></pre>",
"isSingleton" : false,
- "isStatic" : true,
+ "isStatic" : false,
"isBuiltin" : false,
"isAbstract" : false,
"isBuilderTop" : false,
"tree_parent" : [],
"desc" : "Bootstrap Column class",
"isSingleton" : false,
- "isStatic" : true,
+ "isStatic" : false,
"isBuiltin" : false,
"isAbstract" : false,
"isBuilderTop" : false,
"tree_parent" : [],
"desc" : "Bootstrap TabPanel class",
"isSingleton" : false,
- "isStatic" : true,
+ "isStatic" : false,
"isBuiltin" : false,
"isAbstract" : false,
"isBuilderTop" : false,
"tree_parent" : [],
"desc" : "Bootstrap Table class. This class represents the primary interface of a component based grid control.\nSimilar to Roo.grid.Grid\n<pre><code>\n var table = Roo.factory({\n xtype : 'Table',\n xns : Roo.bootstrap,\n autoSizeColumns: true,\n \n \n store : {\n xtype : 'Store',\n xns : Roo.data,\n remoteSort : true,\n sortInfo : { direction : 'ASC', field: 'name' },\n proxy : {\n xtype : 'HttpProxy',\n xns : Roo.data,\n method : 'GET',\n url : 'https://example.com/some.data.url.json'\n },\n reader : {\n xtype : 'JsonReader',\n xns : Roo.data,\n fields : [ 'id', 'name', whatever' ],\n id : 'id',\n root : 'data'\n }\n },\n cm : [\n {\n xtype : 'ColumnModel',\n xns : Roo.grid,\n align : 'center',\n cursor : 'pointer',\n dataIndex : 'is_in_group',\n header : \"Name\",\n sortable : true,\n renderer : function(v, x , r) { \n \n return String.format(\"{0}\", v)\n }\n width : 3\n } // more columns..\n ],\n selModel : {\n xtype : 'RowSelectionModel',\n xns : Roo.bootstrap.Table\n // you can add listeners to catch selection change here....\n }\n \n\n });\n // set any options\n grid.render(Roo.get(\"some-div\"));\n</code></pre>\n\nCurrently the Table uses multiple headers to try and handle XL / Medium etc... styling",
"isSingleton" : false,
- "isStatic" : true,
+ "isStatic" : false,
"isBuiltin" : false,
"isAbstract" : false,
"isBuilderTop" : false,
],
"desc" : "Bootstrap TableBody class",
"isSingleton" : false,
- "isStatic" : true,
+ "isStatic" : false,
"isBuiltin" : false,
"isAbstract" : false,
"isBuilderTop" : false,
],
"desc" : "Bootstrap TableCell class",
"isSingleton" : false,
- "isStatic" : true,
+ "isStatic" : false,
"isBuiltin" : false,
"isAbstract" : false,
"isBuilderTop" : false,
],
"desc" : "Bootstrap TableRow class",
"isSingleton" : false,
- "isStatic" : true,
+ "isStatic" : false,
"isBuiltin" : false,
"isAbstract" : false,
"isBuilderTop" : false,
"tree_parent" : [],
"desc" : "Bootstrap Tooltip class\nThis is basic at present - all componets support it by default, however they should add tooltipEl() method\nto determine which dom element triggers the tooltip.\n\nIt needs to add support for additional attributes like tooltip-position",
"isSingleton" : false,
- "isStatic" : true,
+ "isStatic" : false,
"isBuiltin" : false,
"isAbstract" : false,
"isBuilderTop" : false,
"tree_parent" : [],
"desc" : "Bootstrap UploadCropbox class",
"isSingleton" : false,
- "isStatic" : true,
+ "isStatic" : false,
"isBuiltin" : false,
"isAbstract" : false,
"isBuilderTop" : false,
],
"desc" : "Bootstrap Breadcrumb Nav Class",
"isSingleton" : false,
- "isStatic" : true,
+ "isStatic" : false,
"isBuiltin" : false,
"isAbstract" : false,
"isBuilderTop" : false,
"tree_parent" : [],
"desc" : "Bootstrap Breadcrumb Nav Class",
"isSingleton" : false,
- "isStatic" : true,
+ "isStatic" : false,
"isBuiltin" : false,
"isAbstract" : false,
"isBuilderTop" : false,
"tree_parent" : [],
"desc" : "Bootstrap NumberBox class",
"isSingleton" : false,
- "isStatic" : true,
+ "isStatic" : false,
"isBuiltin" : false,
"isAbstract" : false,
"isBuilderTop" : false,
"tree_parent" : [],
"desc" : "Bootstrap TabBox class",
"isSingleton" : false,
- "isStatic" : true,
+ "isStatic" : false,
"isBuiltin" : false,
"isAbstract" : false,
"isBuilderTop" : false,
"tree_parent" : [],
"desc" : "Bootstrap TabPane class",
"isSingleton" : false,
- "isStatic" : true,
+ "isStatic" : false,
"isBuiltin" : false,
"isAbstract" : false,
"isBuilderTop" : false,
"tree_parent" : [],
"desc" : "Bootstrap Card Uploader class - it's a button which when you add files to it, adds cards below with preview and the name...",
"isSingleton" : false,
- "isStatic" : true,
+ "isStatic" : false,
"isBuiltin" : false,
"isAbstract" : false,
"isBuilderTop" : false,
"tree_parent" : [],
"desc" : "Bootstrap CheckBox class",
"isSingleton" : false,
- "isStatic" : true,
+ "isStatic" : false,
"isBuiltin" : false,
"isAbstract" : false,
"isBuilderTop" : false,
"tree_parent" : [],
"desc" : "A combobox control with support for autocomplete, remote-loading, paging and many other features.",
"isSingleton" : false,
- "isStatic" : true,
+ "isStatic" : false,
"isBuiltin" : false,
"isAbstract" : false,
"isBuilderTop" : false,
"tree_parent" : [],
"desc" : "Bootstrap DateField class",
"isSingleton" : false,
- "isStatic" : true,
+ "isStatic" : false,
"isBuiltin" : false,
"isAbstract" : false,
"isBuilderTop" : false,
"tree_parent" : [],
"desc" : "Bootstrap DateSplitField class",
"isSingleton" : false,
- "isStatic" : true,
+ "isStatic" : false,
"isBuiltin" : false,
"isAbstract" : false,
"isBuilderTop" : false,
"tree_parent" : [],
"desc" : "Bootstrap FieldLabel class",
"isSingleton" : false,
- "isStatic" : true,
+ "isStatic" : false,
"isBuiltin" : false,
"isAbstract" : false,
"isBuilderTop" : false,
"tree_parent" : [],
"desc" : "Bootstrap Form class",
"isSingleton" : false,
- "isStatic" : true,
+ "isStatic" : false,
"isBuiltin" : false,
"isAbstract" : false,
"isBuilderTop" : false,
"tree_parent" : [],
"desc" : "Bootstrap HtmlEditor class",
"isSingleton" : false,
- "isStatic" : true,
+ "isStatic" : false,
"isBuiltin" : false,
"isAbstract" : false,
"isBuilderTop" : false,
],
"desc" : "Basic Toolbar",
"isSingleton" : false,
- "isStatic" : true,
+ "isStatic" : false,
"isBuiltin" : false,
"isAbstract" : false,
"isBuilderTop" : false,
"tree_parent" : [],
"desc" : "Bootstrap Input class",
"isSingleton" : false,
- "isStatic" : true,
+ "isStatic" : false,
"isBuiltin" : false,
"isAbstract" : false,
"isBuilderTop" : false,
"tree_parent" : [],
"desc" : "Bootstrap Showdown editable area",
"isSingleton" : false,
- "isStatic" : true,
+ "isStatic" : false,
"isBuiltin" : false,
"isAbstract" : false,
"isBuilderTop" : false,
"tree_parent" : [],
"desc" : "Bootstrap MoneyField class",
"isSingleton" : false,
- "isStatic" : true,
+ "isStatic" : false,
"isBuiltin" : false,
"isAbstract" : false,
"isBuilderTop" : false,
"tree_parent" : [],
"desc" : "Bootstrap MonthField class",
"isSingleton" : false,
- "isStatic" : true,
+ "isStatic" : false,
"isBuiltin" : false,
"isAbstract" : false,
"isBuilderTop" : false,
"tree_parent" : [],
"desc" : "Bootstrap NumberField class",
"isSingleton" : false,
- "isStatic" : true,
+ "isStatic" : false,
"isBuiltin" : false,
"isAbstract" : false,
"isBuilderTop" : false,
"tree_parent" : [],
"desc" : "An input with International dial-code selection",
"isSingleton" : false,
- "isStatic" : true,
+ "isStatic" : false,
"isBuiltin" : false,
"isAbstract" : false,
"isBuilderTop" : false,
"tree_parent" : [],
"desc" : "Bootstrap Radio class",
"isSingleton" : false,
- "isStatic" : true,
+ "isStatic" : false,
"isBuiltin" : false,
"isAbstract" : false,
"isBuilderTop" : false,
"tree_parent" : [],
"desc" : "Bootstrap RadioSet class",
"isSingleton" : false,
- "isStatic" : true,
+ "isStatic" : false,
"isBuiltin" : false,
"isAbstract" : false,
"isBuilderTop" : false,
"tree_parent" : [],
"desc" : "Bootstrap SecurePass class",
"isSingleton" : false,
- "isStatic" : true,
+ "isStatic" : false,
"isBuiltin" : false,
"isAbstract" : false,
"isBuilderTop" : false,
"tree_parent" : [],
"desc" : "Bootstrap TextArea class",
"isSingleton" : false,
- "isStatic" : true,
+ "isStatic" : false,
"isBuiltin" : false,
"isAbstract" : false,
"isBuilderTop" : false,
"tree_parent" : [],
"desc" : "Bootstrap DateField class",
"isSingleton" : false,
- "isStatic" : true,
+ "isStatic" : false,
"isBuiltin" : false,
"isAbstract" : false,
"isBuilderTop" : false,
"tree_parent" : [],
"desc" : "Provides a convenient wrapper for TextFields that adds a clickable trigger button (looks like a combobox by default).\nThe trigger has no default action, so you must assign a function to implement the trigger click handler by\noverriding {@link #onTriggerClick}. You can create a TriggerField directly, as it renders exactly like a combobox\nfor which you can provide a custom implementation. For example:\n<pre><code>\nvar trigger = new Roo.bootstrap.form.TriggerField();\ntrigger.onTriggerClick = myTriggerFn;\ntrigger.applyTo('my-field');\n</code></pre>\n\nHowever, in general you will most likely want to use TriggerField as the base class for a reusable component.\n{@link Roo.bootstrap.form.DateField} and {@link Roo.bootstrap.form.ComboBox} are perfect examples of this.",
"isSingleton" : false,
- "isStatic" : true,
+ "isStatic" : false,
"isBuiltin" : false,
"isAbstract" : false,
"isBuilderTop" : false,
"tree_parent" : [],
"desc" : "This class represents a lightweight region in a layout manager. This region does not move dom nodes\nand does not have a titlebar, tabs or any other features. All it does is size and position \npanels. To create a BasicLayoutRegion, add lightweight:true or basic:true to your regions config.",
"isSingleton" : false,
- "isStatic" : true,
+ "isStatic" : false,
"isBuiltin" : false,
"isAbstract" : false,
"isBuilderTop" : false,
"tree_parent" : [],
"desc" : "This class represents a common layout manager used in desktop applications. For screenshots and more details,\nplease see: examples/bootstrap/nested.html<br><br>\n \n<b>The container the layout is rendered into can be either the body element or any other element.\nIf it is not the body element, the container needs to either be an absolute positioned element,\nor you will need to add \"position:relative\" to the css of the container. You will also need to specify\nthe container size if it is not the body element.</b>",
"isSingleton" : false,
- "isStatic" : true,
+ "isStatic" : false,
"isBuiltin" : false,
"isAbstract" : false,
"isBuilderTop" : true,
"tree_parent" : [],
"desc" : "Base class for layout managers.",
"isSingleton" : false,
- "isStatic" : true,
+ "isStatic" : false,
"isBuiltin" : false,
"isAbstract" : true,
"isBuilderTop" : false,
"tree_parent" : [],
"desc" : "This class represents a region in a layout manager.",
"isSingleton" : false,
- "isStatic" : true,
+ "isStatic" : false,
"isBuiltin" : false,
"isAbstract" : false,
"isBuilderTop" : false,
"tree_parent" : [],
"desc" : "Adds a splitbar and other (private) useful functionality to a {@link Roo.LayoutRegion}.",
"isSingleton" : false,
- "isStatic" : true,
+ "isStatic" : false,
"isBuiltin" : false,
"isAbstract" : false,
"isBuilderTop" : false,
],
"desc" : "Bootstrap MenuItem class",
"isSingleton" : false,
- "isStatic" : true,
+ "isStatic" : false,
"isBuiltin" : false,
"isAbstract" : false,
"isBuilderTop" : false,
"tree_children" : [],
"tree_parent" : [],
"desc" : "Provides a common registry of all menu items on a page so that they can be easily accessed by id.",
- "isSingleton" : true,
+ "isSingleton" : false,
"isStatic" : true,
"isBuiltin" : false,
"isAbstract" : false,
],
"desc" : "Bootstrap Menu class - container for MenuItems - normally has to be added to a object that supports the menu property",
"isSingleton" : false,
- "isStatic" : true,
+ "isStatic" : false,
"isBuiltin" : false,
"isAbstract" : false,
"isBuilderTop" : false,
],
"desc" : "Bootstrap Separator class",
"isSingleton" : false,
- "isStatic" : true,
+ "isStatic" : false,
"isBuiltin" : false,
"isAbstract" : false,
"isBuilderTop" : false,
"tree_parent" : [],
"desc" : "Bootstrap Navbar class",
"isSingleton" : false,
- "isStatic" : true,
+ "isStatic" : false,
"isBuiltin" : false,
"isAbstract" : true,
"isBuilderTop" : false,
"tree_parent" : [],
"desc" : "Bootstrap NavGroup class",
"isSingleton" : false,
- "isStatic" : true,
+ "isStatic" : false,
"isBuiltin" : false,
"isAbstract" : false,
"isBuilderTop" : false,
"tree_parent" : [],
"desc" : "Bootstrap Sidebar class",
"isSingleton" : false,
- "isStatic" : true,
+ "isStatic" : false,
"isBuiltin" : false,
"isAbstract" : false,
"isBuilderTop" : false,
],
"desc" : "Bootstrap Navbar.NavItem class",
"isSingleton" : false,
- "isStatic" : true,
+ "isStatic" : false,
"isBuiltin" : false,
"isAbstract" : false,
"isBuilderTop" : false,
"tree_parent" : [],
"desc" : "Bootstrap NavProgressBar class",
"isSingleton" : false,
- "isStatic" : true,
+ "isStatic" : false,
"isBuiltin" : false,
"isAbstract" : false,
"isBuilderTop" : false,
"tree_parent" : [],
"desc" : "Bootstrap NavProgressBarItem class",
"isSingleton" : false,
- "isStatic" : true,
+ "isStatic" : false,
"isBuiltin" : false,
"isAbstract" : false,
"isBuilderTop" : false,
"tree_parent" : [],
"desc" : "Bootstrap Sidebar class",
"isSingleton" : false,
- "isStatic" : true,
+ "isStatic" : false,
"isBuiltin" : false,
"isAbstract" : false,
"isBuilderTop" : false,
"tree_parent" : [],
"desc" : "Bootstrap Navbar.NavSidebarItem class\n\n{String} badgeWeight (default|primary|success|info|warning|danger)the extra classes for the badge\n{Boolean} open is the menu open\n{Boolean} buttonView use button as the tigger el rather that a (default false)\n{String} buttonWeight (default|primary|success|info|warning|danger)the extra classes for the button\n{String} buttonSize (sm|md|lg)the extra classes for the button\n{Boolean} showArrow show arrow next to the text (default true)",
"isSingleton" : false,
- "isStatic" : true,
+ "isStatic" : false,
"isBuiltin" : false,
"isAbstract" : false,
"isBuilderTop" : false,
"tree_parent" : [],
"desc" : "Bootstrap Sidebar class",
"isSingleton" : false,
- "isStatic" : true,
+ "isStatic" : false,
"isBuiltin" : false,
"isAbstract" : false,
"isBuilderTop" : false,
"tree_parent" : [],
"desc" : "A basic ContentPanel element. - a panel that contain any content (eg. forms etc.)",
"isSingleton" : false,
- "isStatic" : true,
+ "isStatic" : false,
"isBuiltin" : false,
"isAbstract" : false,
"isBuilderTop" : true,
"tree_parent" : [],
"desc" : "Create a new GridPanel.",
"isSingleton" : false,
- "isStatic" : true,
+ "isStatic" : false,
"isBuiltin" : false,
"isAbstract" : false,
"isBuilderTop" : false,
"tree_parent" : [],
"desc" : "Create a new Panel, that can contain a layout.Border.",
"isSingleton" : false,
- "isStatic" : true,
+ "isStatic" : false,
"isBuiltin" : false,
"isAbstract" : false,
"isBuilderTop" : false,
"tree_parent" : [],
"desc" : "Represents an individual item (tab plus body) in a TabPanel.",
"isSingleton" : false,
- "isStatic" : true,
+ "isStatic" : false,
"isBuiltin" : false,
"isAbstract" : false,
"isBuilderTop" : false,
"tree_parent" : [],
"desc" : "A lightweight tab container.\n<br><br>\nUsage:\n<pre><code>\n// basic tabs 1, built from existing content\nvar tabs = new Roo.TabPanel(\"tabs1\");\ntabs.addTab(\"script\", \"View Script\");\ntabs.addTab(\"markup\", \"View Markup\");\ntabs.activate(\"script\");\n\n// more advanced tabs, built from javascript\nvar jtabs = new Roo.TabPanel(\"jtabs\");\njtabs.addTab(\"jtabs-1\", \"Normal Tab\", \"My content was added during construction.\");\n\n// set up the UpdateManager\nvar tab2 = jtabs.addTab(\"jtabs-2\", \"Ajax Tab 1\");\nvar updater = tab2.getUpdateManager();\nupdater.setDefaultUrl(\"ajax1.htm\");\ntab2.on('activate', updater.refresh, updater, true);\n\n// Use setUrl for Ajax loading\nvar tab3 = jtabs.addTab(\"jtabs-3\", \"Ajax Tab 2\");\ntab3.setUrl(\"ajax2.htm\", null, true);\n\n// Disabled tab\nvar tab4 = jtabs.addTab(\"tabs1-5\", \"Disabled Tab\", \"Can't see me cause I'm disabled\");\ntab4.disable();\n\njtabs.activate(\"jtabs-1\");\n</code></pre>",
"isSingleton" : false,
- "isStatic" : true,
+ "isStatic" : false,
"isBuiltin" : false,
"isAbstract" : false,
"isBuilderTop" : false,
"tree_parent" : [],
"desc" : "Data reader class to create an Array of Roo.data.Record objects from an Array.\nEach element of that Array represents a row of data fields. The\nfields are pulled into a Record object using as a subscript, the <em>mapping</em> property\nof the field definition if it exists, or the field's ordinal position in the definition.<br>\n<p>\nExample code:.\n<pre><code>\nvar RecordDef = Roo.data.Record.create([\n {name: 'name', mapping: 1}, // \"mapping\" only needed if an \"id\" field is present which\n {name: 'occupation', mapping: 2} // precludes using the ordinal position as the index.\n]);\nvar myReader = new Roo.data.ArrayReader({\n id: 0 // The subscript within row Array that provides an ID for the Record (optional)\n}, RecordDef);\n</code></pre>\n<p>\nThis would consume an Array like this:\n<pre><code>\n[ [1, 'Bill', 'Gardener'], [2, 'Ben', 'Horticulturalist'] ]\n </code></pre>",
"isSingleton" : false,
- "isStatic" : true,
+ "isStatic" : false,
"isBuiltin" : false,
"isAbstract" : false,
"isBuilderTop" : false,
"tree_parent" : [],
"desc" : "The class encapsulates a connection to the page's originating domain, allowing requests to be made\neither to a configured URL, or to a URL specified at request time. \n\nRequests made by this class are asynchronous, and will return immediately. No data from\nthe server will be available to the statement immediately following the {@link #request} call.\nTo process returned data, use a callback in the request options object, or an event listener.\n\nNote: If you are doing a file upload, you will not get a normal response object sent back to\nyour callback or event handler. Since the upload is handled via in IFRAME, there is no XMLHttpRequest.\nThe response object is created using the innerHTML of the IFRAME's document as the responseText\nproperty and, if present, the IFRAME's XML document as the responseXML property.\n\nThis means that a valid XML or HTML document must be returned. If JSON data is required, it is suggested\nthat it be placed either inside a <textarea> in an HTML document and retrieved from the responseText\nusing a regex, or inside a CDATA section in an XML document and retrieved from the responseXML using\nstandard DOM methods.",
"isSingleton" : false,
- "isStatic" : true,
+ "isStatic" : false,
"isBuiltin" : false,
"isAbstract" : false,
"isBuilderTop" : false,
"tree_parent" : [],
"desc" : "This class is an abstract base class for implementations which provide retrieval of\nunformatted data objects.<br>\n<p>\nDataProxy implementations are usually used in conjunction with an implementation of Roo.data.DataReader\n(of the appropriate type which knows how to parse the data object) to provide a block of\n{@link Roo.data.Records} to an {@link Roo.data.Store}.<br>\n<p>\nCustom implementations must implement the load method as described in\n{@link Roo.data.HttpProxy#load}.",
"isSingleton" : false,
- "isStatic" : true,
+ "isStatic" : false,
"isBuiltin" : false,
"isAbstract" : true,
"isBuilderTop" : false,
"tree_parent" : [],
"desc" : "Base class for reading structured data from a data source. This class is intended to be\nextended (see {Roo.data.ArrayReader}, {Roo.data.JsonReader} and {Roo.data.XmlReader}) and should not be created directly.",
"isSingleton" : false,
- "isStatic" : true,
+ "isStatic" : false,
"isBuiltin" : false,
"isAbstract" : true,
"isBuilderTop" : false,
"tree_parent" : [],
"desc" : "An implementation of {@link Roo.data.DataProxy} that reads a data object from an {@link Roo.data.Connection} object\nconfigured to reference a certain URL.<br><br>\n<p>\n<em>Note that this class cannot be used to retrieve data from a domain other than the domain\nfrom which the running page was served.<br><br>\n<p>\nFor cross-domain access to remote data, use an {@link Roo.data.ScriptTagProxy}.</em><br><br>\n<p>\nBe aware that to enable the browser to parse an XML document, the server must set\nthe Content-Type header in the HTTP response to \"text/xml\".",
"isSingleton" : false,
- "isStatic" : true,
+ "isStatic" : false,
"isBuiltin" : false,
"isAbstract" : false,
"isBuilderTop" : false,
"tree_parent" : [],
"desc" : "Data reader class to create an Array of Roo.data.Record objects from a JSON response\nbased on mappings in a provided Roo.data.Record constructor.\n\nThe default behaviour of a store is to send ?_requestMeta=1, unless the class has recieved 'metaData' property\nin the reply previously. \n\n<p>\nExample code:\n<pre><code>\nvar RecordDef = Roo.data.Record.create([\n {name: 'name', mapping: 'name'}, // \"mapping\" property not needed if it's the same as \"name\"\n {name: 'occupation'} // This field will use \"occupation\" as the mapping.\n]);\nvar myReader = new Roo.data.JsonReader({\n totalProperty: \"results\", // The property which contains the total dataset size (optional)\n root: \"rows\", // The property which contains an Array of row objects\n id: \"id\" // The property within each row object that provides an ID for the record (optional)\n}, RecordDef);\n</code></pre>\n<p>\nThis would consume a JSON file like this:\n<pre><code>\n{ 'results': 2, 'rows': [\n { 'id': 1, 'name': 'Bill', occupation: 'Gardener' },\n { 'id': 2, 'name': 'Ben', occupation: 'Horticulturalist' } ]\n}\n</code></pre>",
"isSingleton" : false,
- "isStatic" : true,
+ "isStatic" : false,
"isBuiltin" : false,
"isAbstract" : false,
"isBuilderTop" : false,
"tree_parent" : [],
"desc" : "/**",
"isSingleton" : false,
- "isStatic" : true,
+ "isStatic" : false,
"isBuiltin" : false,
"isAbstract" : false,
"isBuilderTop" : false,
"tree_parent" : [],
"desc" : "An implementation of Roo.data.DataProxy that simply passes the data specified in its constructor\nto the Reader when its load method is called.",
"isSingleton" : false,
- "isStatic" : true,
+ "isStatic" : false,
"isBuiltin" : false,
"isAbstract" : false,
"isBuilderTop" : false,
"tree_parent" : [],
"desc" : "",
"isSingleton" : false,
- "isStatic" : true,
+ "isStatic" : false,
"isBuiltin" : false,
"isAbstract" : false,
"isBuilderTop" : false,
"tree_parent" : [],
"desc" : "Instances of this class encapsulate both record <em>definition</em> information, and record\n<em>value</em> information for use in {@link Roo.data.Store} objects, or any code which needs\nto access Records cached in an {@link Roo.data.Store} object.<br>\n<p>\nConstructors for this class are generated by passing an Array of field definition objects to {@link #create}.\nInstances are usually only created by {@link Roo.data.Reader} implementations when processing unformatted data\nobjects.<br>\n<p>\nRecord objects generated by this constructor inherit all the methods of Roo.data.Record listed below.",
"isSingleton" : false,
- "isStatic" : true,
+ "isStatic" : false,
"isBuiltin" : false,
"isAbstract" : false,
"isBuilderTop" : false,
"tree_parent" : [],
"desc" : "An implementation of Roo.data.DataProxy that reads a data object from a URL which may be in a domain\nother than the originating domain of the running page.<br><br>\n<p>\n<em>Note that if you are retrieving data from a page that is in a domain that is NOT the same as the originating domain\nof the running page, you must use this class, rather than DataProxy.</em><br><br>\n<p>\nThe content passed back from a server resource requested by a ScriptTagProxy is executable JavaScript\nsource code that is used as the source inside a <script> tag.<br><br>\n<p>\nIn order for the browser to process the returned data, the server must wrap the data object\nwith a call to a callback function, the name of which is passed as a parameter by the ScriptTagProxy.\nBelow is a Java example for a servlet which returns data for either a ScriptTagProxy, or an HttpProxy\ndepending on whether the callback name was passed:\n<p>\n<pre><code>\nboolean scriptTag = false;\nString cb = request.getParameter(\"callback\");\nif (cb != null) {\n scriptTag = true;\n response.setContentType(\"text/javascript\");\n} else {\n response.setContentType(\"application/x-json\");\n}\nWriter out = response.getWriter();\nif (scriptTag) {\n out.write(cb + \"(\");\n}\nout.print(dataBlock.toJsonString());\nif (scriptTag) {\n out.write(\");\");\n}\n</pre></code>",
"isSingleton" : false,
- "isStatic" : true,
+ "isStatic" : false,
"isBuiltin" : false,
"isAbstract" : false,
"isBuilderTop" : false,
"tree_parent" : [],
"desc" : "Small helper class to make creating Stores from Array data easier.",
"isSingleton" : false,
- "isStatic" : true,
+ "isStatic" : false,
"isBuiltin" : false,
"isAbstract" : false,
"isBuilderTop" : false,
"tree_children" : [],
"tree_parent" : [],
"desc" : "Defines the default sorting (casting?) comparison functions used when sorting data.",
- "isSingleton" : true,
+ "isSingleton" : false,
"isStatic" : true,
"isBuiltin" : false,
"isAbstract" : false,
"tree_parent" : [],
"desc" : "The Store class encapsulates a client side cache of {@link Roo.data.Record} objects which provide input data\nfor widgets such as the Roo.grid.Grid, or the Roo.form.ComboBox.<br>\n<p>\nA Store object uses an implementation of {@link Roo.data.DataProxy} to access a data object unless you call loadData() directly and pass in your data. The Store object\nhas no knowledge of the format of the data returned by the Proxy.<br>\n<p>\nA Store object uses its configured implementation of {@link Roo.data.DataReader} to create {@link Roo.data.Record}\ninstances from the data object. These records are cached and made available through accessor functions.",
"isSingleton" : false,
- "isStatic" : true,
+ "isStatic" : false,
"isBuiltin" : false,
"isAbstract" : false,
"isBuilderTop" : false,
"tree_parent" : [],
"desc" : "Represents a tree data structure and bubbles all the events for its nodes. The nodes\nin the tree have most standard DOM functionality.",
"isSingleton" : false,
- "isStatic" : true,
+ "isStatic" : false,
"isBuiltin" : false,
"isAbstract" : false,
"isBuilderTop" : false,
"tree_parent" : [],
"desc" : "Data reader class to create an Array of {@link Roo.data.Record} objects from an XML document\nbased on mappings in a provided Roo.data.Record constructor.<br><br>\n<p>\n<em>Note that in order for the browser to parse a returned XML document, the Content-Type\nheader in the HTTP response must be set to \"text/xml\".</em>\n<p>\nExample code:\n<pre><code>\nvar RecordDef = Roo.data.Record.create([\n {name: 'name', mapping: 'name'}, // \"mapping\" property not needed if it's the same as \"name\"\n {name: 'occupation'} // This field will use \"occupation\" as the mapping.\n]);\nvar myReader = new Roo.data.XmlReader({\n totalRecords: \"results\", // The element which contains the total dataset size (optional)\n record: \"row\", // The repeated element which contains row information\n id: \"id\" // The element within the row that provides an ID for the record (optional)\n}, RecordDef);\n</code></pre>\n<p>\nThis would consume an XML file like this:\n<pre><code>\n<?xml?>\n<dataset>\n <results>2</results>\n <row>\n <id>1</id>\n <name>Bill</name>\n <occupation>Gardener</occupation>\n </row>\n <row>\n <id>2</id>\n <name>Ben</name>\n <occupation>Horticulturalist</occupation>\n </row>\n</dataset>\n</code></pre>",
"isSingleton" : false,
- "isStatic" : true,
+ "isStatic" : false,
"isBuiltin" : false,
"isAbstract" : false,
"isBuilderTop" : false,
"tree_parent" : [],
"desc" : "A DragDrop implementation where the linked element follows the\nmouse cursor during a drag.",
"isSingleton" : false,
- "isStatic" : true,
+ "isStatic" : false,
"isBuiltin" : false,
"isAbstract" : false,
"isBuilderTop" : false,
"tree_parent" : [],
"desc" : "A DragDrop implementation that inserts an empty, bordered div into\nthe document that follows the cursor during drag operations. At the time of\nthe click, the frame div is resized to the dimensions of the linked html\nelement, and moved to the exact location of the linked element.\n\nReferences to the \"frame\" element refer to the single proxy element that\nwas created to be dragged in place of all DDProxy elements on the\npage.",
"isSingleton" : false,
- "isStatic" : true,
+ "isStatic" : false,
"isBuiltin" : false,
"isAbstract" : false,
"isBuilderTop" : false,
"tree_parent" : [],
"desc" : "A DragDrop implementation that does not move, but can be a drop\ntarget. You would get the same result by simply omitting implementation\nfor the event callbacks, but this way we reduce the processing cost of the\nevent listener and the callbacks.",
"isSingleton" : false,
- "isStatic" : true,
+ "isStatic" : false,
"isBuiltin" : false,
"isAbstract" : false,
"isBuilderTop" : false,
"tree_parent" : [],
"desc" : "Defines the interface and base operation of items that that can be\ndragged or can be drop targets. It was designed to be extended, overriding\nthe event handlers for startDrag, onDrag, onDragOver and onDragOut.\nUp to three html elements can be associated with a DragDrop instance:\n<ul>\n<li>linked element: the element that is passed into the constructor.\nThis is the element which defines the boundaries for interaction with\nother DragDrop objects.</li>\n<li>handle element(s): The drag operation only occurs if the element that\nwas clicked matches a handle element. By default this is the linked\nelement, but there are times that you will want only a portion of the\nlinked element to initiate the drag operation, and the setHandleElId()\nmethod provides a way to define this.</li>\n<li>drag element: this represents the element that would be moved along\nwith the cursor during a drag operation. By default, this is the linked\nelement itself as in {@link Roo.dd.DD}. setDragElId() lets you define\na separate element that would be moved, as in {@link Roo.dd.DDProxy}.\n</li>\n</ul>\nThis class should not be instantiated until the onload event to ensure that\nthe associated elements are available.\nThe following would define a DragDrop obj that would interact with any\nother DragDrop obj in the \"group1\" group:\n<pre>\n dd = new Roo.dd.DragDrop(\"div1\", \"group1\");\n</pre>\nSince none of the event handlers have been implemented, nothing would\nactually happen if you were to run the code above. Normally you would\noverride this class or one of the default implementations, but you can\nalso override the methods you want on an instance of the class...\n<pre>\n dd.onDragDrop = function(e, id) {\n alert(\"dd was dropped on \" + id);\n }\n</pre>",
"isSingleton" : false,
- "isStatic" : true,
+ "isStatic" : false,
"isBuiltin" : false,
"isAbstract" : false,
"isBuilderTop" : false,
--- /dev/null
+{
+ "name" : "Roo.dd.DragDropMgr",
+ "augments" : [],
+ "childClasses" : { },
+ "tree_children" : [],
+ "tree_parent" : [],
+ "desc" : "DragDropMgr is a singleton that tracks the element interaction for\nall DragDrop items in the window. Generally, you will not call\nthis class directly, but it does have helper methods that could\nbe useful in your DragDrop implementations.",
+ "isSingleton" : false,
+ "isStatic" : true,
+ "isBuiltin" : false,
+ "isAbstract" : false,
+ "isBuilderTop" : false,
+ "memberOf" : "DragDropMgr",
+ "example" : "",
+ "deprecated" : "",
+ "since" : "",
+ "see" : "",
+ "params" : [],
+ "returns" : [],
+ "throws" : "",
+ "requires" : "",
+ "config" : [],
+ "methods" : [
+ {
+ "name" : "isDragDrop",
+ "type" : "function",
+ "desc" : "Utility function to determine if a given element has been\nregistered as a drag drop item.",
+ "sig" : "(id)",
+ "static" : false,
+ "memberOf" : "",
+ "isStatic" : false,
+ "isConstructor" : false,
+ "isPrivate" : false,
+ "example" : "",
+ "deprecated" : "",
+ "since" : "",
+ "see" : "",
+ "exceptions" : "",
+ "requires" : "",
+ "params" : [
+ {
+ "name" : "id",
+ "type" : "String",
+ "desc" : "the element id to check",
+ "isOptional" : false
+ }
+ ],
+ "returns" : [
+ {
+ "name" : "",
+ "type" : "boolean",
+ "desc" : "true if this element is a DragDrop item,\nfalse otherwise"
+ }
+ ]
+ },
+ {
+ "name" : "getRelated",
+ "type" : "function",
+ "desc" : "Returns the drag and drop instances that are in all groups the\npassed in instance belongs to.",
+ "sig" : "(p_oDD, bTargetsOnly)",
+ "static" : false,
+ "memberOf" : "",
+ "isStatic" : false,
+ "isConstructor" : false,
+ "isPrivate" : false,
+ "example" : "",
+ "deprecated" : "",
+ "since" : "",
+ "see" : "",
+ "exceptions" : "",
+ "requires" : "",
+ "params" : [
+ {
+ "name" : "p_oDD",
+ "type" : "DragDrop",
+ "desc" : "the obj to get related data for",
+ "isOptional" : false
+ },
+ {
+ "name" : "bTargetsOnly",
+ "type" : "boolean",
+ "desc" : "if true, only return targetable objs",
+ "isOptional" : false
+ }
+ ],
+ "returns" : [
+ {
+ "name" : "",
+ "type" : "DragDrop[]",
+ "desc" : "the related instances"
+ }
+ ]
+ },
+ {
+ "name" : "getScrollLeft",
+ "type" : "function",
+ "desc" : "Gets the scrollLeft",
+ "sig" : "()\n{\n\n}",
+ "static" : false,
+ "memberOf" : "",
+ "isStatic" : false,
+ "isConstructor" : false,
+ "isPrivate" : false,
+ "example" : "",
+ "deprecated" : "",
+ "since" : "",
+ "see" : "",
+ "exceptions" : "",
+ "requires" : "",
+ "params" : [],
+ "returns" : [
+ {
+ "name" : "",
+ "type" : "int",
+ "desc" : "the document's scrollTop"
+ }
+ ]
+ },
+ {
+ "name" : "regDragDrop",
+ "type" : "function",
+ "desc" : "Each DragDrop instance must be registered with the DragDropMgr.\nThis is executed in DragDrop.init()",
+ "sig" : "(oDD, sGroup)",
+ "static" : false,
+ "memberOf" : "",
+ "isStatic" : false,
+ "isConstructor" : false,
+ "isPrivate" : false,
+ "example" : "",
+ "deprecated" : "",
+ "since" : "",
+ "see" : "",
+ "exceptions" : "",
+ "requires" : "",
+ "params" : [
+ {
+ "name" : "oDD",
+ "type" : "DragDrop",
+ "desc" : "the DragDrop object to register",
+ "isOptional" : false
+ },
+ {
+ "name" : "sGroup",
+ "type" : "String",
+ "desc" : "the name of the group this element belongs to",
+ "isOptional" : false
+ }
+ ],
+ "returns" : []
+ },
+ {
+ "name" : "handleWasClicked",
+ "type" : "function",
+ "desc" : "Recursively searches the immediate parent and all child nodes for\nthe handle element in order to determine wheter or not it was\nclicked.",
+ "sig" : "(node)",
+ "static" : false,
+ "memberOf" : "",
+ "isStatic" : false,
+ "isConstructor" : false,
+ "isPrivate" : false,
+ "example" : "",
+ "deprecated" : "",
+ "since" : "",
+ "see" : "",
+ "exceptions" : "",
+ "requires" : "",
+ "params" : [
+ {
+ "name" : "node",
+ "type" : "",
+ "desc" : "the html element to inspect",
+ "isOptional" : false
+ }
+ ],
+ "returns" : []
+ },
+ {
+ "name" : "refreshCache",
+ "type" : "function",
+ "desc" : "Refreshes the cache of the top-left and bottom-right points of the\ndrag and drop objects in the specified group(s). This is in the\nformat that is stored in the drag and drop instance, so typical\nusage is:\n<code>\nRoo.dd.DragDropMgr.refreshCache(ddinstance.groups);\n</code>\nAlternatively:\n<code>\nRoo.dd.DragDropMgr.refreshCache({group1:true, group2:true});\n</code>",
+ "sig" : "(groups)",
+ "static" : false,
+ "memberOf" : "",
+ "isStatic" : false,
+ "isConstructor" : false,
+ "isPrivate" : false,
+ "example" : "",
+ "deprecated" : "",
+ "since" : "",
+ "see" : "",
+ "exceptions" : "",
+ "requires" : "",
+ "params" : [
+ {
+ "name" : "groups",
+ "type" : "Object",
+ "desc" : "an associative array of groups to refresh",
+ "isOptional" : false
+ }
+ ],
+ "returns" : []
+ },
+ {
+ "name" : "getCss",
+ "type" : "function",
+ "desc" : "Returns the style property for the DOM element (i.e.,\ndocument.getElById(id).style)",
+ "sig" : "(id)",
+ "static" : false,
+ "memberOf" : "",
+ "isStatic" : false,
+ "isConstructor" : false,
+ "isPrivate" : false,
+ "example" : "",
+ "deprecated" : "This has been deprecated: use Roo.getDom instead",
+ "since" : "",
+ "see" : "",
+ "exceptions" : "",
+ "requires" : "",
+ "params" : [
+ {
+ "name" : "id",
+ "type" : "String",
+ "desc" : "the id of the elment to get",
+ "isOptional" : false
+ }
+ ],
+ "returns" : [
+ {
+ "name" : "",
+ "type" : "Object",
+ "desc" : "The style property of the element"
+ }
+ ]
+ },
+ {
+ "name" : "swapNode",
+ "type" : "function",
+ "desc" : "Swap two nodes. In IE, we use the native method, for others we\nemulate the IE behavior",
+ "sig" : "(n1, n2)",
+ "static" : false,
+ "memberOf" : "",
+ "isStatic" : false,
+ "isConstructor" : false,
+ "isPrivate" : false,
+ "example" : "",
+ "deprecated" : "",
+ "since" : "",
+ "see" : "",
+ "exceptions" : "",
+ "requires" : "",
+ "params" : [
+ {
+ "name" : "n1",
+ "type" : "",
+ "desc" : "the first node to swap",
+ "isOptional" : false
+ },
+ {
+ "name" : "n2",
+ "type" : "",
+ "desc" : "the other node to swap",
+ "isOptional" : false
+ }
+ ],
+ "returns" : []
+ },
+ {
+ "name" : "stopEvent",
+ "type" : "function",
+ "desc" : "Utility to stop event propagation and event default, if these\nfeatures are turned on.",
+ "sig" : "(e)",
+ "static" : false,
+ "memberOf" : "",
+ "isStatic" : false,
+ "isConstructor" : false,
+ "isPrivate" : false,
+ "example" : "",
+ "deprecated" : "",
+ "since" : "",
+ "see" : "",
+ "exceptions" : "",
+ "requires" : "",
+ "params" : [
+ {
+ "name" : "e",
+ "type" : "Event",
+ "desc" : "the event as returned by this.getEvent()",
+ "isOptional" : false
+ }
+ ],
+ "returns" : []
+ },
+ {
+ "name" : "lock",
+ "type" : "function",
+ "desc" : "Lock all drag and drop functionality",
+ "sig" : "()\n{\n\n}",
+ "static" : false,
+ "memberOf" : "",
+ "isStatic" : false,
+ "isConstructor" : false,
+ "isPrivate" : false,
+ "example" : "",
+ "deprecated" : "",
+ "since" : "",
+ "see" : "",
+ "exceptions" : "",
+ "requires" : "",
+ "params" : [],
+ "returns" : []
+ },
+ {
+ "name" : "moveToEl",
+ "type" : "function",
+ "desc" : "Sets the x/y position of an element to the location of the\ntarget element.",
+ "sig" : "(moveEl, targetEl)",
+ "static" : false,
+ "memberOf" : "",
+ "isStatic" : false,
+ "isConstructor" : false,
+ "isPrivate" : false,
+ "example" : "",
+ "deprecated" : "",
+ "since" : "",
+ "see" : "",
+ "exceptions" : "",
+ "requires" : "",
+ "params" : [
+ {
+ "name" : "moveEl",
+ "type" : "HTMLElement",
+ "desc" : "The element to move",
+ "isOptional" : false
+ },
+ {
+ "name" : "targetEl",
+ "type" : "HTMLElement",
+ "desc" : "The position reference element",
+ "isOptional" : false
+ }
+ ],
+ "returns" : []
+ },
+ {
+ "name" : "unlock",
+ "type" : "function",
+ "desc" : "Unlock all drag and drop functionality",
+ "sig" : "()\n{\n\n}",
+ "static" : false,
+ "memberOf" : "",
+ "isStatic" : false,
+ "isConstructor" : false,
+ "isPrivate" : false,
+ "example" : "",
+ "deprecated" : "",
+ "since" : "",
+ "see" : "",
+ "exceptions" : "",
+ "requires" : "",
+ "params" : [],
+ "returns" : []
+ },
+ {
+ "name" : "getDDById",
+ "type" : "function",
+ "desc" : "Returns the DragDrop instance for a given id",
+ "sig" : "(id)",
+ "static" : false,
+ "memberOf" : "",
+ "isStatic" : false,
+ "isConstructor" : false,
+ "isPrivate" : false,
+ "example" : "",
+ "deprecated" : "",
+ "since" : "",
+ "see" : "",
+ "exceptions" : "",
+ "requires" : "",
+ "params" : [
+ {
+ "name" : "id",
+ "type" : "String",
+ "desc" : "the id of the DragDrop object",
+ "isOptional" : false
+ }
+ ],
+ "returns" : [
+ {
+ "name" : "",
+ "type" : "DragDrop",
+ "desc" : "the drag drop object, null if it is not found"
+ }
+ ]
+ },
+ {
+ "name" : "isLegalTarget",
+ "type" : "function",
+ "desc" : "Returns true if the specified dd target is a legal target for\nthe specifice drag obj",
+ "sig" : "(the, the)",
+ "static" : false,
+ "memberOf" : "",
+ "isStatic" : false,
+ "isConstructor" : false,
+ "isPrivate" : false,
+ "example" : "",
+ "deprecated" : "",
+ "since" : "",
+ "see" : "",
+ "exceptions" : "",
+ "requires" : "",
+ "params" : [
+ {
+ "name" : "the",
+ "type" : "DragDrop",
+ "desc" : "drag obj",
+ "isOptional" : false
+ },
+ {
+ "name" : "the",
+ "type" : "DragDrop",
+ "desc" : "target",
+ "isOptional" : false
+ }
+ ],
+ "returns" : [
+ {
+ "name" : "",
+ "type" : "boolean",
+ "desc" : "true if the target is a legal target for the\ndd obj"
+ }
+ ]
+ },
+ {
+ "name" : "isTypeOfDD",
+ "type" : "function",
+ "desc" : "My goal is to be able to transparently determine if an object is\ntypeof DragDrop, and the exact subclass of DragDrop. typeof\nreturns \"object\", oDD.constructor.toString() always returns\n\"DragDrop\" and not the name of the subclass. So for now it just\nevaluates a well-known variable in DragDrop.",
+ "sig" : "(the)",
+ "static" : false,
+ "memberOf" : "",
+ "isStatic" : false,
+ "isConstructor" : false,
+ "isPrivate" : false,
+ "example" : "",
+ "deprecated" : "",
+ "since" : "",
+ "see" : "",
+ "exceptions" : "",
+ "requires" : "",
+ "params" : [
+ {
+ "name" : "the",
+ "type" : "Object",
+ "desc" : "object to evaluate",
+ "isOptional" : false
+ }
+ ],
+ "returns" : [
+ {
+ "name" : "",
+ "type" : "boolean",
+ "desc" : "true if typeof oDD = DragDrop"
+ }
+ ]
+ },
+ {
+ "name" : "startDrag",
+ "type" : "function",
+ "desc" : "Fired when either the drag pixel threshol or the mousedown hold\ntime threshold has been met.",
+ "sig" : "(x, y)",
+ "static" : false,
+ "memberOf" : "",
+ "isStatic" : false,
+ "isConstructor" : false,
+ "isPrivate" : false,
+ "example" : "",
+ "deprecated" : "",
+ "since" : "",
+ "see" : "",
+ "exceptions" : "",
+ "requires" : "",
+ "params" : [
+ {
+ "name" : "x",
+ "type" : "",
+ "desc" : "{int} the X position of the original mousedown",
+ "isOptional" : false
+ },
+ {
+ "name" : "y",
+ "type" : "",
+ "desc" : "{int} the Y position of the original mousedown",
+ "isOptional" : false
+ }
+ ],
+ "returns" : []
+ },
+ {
+ "name" : "getStyle",
+ "type" : "function",
+ "desc" : "Returns the specified element style property",
+ "sig" : "(el, styleProp)",
+ "static" : false,
+ "memberOf" : "",
+ "isStatic" : false,
+ "isConstructor" : false,
+ "isPrivate" : false,
+ "example" : "",
+ "deprecated" : "This has been deprecated: use Roo.lib.Dom.getStyle",
+ "since" : "",
+ "see" : "",
+ "exceptions" : "",
+ "requires" : "",
+ "params" : [
+ {
+ "name" : "el",
+ "type" : "HTMLElement",
+ "desc" : "the element",
+ "isOptional" : false
+ },
+ {
+ "name" : "styleProp",
+ "type" : "string",
+ "desc" : "the style property",
+ "isOptional" : false
+ }
+ ],
+ "returns" : [
+ {
+ "name" : "",
+ "type" : "string",
+ "desc" : "The value of the style property"
+ }
+ ]
+ },
+ {
+ "name" : "getPosX",
+ "type" : "function",
+ "desc" : "Returns the X position of an html element",
+ "sig" : "(el)",
+ "static" : false,
+ "memberOf" : "",
+ "isStatic" : false,
+ "isConstructor" : false,
+ "isPrivate" : false,
+ "example" : "",
+ "deprecated" : "This has been deprecated: use Roo.lib.Dom.getX instead",
+ "since" : "",
+ "see" : "",
+ "exceptions" : "",
+ "requires" : "",
+ "params" : [
+ {
+ "name" : "el",
+ "type" : "",
+ "desc" : "the element for which to get the position",
+ "isOptional" : false
+ }
+ ],
+ "returns" : [
+ {
+ "name" : "",
+ "type" : "int",
+ "desc" : "the X coordinate"
+ }
+ ]
+ },
+ {
+ "name" : "getPosY",
+ "type" : "function",
+ "desc" : "Returns the Y position of an html element",
+ "sig" : "(el)",
+ "static" : false,
+ "memberOf" : "",
+ "isStatic" : false,
+ "isConstructor" : false,
+ "isPrivate" : false,
+ "example" : "",
+ "deprecated" : "This has been deprecated: use Roo.lib.Dom.getY instead",
+ "since" : "",
+ "see" : "",
+ "exceptions" : "",
+ "requires" : "",
+ "params" : [
+ {
+ "name" : "el",
+ "type" : "",
+ "desc" : "the element for which to get the position",
+ "isOptional" : false
+ }
+ ],
+ "returns" : [
+ {
+ "name" : "",
+ "type" : "int",
+ "desc" : "the Y coordinate"
+ }
+ ]
+ },
+ {
+ "name" : "isLocked",
+ "type" : "function",
+ "desc" : "Is drag and drop locked?",
+ "sig" : "()\n{\n\n}",
+ "static" : false,
+ "memberOf" : "",
+ "isStatic" : false,
+ "isConstructor" : false,
+ "isPrivate" : false,
+ "example" : "",
+ "deprecated" : "",
+ "since" : "",
+ "see" : "",
+ "exceptions" : "",
+ "requires" : "",
+ "params" : [],
+ "returns" : [
+ {
+ "name" : "",
+ "type" : "boolean",
+ "desc" : "True if drag and drop is locked, false otherwise."
+ }
+ ]
+ },
+ {
+ "name" : "getBestMatch",
+ "type" : "function",
+ "desc" : "Helper function for getting the best match from the list of drag\nand drop objects returned by the drag and drop events when we are\nin INTERSECT mode. It returns either the first object that the\ncursor is over, or the object that has the greatest overlap with\nthe dragged element.",
+ "sig" : "(dds)",
+ "static" : false,
+ "memberOf" : "",
+ "isStatic" : false,
+ "isConstructor" : false,
+ "isPrivate" : false,
+ "example" : "",
+ "deprecated" : "",
+ "since" : "",
+ "see" : "",
+ "exceptions" : "",
+ "requires" : "",
+ "params" : [
+ {
+ "name" : "dds",
+ "type" : "DragDrop[]",
+ "desc" : "The array of drag and drop objects\ntargeted",
+ "isOptional" : false
+ }
+ ],
+ "returns" : [
+ {
+ "name" : "",
+ "type" : "DragDrop",
+ "desc" : "The best single match"
+ }
+ ]
+ },
+ {
+ "name" : "getLocation",
+ "type" : "function",
+ "desc" : "Returns a Region object containing the drag and drop element's position\nand size, including the padding configured for it",
+ "sig" : "(oDD)",
+ "static" : false,
+ "memberOf" : "",
+ "isStatic" : false,
+ "isConstructor" : false,
+ "isPrivate" : false,
+ "example" : "",
+ "deprecated" : "",
+ "since" : "",
+ "see" : "",
+ "exceptions" : "",
+ "requires" : "",
+ "params" : [
+ {
+ "name" : "oDD",
+ "type" : "DragDrop",
+ "desc" : "the drag and drop object to get the\n location for",
+ "isOptional" : false
+ }
+ ],
+ "returns" : [
+ {
+ "name" : "",
+ "type" : "Roo.lib.Region",
+ "desc" : "a Region object representing the total area\n the element occupies, including any padding\n the instance is configured for."
+ }
+ ]
+ },
+ {
+ "name" : "isHandle",
+ "type" : "function",
+ "desc" : "Utility function to determine if a given element has been\nregistered as a drag drop handle for the given Drag Drop object.",
+ "sig" : "(id)",
+ "static" : false,
+ "memberOf" : "",
+ "isStatic" : false,
+ "isConstructor" : false,
+ "isPrivate" : false,
+ "example" : "",
+ "deprecated" : "",
+ "since" : "",
+ "see" : "",
+ "exceptions" : "",
+ "requires" : "",
+ "params" : [
+ {
+ "name" : "id",
+ "type" : "String",
+ "desc" : "the element id to check",
+ "isOptional" : false
+ }
+ ],
+ "returns" : [
+ {
+ "name" : "",
+ "type" : "boolean",
+ "desc" : "true if this element is a DragDrop handle, false\notherwise"
+ }
+ ]
+ },
+ {
+ "name" : "getScrollTop",
+ "type" : "function",
+ "desc" : "Gets the scrollTop",
+ "sig" : "()\n{\n\n}",
+ "static" : false,
+ "memberOf" : "",
+ "isStatic" : false,
+ "isConstructor" : false,
+ "isPrivate" : false,
+ "example" : "",
+ "deprecated" : "",
+ "since" : "",
+ "see" : "",
+ "exceptions" : "",
+ "requires" : "",
+ "params" : [],
+ "returns" : [
+ {
+ "name" : "",
+ "type" : "int",
+ "desc" : "the document's scrollTop"
+ }
+ ]
+ },
+ {
+ "name" : "numericSort",
+ "type" : "function",
+ "desc" : "Numeric array sort function",
+ "sig" : "()\n{\n\n}",
+ "static" : false,
+ "memberOf" : "",
+ "isStatic" : false,
+ "isConstructor" : false,
+ "isPrivate" : false,
+ "example" : "",
+ "deprecated" : "",
+ "since" : "",
+ "see" : "",
+ "exceptions" : "",
+ "requires" : "",
+ "params" : [],
+ "returns" : []
+ },
+ {
+ "name" : "regHandle",
+ "type" : "function",
+ "desc" : "Each DragDrop handle element must be registered. This is done\nautomatically when executing DragDrop.setHandleElId()",
+ "sig" : "(sDDId, sHandleId)",
+ "static" : false,
+ "memberOf" : "",
+ "isStatic" : false,
+ "isConstructor" : false,
+ "isPrivate" : false,
+ "example" : "",
+ "deprecated" : "",
+ "since" : "",
+ "see" : "",
+ "exceptions" : "",
+ "requires" : "",
+ "params" : [
+ {
+ "name" : "sDDId",
+ "type" : "String",
+ "desc" : "the DragDrop id this element is a handle for",
+ "isOptional" : false
+ },
+ {
+ "name" : "sHandleId",
+ "type" : "String",
+ "desc" : "the id of the element that is the drag\nhandle",
+ "isOptional" : false
+ }
+ ],
+ "returns" : []
+ },
+ {
+ "name" : "getElement",
+ "type" : "function",
+ "desc" : "Returns the actual DOM element",
+ "sig" : "(id)",
+ "static" : false,
+ "memberOf" : "",
+ "isStatic" : false,
+ "isConstructor" : false,
+ "isPrivate" : false,
+ "example" : "",
+ "deprecated" : "This has been deprecated: use Roo.getDom instead",
+ "since" : "",
+ "see" : "",
+ "exceptions" : "",
+ "requires" : "",
+ "params" : [
+ {
+ "name" : "id",
+ "type" : "String",
+ "desc" : "the id of the elment to get",
+ "isOptional" : false
+ }
+ ],
+ "returns" : [
+ {
+ "name" : "",
+ "type" : "Object",
+ "desc" : "The element"
+ }
+ ]
+ },
+ {
+ "name" : "verifyEl",
+ "type" : "function",
+ "desc" : "This checks to make sure an element exists and is in the DOM. The\nmain purpose is to handle cases where innerHTML is used to remove\ndrag and drop objects from the DOM. IE provides an 'unspecified\nerror' when trying to access the offsetParent of such an element",
+ "sig" : "(el)",
+ "static" : false,
+ "memberOf" : "",
+ "isStatic" : false,
+ "isConstructor" : false,
+ "isPrivate" : false,
+ "example" : "",
+ "deprecated" : "",
+ "since" : "",
+ "see" : "",
+ "exceptions" : "",
+ "requires" : "",
+ "params" : [
+ {
+ "name" : "el",
+ "type" : "HTMLElement",
+ "desc" : "the element to check",
+ "isOptional" : false
+ }
+ ],
+ "returns" : [
+ {
+ "name" : "",
+ "type" : "boolean",
+ "desc" : "true if the element looks usable"
+ }
+ ]
+ }
+ ],
+ "events" : []
+}
\ No newline at end of file
"tree_parent" : [],
"desc" : "A simple class that provides the basic implementation needed to make any element draggable.",
"isSingleton" : false,
- "isStatic" : true,
+ "isStatic" : false,
"isBuiltin" : false,
"isAbstract" : false,
"isBuilderTop" : false,
}
],
"methods" : [
+ {
+ "name" : "afterDragDrop",
+ "type" : "function",
+ "desc" : "An empty function by default, but provided so that you can perform a custom action\nafter a valid drag drop has occurred by providing an implementation.",
+ "sig" : "(target, e, id)",
+ "static" : false,
+ "memberOf" : "",
+ "isStatic" : false,
+ "isConstructor" : false,
+ "isPrivate" : false,
+ "example" : "",
+ "deprecated" : "",
+ "since" : "",
+ "see" : "",
+ "exceptions" : "",
+ "requires" : "",
+ "params" : [
+ {
+ "name" : "target",
+ "type" : "Roo.dd.DragDrop",
+ "desc" : "The drop target",
+ "isOptional" : false
+ },
+ {
+ "name" : "e",
+ "type" : "Event",
+ "desc" : "The event object",
+ "isOptional" : false
+ },
+ {
+ "name" : "id",
+ "type" : "String",
+ "desc" : "The id of the dropped element",
+ "isOptional" : false
+ }
+ ],
+ "returns" : []
+ },
{
"name" : "beforeDragEnter",
"type" : "function",
}
]
},
+ {
+ "name" : "afterDragOut",
+ "type" : "function",
+ "desc" : "An empty function by default, but provided so that you can perform a custom action\nafter the dragged item is dragged out of the target without dropping.",
+ "sig" : "(target, e, id)",
+ "static" : false,
+ "memberOf" : "",
+ "isStatic" : false,
+ "isConstructor" : false,
+ "isPrivate" : false,
+ "example" : "",
+ "deprecated" : "",
+ "since" : "",
+ "see" : "",
+ "exceptions" : "",
+ "requires" : "",
+ "params" : [
+ {
+ "name" : "target",
+ "type" : "Roo.dd.DragDrop",
+ "desc" : "The drop target",
+ "isOptional" : false
+ },
+ {
+ "name" : "e",
+ "type" : "Event",
+ "desc" : "The event object",
+ "isOptional" : false
+ },
+ {
+ "name" : "id",
+ "type" : "String",
+ "desc" : "The id of the dragged element",
+ "isOptional" : false
+ }
+ ],
+ "returns" : []
+ },
{
"name" : "beforeDragDrop",
"type" : "function",
],
"returns" : []
},
+ {
+ "name" : "afterDragOver",
+ "type" : "function",
+ "desc" : "An empty function by default, but provided so that you can perform a custom action\nwhile the dragged item is over the drop target by providing an implementation.",
+ "sig" : "(target, e, id)",
+ "static" : false,
+ "memberOf" : "",
+ "isStatic" : false,
+ "isConstructor" : false,
+ "isPrivate" : false,
+ "example" : "",
+ "deprecated" : "",
+ "since" : "",
+ "see" : "",
+ "exceptions" : "",
+ "requires" : "",
+ "params" : [
+ {
+ "name" : "target",
+ "type" : "Roo.dd.DragDrop",
+ "desc" : "The drop target",
+ "isOptional" : false
+ },
+ {
+ "name" : "e",
+ "type" : "Event",
+ "desc" : "The event object",
+ "isOptional" : false
+ },
+ {
+ "name" : "id",
+ "type" : "String",
+ "desc" : "The id of the dragged element",
+ "isOptional" : false
+ }
+ ],
+ "returns" : []
+ },
+ {
+ "name" : "afterDragEnter",
+ "type" : "function",
+ "desc" : "An empty function by default, but provided so that you can perform a custom action\nwhen the dragged item enters the drop target by providing an implementation.",
+ "sig" : "(target, e, id)",
+ "static" : false,
+ "memberOf" : "",
+ "isStatic" : false,
+ "isConstructor" : false,
+ "isPrivate" : false,
+ "example" : "",
+ "deprecated" : "",
+ "since" : "",
+ "see" : "",
+ "exceptions" : "",
+ "requires" : "",
+ "params" : [
+ {
+ "name" : "target",
+ "type" : "Roo.dd.DragDrop",
+ "desc" : "The drop target",
+ "isOptional" : false
+ },
+ {
+ "name" : "e",
+ "type" : "Event",
+ "desc" : "The event object",
+ "isOptional" : false
+ },
+ {
+ "name" : "id",
+ "type" : "String",
+ "desc" : "The id of the dragged element",
+ "isOptional" : false
+ }
+ ],
+ "returns" : []
+ },
{
"name" : "beforeDragOver",
"type" : "function",
}
]
},
+ {
+ "name" : "afterInvalidDrop",
+ "type" : "function",
+ "desc" : "An empty function by default, but provided so that you can perform a custom action\nafter an invalid drop has occurred by providing an implementation.",
+ "sig" : "(e, id)",
+ "static" : false,
+ "memberOf" : "",
+ "isStatic" : false,
+ "isConstructor" : false,
+ "isPrivate" : false,
+ "example" : "",
+ "deprecated" : "",
+ "since" : "",
+ "see" : "",
+ "exceptions" : "",
+ "requires" : "",
+ "params" : [
+ {
+ "name" : "e",
+ "type" : "Event",
+ "desc" : "The event object",
+ "isOptional" : false
+ },
+ {
+ "name" : "id",
+ "type" : "String",
+ "desc" : "The id of the dropped element",
+ "isOptional" : false
+ }
+ ],
+ "returns" : []
+ },
+ {
+ "name" : "afterValidDrop",
+ "type" : "function",
+ "desc" : "An empty function by default, but provided so that you can perform a custom action\nafter a valid drop has occurred by providing an implementation.",
+ "sig" : "(target, e, id)",
+ "static" : false,
+ "memberOf" : "",
+ "isStatic" : false,
+ "isConstructor" : false,
+ "isPrivate" : false,
+ "example" : "",
+ "deprecated" : "",
+ "since" : "",
+ "see" : "",
+ "exceptions" : "",
+ "requires" : "",
+ "params" : [
+ {
+ "name" : "target",
+ "type" : "Object",
+ "desc" : "The target DD",
+ "isOptional" : false
+ },
+ {
+ "name" : "e",
+ "type" : "Event",
+ "desc" : "The event object",
+ "isOptional" : false
+ },
+ {
+ "name" : "id",
+ "type" : "String",
+ "desc" : "The id of the dropped element",
+ "isOptional" : false
+ }
+ ],
+ "returns" : []
+ },
{
"name" : "initFrame",
"type" : "function",
"tree_parent" : [],
"desc" : "This class provides a container DD instance that proxies for multiple child node sources.<br />\nBy default, this class requires that draggable child nodes are registered with {@link Roo.dd.Registry}.",
"isSingleton" : false,
- "isStatic" : true,
+ "isStatic" : false,
"isBuiltin" : false,
"isAbstract" : false,
"isBuilderTop" : false,
}
]
},
+ {
+ "name" : "afterDragDrop",
+ "type" : "function",
+ "desc" : "An empty function by default, but provided so that you can perform a custom action\nafter a valid drag drop has occurred by providing an implementation.",
+ "sig" : "(target, e, id)",
+ "static" : false,
+ "memberOf" : "Roo.dd.DragSource",
+ "isStatic" : false,
+ "isConstructor" : false,
+ "isPrivate" : false,
+ "example" : "",
+ "deprecated" : "",
+ "since" : "",
+ "see" : "",
+ "exceptions" : "",
+ "requires" : "",
+ "params" : [
+ {
+ "name" : "target",
+ "type" : "Roo.dd.DragDrop",
+ "desc" : "The drop target",
+ "isOptional" : false
+ },
+ {
+ "name" : "e",
+ "type" : "Event",
+ "desc" : "The event object",
+ "isOptional" : false
+ },
+ {
+ "name" : "id",
+ "type" : "String",
+ "desc" : "The id of the dropped element",
+ "isOptional" : false
+ }
+ ],
+ "returns" : []
+ },
{
"name" : "beforeDragEnter",
"type" : "function",
}
]
},
+ {
+ "name" : "afterDragOut",
+ "type" : "function",
+ "desc" : "An empty function by default, but provided so that you can perform a custom action\nafter the dragged item is dragged out of the target without dropping.",
+ "sig" : "(target, e, id)",
+ "static" : false,
+ "memberOf" : "Roo.dd.DragSource",
+ "isStatic" : false,
+ "isConstructor" : false,
+ "isPrivate" : false,
+ "example" : "",
+ "deprecated" : "",
+ "since" : "",
+ "see" : "",
+ "exceptions" : "",
+ "requires" : "",
+ "params" : [
+ {
+ "name" : "target",
+ "type" : "Roo.dd.DragDrop",
+ "desc" : "The drop target",
+ "isOptional" : false
+ },
+ {
+ "name" : "e",
+ "type" : "Event",
+ "desc" : "The event object",
+ "isOptional" : false
+ },
+ {
+ "name" : "id",
+ "type" : "String",
+ "desc" : "The id of the dragged element",
+ "isOptional" : false
+ }
+ ],
+ "returns" : []
+ },
{
"name" : "beforeDragDrop",
"type" : "function",
],
"returns" : []
},
+ {
+ "name" : "afterDragOver",
+ "type" : "function",
+ "desc" : "An empty function by default, but provided so that you can perform a custom action\nwhile the dragged item is over the drop target by providing an implementation.",
+ "sig" : "(target, e, id)",
+ "static" : false,
+ "memberOf" : "Roo.dd.DragSource",
+ "isStatic" : false,
+ "isConstructor" : false,
+ "isPrivate" : false,
+ "example" : "",
+ "deprecated" : "",
+ "since" : "",
+ "see" : "",
+ "exceptions" : "",
+ "requires" : "",
+ "params" : [
+ {
+ "name" : "target",
+ "type" : "Roo.dd.DragDrop",
+ "desc" : "The drop target",
+ "isOptional" : false
+ },
+ {
+ "name" : "e",
+ "type" : "Event",
+ "desc" : "The event object",
+ "isOptional" : false
+ },
+ {
+ "name" : "id",
+ "type" : "String",
+ "desc" : "The id of the dragged element",
+ "isOptional" : false
+ }
+ ],
+ "returns" : []
+ },
+ {
+ "name" : "afterDragEnter",
+ "type" : "function",
+ "desc" : "An empty function by default, but provided so that you can perform a custom action\nwhen the dragged item enters the drop target by providing an implementation.",
+ "sig" : "(target, e, id)",
+ "static" : false,
+ "memberOf" : "Roo.dd.DragSource",
+ "isStatic" : false,
+ "isConstructor" : false,
+ "isPrivate" : false,
+ "example" : "",
+ "deprecated" : "",
+ "since" : "",
+ "see" : "",
+ "exceptions" : "",
+ "requires" : "",
+ "params" : [
+ {
+ "name" : "target",
+ "type" : "Roo.dd.DragDrop",
+ "desc" : "The drop target",
+ "isOptional" : false
+ },
+ {
+ "name" : "e",
+ "type" : "Event",
+ "desc" : "The event object",
+ "isOptional" : false
+ },
+ {
+ "name" : "id",
+ "type" : "String",
+ "desc" : "The id of the dragged element",
+ "isOptional" : false
+ }
+ ],
+ "returns" : []
+ },
{
"name" : "beforeDragOver",
"type" : "function",
}
]
},
+ {
+ "name" : "afterInvalidDrop",
+ "type" : "function",
+ "desc" : "An empty function by default, but provided so that you can perform a custom action\nafter an invalid drop has occurred by providing an implementation.",
+ "sig" : "(e, id)",
+ "static" : false,
+ "memberOf" : "Roo.dd.DragSource",
+ "isStatic" : false,
+ "isConstructor" : false,
+ "isPrivate" : false,
+ "example" : "",
+ "deprecated" : "",
+ "since" : "",
+ "see" : "",
+ "exceptions" : "",
+ "requires" : "",
+ "params" : [
+ {
+ "name" : "e",
+ "type" : "Event",
+ "desc" : "The event object",
+ "isOptional" : false
+ },
+ {
+ "name" : "id",
+ "type" : "String",
+ "desc" : "The id of the dropped element",
+ "isOptional" : false
+ }
+ ],
+ "returns" : []
+ },
+ {
+ "name" : "afterValidDrop",
+ "type" : "function",
+ "desc" : "An empty function by default, but provided so that you can perform a custom action\nafter a valid drop has occurred by providing an implementation.",
+ "sig" : "(target, e, id)",
+ "static" : false,
+ "memberOf" : "Roo.dd.DragSource",
+ "isStatic" : false,
+ "isConstructor" : false,
+ "isPrivate" : false,
+ "example" : "",
+ "deprecated" : "",
+ "since" : "",
+ "see" : "",
+ "exceptions" : "",
+ "requires" : "",
+ "params" : [
+ {
+ "name" : "target",
+ "type" : "Object",
+ "desc" : "The target DD",
+ "isOptional" : false
+ },
+ {
+ "name" : "e",
+ "type" : "Event",
+ "desc" : "The event object",
+ "isOptional" : false
+ },
+ {
+ "name" : "id",
+ "type" : "String",
+ "desc" : "The id of the dropped element",
+ "isOptional" : false
+ }
+ ],
+ "returns" : []
+ },
{
"name" : "initFrame",
"type" : "function",
"tree_parent" : [],
"desc" : "A simple class that provides the basic implementation needed to make any element a drop target that can have\ndraggable items dropped onto it. The drop has no effect until an implementation of notifyDrop is provided.",
"isSingleton" : false,
- "isStatic" : true,
+ "isStatic" : false,
"isBuiltin" : false,
"isAbstract" : false,
"isBuilderTop" : false,
"tree_parent" : [],
"desc" : "This class provides a container DD instance that proxies for multiple child node targets.<br />\nBy default, this class requires that child nodes accepting drop are registered with {@link Roo.dd.Registry}.",
"isSingleton" : false,
- "isStatic" : true,
+ "isStatic" : false,
"isBuiltin" : false,
"isAbstract" : false,
"isBuilderTop" : false,
"tree_children" : [],
"tree_parent" : [],
"desc" : "Provides easy access to all drag drop components that are registered on a page. Items can be retrieved either\ndirectly by DOM node id, or by passing in the drag drop event that occurred and looking up the event target.",
- "isSingleton" : true,
+ "isSingleton" : false,
"isStatic" : true,
"isBuiltin" : false,
"isAbstract" : false,
"tree_children" : [],
"tree_parent" : [],
"desc" : "Provides automatic scrolling of overflow regions in the page during drag operations.<br><br>\n<b>Note: This class uses \"Point Mode\" and is untested in \"Intersect Mode\".</b>",
- "isSingleton" : true,
+ "isSingleton" : false,
"isStatic" : true,
"isBuiltin" : false,
"isAbstract" : false,
"tree_parent" : [],
"desc" : "A specialized drag proxy that supports a drop status icon, {@link Roo.Layer} styles and auto-repair. This is the\ndefault drag proxy used by all Roo.dd components.",
"isSingleton" : false,
- "isStatic" : true,
+ "isStatic" : false,
"isBuiltin" : false,
"isAbstract" : false,
"isBuilderTop" : false,
"tree_parent" : [],
"desc" : "Internal Class used to handle form actions",
"isSingleton" : false,
- "isStatic" : true,
+ "isStatic" : false,
"isBuiltin" : false,
"isAbstract" : false,
"isBuilderTop" : false,
"tree_parent" : [],
"desc" : "Supplies the functionality to do \"actions\" on forms and initialize Roo.form.Field types on existing markup.",
"isSingleton" : false,
- "isStatic" : true,
+ "isStatic" : false,
"isBuiltin" : false,
"isAbstract" : false,
"isBuilderTop" : false,
"tree_parent" : [],
"desc" : "Single checkbox field. Can be used as a direct replacement for traditional checkbox fields.",
"isSingleton" : false,
- "isStatic" : true,
+ "isStatic" : false,
"isBuiltin" : false,
"isAbstract" : false,
"isBuilderTop" : false,
"tree_parent" : [],
"desc" : "Creates a column container for layout and rendering of fields in an {@link Roo.form.Form}.",
"isSingleton" : false,
- "isStatic" : true,
+ "isStatic" : false,
"isBuiltin" : false,
"isAbstract" : false,
"isBuilderTop" : false,
"tree_parent" : [],
"desc" : "A combobox control with support for autocomplete, remote-loading, paging and many other features.",
"isSingleton" : false,
- "isStatic" : true,
+ "isStatic" : false,
"isBuiltin" : false,
"isAbstract" : false,
"isBuilderTop" : false,
"tree_parent" : [],
"desc" : "A selected item in the list\n Fred [x] Brian [x] [Pick another |v]",
"isSingleton" : false,
- "isStatic" : true,
+ "isStatic" : false,
"isBuiltin" : false,
"isAbstract" : false,
"isBuilderTop" : false,
"tree_parent" : [],
"desc" : "A facebook style adder... for lists of email / people / countries etc...\npick multiple items from a combo box, and shows each one.\n\n Fred [x] Brian [x] [Pick another |v]\n\n\n For this to work: it needs various extra information\n - normal combo problay has\n name, hiddenName\n + displayField, valueField\n\n For our purpose...\n\n\n If we change from 'extends' to wrapping...",
"isSingleton" : false,
- "isStatic" : true,
+ "isStatic" : false,
"isBuiltin" : false,
"isAbstract" : false,
"isBuilderTop" : false,
"tree_parent" : [],
"desc" : "A combobox for multiple select items.\n\nFIXME - could do with a reset button..",
"isSingleton" : false,
- "isStatic" : true,
+ "isStatic" : false,
"isBuiltin" : false,
"isAbstract" : false,
"isBuilderTop" : false,
"tree_parent" : [],
"desc" : "A combobox for that allows selection of nested items in a list,\neg.\n\n Book\n -> red\n -> green\n Table\n -> square\n ->red\n ->green\n -> rectangle\n ->green",
"isSingleton" : false,
- "isStatic" : true,
+ "isStatic" : false,
"isBuiltin" : false,
"isAbstract" : false,
"isBuilderTop" : false,
"tree_parent" : [],
"desc" : "Provides a date input field with a {@link Roo.DatePicker} dropdown and automatic date validation.",
"isSingleton" : false,
- "isStatic" : true,
+ "isStatic" : false,
"isBuiltin" : false,
"isAbstract" : false,
"isBuilderTop" : false,
"tree_parent" : [],
"desc" : "A Day picker show [M] [T] [W] ....",
"isSingleton" : false,
- "isStatic" : true,
+ "isStatic" : false,
"isBuiltin" : false,
"isAbstract" : false,
"isBuilderTop" : false,
"tree_parent" : [],
"desc" : "A generic Field to display non-editable data.",
"isSingleton" : false,
- "isStatic" : true,
+ "isStatic" : false,
"isBuiltin" : false,
"isAbstract" : false,
"isBuilderTop" : false,
"tree_parent" : [],
"desc" : "Wrapper around the FCKEditor http://www.fckeditor.net",
"isSingleton" : false,
- "isStatic" : true,
+ "isStatic" : false,
"isBuiltin" : false,
"isAbstract" : false,
"isBuilderTop" : false,
"tree_parent" : [],
"desc" : "Base class for form fields that provides default event handling, sizing, value handling and other functionality.",
"isSingleton" : false,
- "isStatic" : true,
+ "isStatic" : false,
"isBuiltin" : false,
"isAbstract" : false,
"isBuilderTop" : false,
"tree_parent" : [],
"desc" : "Creates a fieldset container for layout and rendering of fields in an {@link Roo.form.Form}.",
"isSingleton" : false,
- "isStatic" : true,
+ "isStatic" : false,
"isBuiltin" : false,
"isAbstract" : false,
"isBuilderTop" : false,
"tree_parent" : [],
"desc" : "Adds the ability to dynamically render forms with JavaScript to {@link Roo.form.BasicForm}.",
"isSingleton" : false,
- "isStatic" : true,
+ "isStatic" : false,
"isBuiltin" : false,
"isAbstract" : false,
"isBuilderTop" : false,
"tree_parent" : [],
"desc" : "Embed a grid (or editable grid into a form)\nSTATUS ALPHA\n\nThis embeds a grid in a form, the value of the field should be the json encoded array of rows\nit needs \nxgrid.store = Roo.data.Store\nxgrid.store.proxy = Roo.data.MemoryProxy (data = [] )\nxgrid.store.reader = Roo.data.JsonReader",
"isSingleton" : false,
- "isStatic" : true,
+ "isStatic" : false,
"isBuiltin" : false,
"isAbstract" : false,
"isBuilderTop" : false,
"tree_parent" : [],
"desc" : "Simple Hidden element used on forms \n\nusage: form.add(new Roo.form.HiddenField({ 'name' : 'test1' }));",
"isSingleton" : false,
- "isStatic" : true,
+ "isStatic" : false,
"isBuiltin" : false,
"isAbstract" : false,
"isBuilderTop" : false,
"tree_parent" : [],
"desc" : "Context Toolbar\n\nUsage:\n\n new Roo.form.HtmlEditor({\n ....\n toolbars : [\n { xtype: 'ToolbarStandard', styles : {} }\n { xtype: 'ToolbarContext', disable : {} }\n ]\n})",
"isSingleton" : false,
- "isStatic" : true,
+ "isStatic" : false,
"isBuiltin" : false,
"isAbstract" : false,
"isBuilderTop" : false,
"tree_parent" : [],
"desc" : "Basic Toolbar\n\nUsage:\n\n new Roo.form.HtmlEditor({\n ....\n toolbars : [\n new Roo.form.HtmlEditorToolbar1({\n disable : { fonts: 1 , format: 1, ..., ... , ...],\n btns : [ .... ]\n })\n }",
"isSingleton" : false,
- "isStatic" : true,
+ "isStatic" : false,
"isBuiltin" : false,
"isAbstract" : false,
"isBuilderTop" : false,
"tree_parent" : [],
"desc" : "Provides a lightweight HTML Editor component.\n\nThis has been tested on Fireforx / Chrome.. IE may not be so great..\n\n<br><br><b>Note: The focus/blur and validation marking functionality inherited from Ext.form.Field is NOT\nsupported by this editor.</b><br/><br/>\nAn Editor is a sensitive component that can't be used in all spots standard fields can be used. Putting an Editor within\nany element that has display set to 'none' can cause problems in Safari and Firefox.<br/><br/>",
"isSingleton" : false,
- "isStatic" : true,
+ "isStatic" : false,
"isBuiltin" : false,
"isAbstract" : false,
"isBuilderTop" : false,
"tree_parent" : [],
"desc" : "Creates a container for layout and rendering of fields in an {@link Roo.form.Form}.",
"isSingleton" : false,
- "isStatic" : true,
+ "isStatic" : false,
"isBuiltin" : false,
"isAbstract" : false,
"isBuilderTop" : false,
"tree_parent" : [],
"desc" : "Provides a date input field with a {@link Roo.DatePicker} dropdown and automatic date validation.",
"isSingleton" : false,
- "isStatic" : true,
+ "isStatic" : false,
"isBuiltin" : false,
"isAbstract" : false,
"isBuilderTop" : false,
"tree_parent" : [],
"desc" : "Numeric text field that provides automatic keystroke filtering and numeric validation.",
"isSingleton" : false,
- "isStatic" : true,
+ "isStatic" : false,
"isBuiltin" : false,
"isAbstract" : false,
"isBuilderTop" : false,
"tree_parent" : [],
"desc" : "Single radio field. Same as Checkbox, but provided as a convenience for automatically setting the input type.\nRadio grouping is handled automatically by the browser if you give each radio in a group the same name.",
"isSingleton" : false,
- "isStatic" : true,
+ "isStatic" : false,
"isBuiltin" : false,
"isAbstract" : false,
"isBuilderTop" : false,
"tree_parent" : [],
"desc" : "Creates a row container for layout and rendering of fields in an {@link Roo.form.Form}.",
"isSingleton" : false,
- "isStatic" : true,
+ "isStatic" : false,
"isBuiltin" : false,
"isAbstract" : false,
"isBuilderTop" : false,
"tree_parent" : [],
"desc" : "A combobox control with support for autocomplete, remote-loading, paging and many other features.",
"isSingleton" : false,
- "isStatic" : true,
+ "isStatic" : false,
"isBuiltin" : false,
"isAbstract" : false,
"isBuilderTop" : false,
"tree_parent" : [],
"desc" : "Signature field.",
"isSingleton" : false,
- "isStatic" : true,
+ "isStatic" : false,
"isBuiltin" : false,
"isAbstract" : false,
"isBuilderTop" : false,
"tree_parent" : [],
"desc" : "Multiline text field. Can be used as a direct replacement for traditional textarea fields, plus adds\nsupport for auto-sizing.",
"isSingleton" : false,
- "isStatic" : true,
+ "isStatic" : false,
"isBuiltin" : false,
"isAbstract" : false,
"isBuilderTop" : false,
"tree_parent" : [],
"desc" : "Basic text field. Can be used as a direct replacement for traditional text inputs, or as the base\nclass for more sophisticated input controls (like {@link Roo.form.TextArea} and {@link Roo.form.ComboBox}).",
"isSingleton" : false,
- "isStatic" : true,
+ "isStatic" : false,
"isBuiltin" : false,
"isAbstract" : false,
"isBuilderTop" : false,
"tree_parent" : [],
"desc" : "Base class for form fields that provides default event handling, sizing, value handling and other functionality.",
"isSingleton" : false,
- "isStatic" : true,
+ "isStatic" : false,
"isBuiltin" : false,
"isAbstract" : false,
"isBuilderTop" : false,
"tree_parent" : [],
"desc" : "Provides a convenient wrapper for TextFields that adds a clickable trigger button (looks like a combobox by default).\nThe trigger has no default action, so you must assign a function to implement the trigger click handler by\noverriding {@link #onTriggerClick}. You can create a TriggerField directly, as it renders exactly like a combobox\nfor which you can provide a custom implementation. For example:\n<pre><code>\nvar trigger = new Roo.form.TriggerField();\ntrigger.onTriggerClick = myTriggerFn;\ntrigger.applyTo('my-field');\n</code></pre>\n\nHowever, in general you will most likely want to use TriggerField as the base class for a reusable component.\n{@link Roo.form.DateField} and {@link Roo.form.ComboBox} are perfect examples of this.",
"isSingleton" : false,
- "isStatic" : true,
+ "isStatic" : false,
"isBuiltin" : false,
"isAbstract" : false,
"isBuilderTop" : false,
"tree_children" : [],
"tree_parent" : [],
"desc" : "Overridable validation definitions. The validations provided are basic and intended to be easily customizable and extended.",
- "isSingleton" : true,
+ "isSingleton" : false,
"isStatic" : true,
"isBuiltin" : false,
"isAbstract" : false,
"tree_parent" : [],
"desc" : "Abstract base class for grid Views",
"isSingleton" : false,
- "isStatic" : true,
+ "isStatic" : false,
"isBuiltin" : false,
"isAbstract" : true,
"isBuilderTop" : false,
"tree_parent" : [],
"desc" : "Abstract base class for grid SelectionModels. It provides the interface that should be\nimplemented by descendant classes. This class should not be directly instantiated.",
"isSingleton" : false,
- "isStatic" : true,
+ "isStatic" : false,
"isBuiltin" : false,
"isAbstract" : true,
"isBuilderTop" : false,
"tree_parent" : [],
"desc" : "This class extends the Grid to provide a calendar widget\n<br><br>Usage:<pre><code>\n var grid = new Roo.grid.Calendar(\"my-container-id\", {\n ds: myDataStore,\n cm: myColModel,\n selModel: mySelectionModel,\n autoSizeColumns: true,\n monitorWindowResize: false,\n trackMouseOver: true\n eventstore : real data store..\n });\n // set any options\n grid.render();",
"isSingleton" : false,
- "isStatic" : true,
+ "isStatic" : false,
"isBuiltin" : false,
"isAbstract" : false,
"isBuilderTop" : false,
"tree_parent" : [],
"desc" : "This class provides the basic implementation for cell selection in a grid.",
"isSingleton" : false,
- "isStatic" : true,
+ "isStatic" : false,
"isBuiltin" : false,
"isAbstract" : false,
"isBuilderTop" : false,
"tree_parent" : [],
"desc" : "This is the default implementation of a ColumnModel used by the Grid. It defines\nthe columns in the grid.\n<br>Usage:<br>\n <pre><code>\n var colModel = new Roo.grid.ColumnModel([\n\t{header: \"Ticker\", width: 60, sortable: true, locked: true},\n\t{header: \"Company Name\", width: 150, sortable: true},\n\t{header: \"Market Cap.\", width: 100, sortable: true},\n\t{header: \"$ Sales\", width: 100, sortable: true, renderer: money},\n\t{header: \"Employees\", width: 100, sortable: true, resizable: false}\n ]);\n </code></pre>\n<p>\nThe config options listed for this class are options which may appear in each\nindividual column definition.\n<br/>RooJS Fix - column id's are not sequential but use Roo.id() - fixes bugs with layouts.",
"isSingleton" : false,
- "isStatic" : true,
+ "isStatic" : false,
"isBuiltin" : false,
"isAbstract" : false,
"isBuilderTop" : false,
"tree_parent" : [],
"desc" : "Class for creating and editable grid.",
"isSingleton" : false,
- "isStatic" : true,
+ "isStatic" : false,
"isBuiltin" : false,
"isAbstract" : false,
"isBuilderTop" : false,
"tree_parent" : [],
"desc" : "This class represents the primary interface of a component based grid control.\n<br><br>Usage:<pre><code>\n var grid = new Roo.grid.Grid(\"my-container-id\", {\n ds: myDataStore,\n cm: myColModel,\n selModel: mySelectionModel,\n autoSizeColumns: true,\n monitorWindowResize: false,\n trackMouseOver: true\n });\n // set any options\n grid.render();\n</code></pre>\n<b>Common Problems:</b><br/>\n- Grid does not resize properly when going smaller: Setting overflow hidden on the container\nelement will correct this<br/>\n- If you get el.style[camel]= NaNpx or -2px or something related, be certain you have given your container element\ndimensions. The grid adapts to your container's size, if your container has no size defined then the results\nare unpredictable.<br/>\n- Do not render the grid into an element with display:none. Try using visibility:hidden. Otherwise there is no way for the\ngrid to calculate dimensions/offsets.<br/>",
"isSingleton" : false,
- "isStatic" : true,
+ "isStatic" : false,
"isBuiltin" : false,
"isAbstract" : false,
"isBuilderTop" : false,
"tree_parent" : [],
"desc" : "Class for creating and editable grid elements.",
"isSingleton" : false,
- "isStatic" : true,
+ "isStatic" : false,
"isBuiltin" : false,
"isAbstract" : false,
"isBuilderTop" : false,
"tree_parent" : [],
"desc" : "",
"isSingleton" : false,
- "isStatic" : true,
+ "isStatic" : false,
"isBuiltin" : false,
"isAbstract" : false,
"isBuilderTop" : false,
"tree_parent" : [],
"desc" : "This class represents the interface of a component based property grid control.\n<br><br>Usage:<pre><code>\n var grid = new Roo.grid.PropertyGrid(\"my-container-id\", {\n \n });\n // set any options\n grid.render();\n</code></pre>",
"isSingleton" : false,
- "isStatic" : true,
+ "isStatic" : false,
"isBuiltin" : false,
"isAbstract" : false,
"isBuilderTop" : false,
"tree_parent" : [],
"desc" : "The default SelectionModel used by {@link Roo.grid.Grid}.\nIt supports multiple selections and keyboard selection/navigation.",
"isSingleton" : false,
- "isStatic" : true,
+ "isStatic" : false,
"isBuiltin" : false,
"isAbstract" : false,
"isBuilderTop" : false,
"tree_parent" : [],
"desc" : "Support for Column Header resizing",
"isSingleton" : false,
- "isStatic" : true,
+ "isStatic" : false,
"isBuiltin" : false,
"isAbstract" : false,
"isBuilderTop" : false,
"childClasses" : { },
"tree_children" : [],
"tree_parent" : [],
- "desc" : "",
+ "desc" : "provide a simple Ajax request utility functions\n\nPortions of this file are based on pieces of Yahoo User Interface Library\nCopyright (c) 2007, Yahoo! Inc. All rights reserved.\nYUI licensed under the BSD License:\nhttp://developer.yahoo.net/yui/license.txt\n<script type=\"text/javascript\">",
"isSingleton" : false,
- "isStatic" : true,
+ "isStatic" : false,
"isBuiltin" : false,
"isAbstract" : false,
"isBuilderTop" : false,
"requires" : "",
"params" : [],
"returns" : []
+ },
+ {
+ "name" : "serializeForm",
+ "type" : "function",
+ "desc" : "serialize a form",
+ "sig" : "(form)",
+ "static" : true,
+ "memberOf" : "",
+ "isStatic" : true,
+ "isConstructor" : false,
+ "isPrivate" : false,
+ "example" : "",
+ "deprecated" : "",
+ "since" : "",
+ "see" : "",
+ "exceptions" : "",
+ "requires" : "",
+ "params" : [
+ {
+ "name" : "form",
+ "type" : "DomForm",
+ "desc" : "element",
+ "isOptional" : false
+ }
+ ],
+ "returns" : [
+ {
+ "name" : "",
+ "type" : "String",
+ "desc" : "urlencode form output."
+ }
+ ]
}
],
"events" : []
--- /dev/null
+{
+ "name" : "Roo.lib.Color",
+ "augments" : [],
+ "childClasses" : {
+ "Roo.lib.Color" : [
+ "Roo.lib.HSLColor",
+ "Roo.lib.HSVColor",
+ "Roo.lib.RGBColor"
+ ]
+ },
+ "tree_children" : [],
+ "tree_parent" : [],
+ "desc" : "An abstract Color implementation. Concrete Color implementations should use\nan instance of this function as their prototype, and implement the getRGB and\ngetHSL functions. getRGB should return an object representing the RGB\ncomponents of this Color, with the red, green, and blue components in the\nrange [0,255] and the alpha component in the range [0,100]. getHSL should\nreturn an object representing the HSL components of this Color, with the hue\ncomponent in the range [0,360), the saturation and lightness components in\nthe range [0,100], and the alpha component in the range [0,1].\n\n\nColor.js\n\nFunctions for Color handling and processing.\n\nhttp://www.safalra.com/web-design/javascript/Color-handling-and-processing/\n\nThe author of this program, Safalra (Stephen Morley), irrevocably releases all\nrights to this program, with the intention of it becoming part of the public\ndomain. Because this program is released into the public domain, it comes with\nno warranty either expressed or implied, to the extent permitted by law.\n\nFor more free and public domain JavaScript code by the same author, visit:\nhttp://www.safalra.com/web-design/javascript/",
+ "isSingleton" : false,
+ "isStatic" : false,
+ "isBuiltin" : false,
+ "isAbstract" : false,
+ "isBuilderTop" : false,
+ "memberOf" : "Color",
+ "example" : "",
+ "deprecated" : "",
+ "since" : "",
+ "see" : "",
+ "params" : [],
+ "returns" : [],
+ "throws" : "",
+ "requires" : "",
+ "config" : [],
+ "methods" : [
+ {
+ "name" : "getPercentageRGB",
+ "type" : "function",
+ "desc" : "getPercentageRGB",
+ "sig" : "()\n{\n\n}",
+ "static" : false,
+ "memberOf" : "",
+ "isStatic" : false,
+ "isConstructor" : false,
+ "isPrivate" : false,
+ "example" : "",
+ "deprecated" : "",
+ "since" : "",
+ "see" : "",
+ "exceptions" : "",
+ "requires" : "",
+ "params" : [],
+ "returns" : [
+ {
+ "name" : "",
+ "type" : "Object",
+ "desc" : "an object representing the RGBA components of this Color. The red,\ngreen, and blue components are converted to numbers in the range [0,100].\nThe alpha is a value in the range [0,1]."
+ }
+ ]
+ },
+ {
+ "name" : "getRGB",
+ "type" : "function",
+ "desc" : "getRGB",
+ "sig" : "()\n{\n\n}",
+ "static" : false,
+ "memberOf" : "",
+ "isStatic" : false,
+ "isConstructor" : false,
+ "isPrivate" : false,
+ "example" : "",
+ "deprecated" : "",
+ "since" : "",
+ "see" : "",
+ "exceptions" : "",
+ "requires" : "",
+ "params" : [],
+ "returns" : [
+ {
+ "name" : "",
+ "type" : "Object",
+ "desc" : "the RGB and alpha components of this Color as an object with r,\ng, b, and a properties. r, g, and b are in the range [0,255] and a is in\nthe range [0,1]."
+ }
+ ]
+ },
+ {
+ "name" : "getIntegerRGB",
+ "type" : "function",
+ "desc" : "getIntegerRGB",
+ "sig" : "()\n{\n\n}",
+ "static" : false,
+ "memberOf" : "",
+ "isStatic" : false,
+ "isConstructor" : false,
+ "isPrivate" : false,
+ "example" : "",
+ "deprecated" : "",
+ "since" : "",
+ "see" : "",
+ "exceptions" : "",
+ "requires" : "",
+ "params" : [],
+ "returns" : [
+ {
+ "name" : "",
+ "type" : "Object",
+ "desc" : "an object representing the RGBA components of this Color. The red,\ngreen, and blue components are converted to integers in the range [0,255].\nThe alpha is a value in the range [0,1]."
+ }
+ ]
+ },
+ {
+ "name" : "getCSSIntegerRGBA",
+ "type" : "function",
+ "desc" : "getCSSIntegerRGBA",
+ "sig" : "()\n{\n\n}",
+ "static" : false,
+ "memberOf" : "",
+ "isStatic" : false,
+ "isConstructor" : false,
+ "isPrivate" : false,
+ "example" : "",
+ "deprecated" : "",
+ "since" : "",
+ "see" : "",
+ "exceptions" : "",
+ "requires" : "",
+ "params" : [],
+ "returns" : [
+ {
+ "name" : "",
+ "type" : "String",
+ "desc" : "Returns a string representing this Color as a CSS integer RGBA Color\nvalue - that is, a string of the form rgba(r,g,b,a) where each of r, g, and\nb are integers in the range [0,255] and a is in the range [0,1]."
+ }
+ ]
+ },
+ {
+ "name" : "getCSSHSL",
+ "type" : "function",
+ "desc" : "getCSSHSL",
+ "sig" : "()\n{\n\n}",
+ "static" : false,
+ "memberOf" : "",
+ "isStatic" : false,
+ "isConstructor" : false,
+ "isPrivate" : false,
+ "example" : "",
+ "deprecated" : "",
+ "since" : "",
+ "see" : "",
+ "exceptions" : "",
+ "requires" : "",
+ "params" : [],
+ "returns" : [
+ {
+ "name" : "",
+ "type" : "String",
+ "desc" : "a string representing this Color as a CSS HSL Color value - that\nis, a string of the form hsl(h,s%,l%) where h is in the range [0,100] and\ns and l are in the range [0,100]."
+ }
+ ]
+ },
+ {
+ "name" : "getCSSHexadecimalRGB",
+ "type" : "function",
+ "desc" : "getCSSHexadecimalRGB",
+ "sig" : "()\n{\n\n}",
+ "static" : false,
+ "memberOf" : "",
+ "isStatic" : false,
+ "isConstructor" : false,
+ "isPrivate" : false,
+ "example" : "",
+ "deprecated" : "",
+ "since" : "",
+ "see" : "",
+ "exceptions" : "",
+ "requires" : "",
+ "params" : [],
+ "returns" : [
+ {
+ "name" : "",
+ "type" : "String",
+ "desc" : "a string representing this Color as a CSS hexadecimal RGB Color\nvalue - that is, a string of the form #RRGGBB where each of RR, GG, and BB\nare two-digit hexadecimal numbers."
+ }
+ ]
+ },
+ {
+ "name" : "setNodeBackgroundColor",
+ "type" : "function",
+ "desc" : "Sets the background Color of the specified node to this Color. This\nfunctions sets the CSS 'background-color' property for the node. The\nparameter is:",
+ "sig" : "(node)",
+ "static" : false,
+ "memberOf" : "",
+ "isStatic" : false,
+ "isConstructor" : false,
+ "isPrivate" : false,
+ "example" : "",
+ "deprecated" : "",
+ "since" : "",
+ "see" : "",
+ "exceptions" : "",
+ "requires" : "",
+ "params" : [
+ {
+ "name" : "node",
+ "type" : "DomElement",
+ "desc" : "- the node whose background Color should be set",
+ "isOptional" : false
+ }
+ ],
+ "returns" : []
+ },
+ {
+ "name" : "getHSL",
+ "type" : "function",
+ "desc" : "getHSL",
+ "sig" : "()\n{\n\n}",
+ "static" : false,
+ "memberOf" : "",
+ "isStatic" : false,
+ "isConstructor" : false,
+ "isPrivate" : false,
+ "example" : "",
+ "deprecated" : "",
+ "since" : "",
+ "see" : "",
+ "exceptions" : "",
+ "requires" : "",
+ "params" : [],
+ "returns" : [
+ {
+ "name" : "",
+ "type" : "Object",
+ "desc" : "the HSL and alpha components of this Color as an object with h,\ns, l, and a properties. h is in the range [0,360), s and l are in the range\n[0,100], and a is in the range [0,1]."
+ }
+ ]
+ },
+ {
+ "name" : "getHSV",
+ "type" : "function",
+ "desc" : "getHSV",
+ "sig" : "()\n{\n\n}",
+ "static" : false,
+ "memberOf" : "",
+ "isStatic" : false,
+ "isConstructor" : false,
+ "isPrivate" : false,
+ "example" : "",
+ "deprecated" : "",
+ "since" : "",
+ "see" : "",
+ "exceptions" : "",
+ "requires" : "",
+ "params" : [],
+ "returns" : [
+ {
+ "name" : "",
+ "type" : "Object",
+ "desc" : "the HSV and alpha components of this Color as an object with h,\ns, v, and a properties. h is in the range [0,360), s and v are in the range\n[0,100], and a is in the range [0,1]."
+ }
+ ]
+ },
+ {
+ "name" : "getCSSPercentageRGB",
+ "type" : "function",
+ "desc" : "getCSSPercentageRGB",
+ "sig" : "()\n{\n\n}",
+ "static" : false,
+ "memberOf" : "",
+ "isStatic" : false,
+ "isConstructor" : false,
+ "isPrivate" : false,
+ "example" : "",
+ "deprecated" : "",
+ "since" : "",
+ "see" : "",
+ "exceptions" : "",
+ "requires" : "",
+ "params" : [],
+ "returns" : [
+ {
+ "name" : "",
+ "type" : "String",
+ "desc" : "a string representing this Color as a CSS percentage RGB Color\nvalue - that is, a string of the form rgb(r%,g%,b%) where each of r, g, and\nb are in the range [0,100]."
+ }
+ ]
+ },
+ {
+ "name" : "setNodeColor",
+ "type" : "function",
+ "desc" : "Sets the Color of the specified node to this Color. This functions sets\nthe CSS 'color' property for the node. The parameter is:",
+ "sig" : "(node)",
+ "static" : false,
+ "memberOf" : "",
+ "isStatic" : false,
+ "isConstructor" : false,
+ "isPrivate" : false,
+ "example" : "",
+ "deprecated" : "",
+ "since" : "",
+ "see" : "",
+ "exceptions" : "",
+ "requires" : "",
+ "params" : [
+ {
+ "name" : "node",
+ "type" : "DomElement",
+ "desc" : "- the node whose Color should be set",
+ "isOptional" : false
+ }
+ ],
+ "returns" : []
+ },
+ {
+ "name" : "getCSSIntegerRGB",
+ "type" : "function",
+ "desc" : "getCSSIntegerRGB",
+ "sig" : "()\n{\n\n}",
+ "static" : false,
+ "memberOf" : "",
+ "isStatic" : false,
+ "isConstructor" : false,
+ "isPrivate" : false,
+ "example" : "",
+ "deprecated" : "",
+ "since" : "",
+ "see" : "",
+ "exceptions" : "",
+ "requires" : "",
+ "params" : [],
+ "returns" : [
+ {
+ "name" : "",
+ "type" : "String",
+ "desc" : "a string representing this Color as a CSS integer RGB Color\nvalue - that is, a string of the form rgb(r,g,b) where each of r, g, and b\nare integers in the range [0,255]."
+ }
+ ]
+ },
+ {
+ "name" : "getCSSHSLA",
+ "type" : "function",
+ "desc" : "getCSSHSLA",
+ "sig" : "()\n{\n\n}",
+ "static" : false,
+ "memberOf" : "",
+ "isStatic" : false,
+ "isConstructor" : false,
+ "isPrivate" : false,
+ "example" : "",
+ "deprecated" : "",
+ "since" : "",
+ "see" : "",
+ "exceptions" : "",
+ "requires" : "",
+ "params" : [],
+ "returns" : [
+ {
+ "name" : "",
+ "type" : "String",
+ "desc" : "a string representing this Color as a CSS HSLA Color value - that\nis, a string of the form hsla(h,s%,l%,a) where h is in the range [0,100],\ns and l are in the range [0,100], and a is in the range [0,1]."
+ }
+ ]
+ },
+ {
+ "name" : "getCSSPercentageRGBA",
+ "type" : "function",
+ "desc" : "getCSSPercentageRGBA",
+ "sig" : "()\n{\n\n}",
+ "static" : false,
+ "memberOf" : "",
+ "isStatic" : false,
+ "isConstructor" : false,
+ "isPrivate" : false,
+ "example" : "",
+ "deprecated" : "",
+ "since" : "",
+ "see" : "",
+ "exceptions" : "",
+ "requires" : "",
+ "params" : [],
+ "returns" : [
+ {
+ "name" : "",
+ "type" : "String",
+ "desc" : "a string representing this Color as a CSS percentage RGBA Color\nvalue - that is, a string of the form rgba(r%,g%,b%,a) where each of r, g,\nand b are in the range [0,100] and a is in the range [0,1]."
+ }
+ ]
+ }
+ ],
+ "events" : []
+}
\ No newline at end of file
"requires" : "",
"config" : [],
"methods" : [
+ {
+ "name" : "getDocumentWidth",
+ "type" : "function",
+ "desc" : "Get the Full Document width",
+ "sig" : "()\n{\n\n}",
+ "static" : true,
+ "memberOf" : "",
+ "isStatic" : true,
+ "isConstructor" : false,
+ "isPrivate" : false,
+ "example" : "",
+ "deprecated" : "",
+ "since" : "",
+ "see" : "",
+ "exceptions" : "",
+ "requires" : "",
+ "params" : [],
+ "returns" : [
+ {
+ "name" : "",
+ "type" : "Number",
+ "desc" : "The width"
+ }
+ ]
+ },
+ {
+ "name" : "getViewportWidth",
+ "type" : "function",
+ "desc" : "Get the Window Viewport width",
+ "sig" : "()\n{\n\n}",
+ "static" : true,
+ "memberOf" : "",
+ "isStatic" : true,
+ "isConstructor" : false,
+ "isPrivate" : false,
+ "example" : "",
+ "deprecated" : "",
+ "since" : "",
+ "see" : "",
+ "exceptions" : "",
+ "requires" : "",
+ "params" : [],
+ "returns" : [
+ {
+ "name" : "",
+ "type" : "Number",
+ "desc" : "The width"
+ }
+ ]
+ },
{
"name" : "getViewWidth",
"type" : "function",
}
]
},
+ {
+ "name" : "getDocumentHeight",
+ "type" : "function",
+ "desc" : "Get the Full Document height",
+ "sig" : "()\n{\n\n}",
+ "static" : true,
+ "memberOf" : "",
+ "isStatic" : true,
+ "isConstructor" : false,
+ "isPrivate" : false,
+ "example" : "",
+ "deprecated" : "",
+ "since" : "",
+ "see" : "",
+ "exceptions" : "",
+ "requires" : "",
+ "params" : [],
+ "returns" : [
+ {
+ "name" : "",
+ "type" : "Number",
+ "desc" : "The height"
+ }
+ ]
+ },
{
"name" : "getViewHeight",
"type" : "function",
"desc" : "The height"
}
]
+ },
+ {
+ "name" : "getViewportHeight",
+ "type" : "function",
+ "desc" : "Get the Window Viewport height",
+ "sig" : "()\n{\n\n}",
+ "static" : true,
+ "memberOf" : "",
+ "isStatic" : true,
+ "isConstructor" : false,
+ "isPrivate" : false,
+ "example" : "",
+ "deprecated" : "",
+ "since" : "",
+ "see" : "",
+ "exceptions" : "",
+ "requires" : "",
+ "params" : [],
+ "returns" : [
+ {
+ "name" : "",
+ "type" : "Number",
+ "desc" : "The height"
+ }
+ ]
}
],
"events" : []
--- /dev/null
+{
+ "name" : "Roo.lib.HSLColor",
+ "augments" : [
+ "Roo.lib.Color"
+ ],
+ "childClasses" : { },
+ "tree_children" : [],
+ "tree_parent" : [],
+ "desc" : "",
+ "isSingleton" : false,
+ "isStatic" : false,
+ "isBuiltin" : false,
+ "isAbstract" : false,
+ "isBuilderTop" : false,
+ "memberOf" : "HSLColor",
+ "example" : "",
+ "deprecated" : "",
+ "since" : "",
+ "see" : "",
+ "params" : [
+ {
+ "name" : "h",
+ "type" : "Number",
+ "desc" : "- the hue component, wrapped to the range [0,360)",
+ "isOptional" : false
+ },
+ {
+ "name" : "s",
+ "type" : "Number",
+ "desc" : "- the saturation component, clipped to the range [0,100]",
+ "isOptional" : false
+ },
+ {
+ "name" : "l",
+ "type" : "Number",
+ "desc" : "- the lightness component, clipped to the range [0,100]",
+ "isOptional" : false
+ },
+ {
+ "name" : "a",
+ "type" : "Number",
+ "desc" : "- the alpha component, clipped to the range [0,1] - this parameter is\n optional and defaults to 1",
+ "isOptional" : false
+ }
+ ],
+ "returns" : [],
+ "throws" : "",
+ "requires" : "",
+ "config" : [],
+ "methods" : [
+ {
+ "name" : "getPercentageRGB",
+ "type" : "function",
+ "desc" : "getPercentageRGB",
+ "sig" : "()\n{\n\n}",
+ "static" : false,
+ "memberOf" : "Roo.lib.Color",
+ "isStatic" : false,
+ "isConstructor" : false,
+ "isPrivate" : false,
+ "example" : "",
+ "deprecated" : "",
+ "since" : "",
+ "see" : "",
+ "exceptions" : "",
+ "requires" : "",
+ "params" : [],
+ "returns" : [
+ {
+ "name" : "",
+ "type" : "Object",
+ "desc" : "an object representing the RGBA components of this Color. The red,\ngreen, and blue components are converted to numbers in the range [0,100].\nThe alpha is a value in the range [0,1]."
+ }
+ ]
+ },
+ {
+ "name" : "getRGB",
+ "type" : "function",
+ "desc" : "getRGB",
+ "sig" : "()\n{\n\n}",
+ "static" : false,
+ "memberOf" : "Roo.lib.Color",
+ "isStatic" : false,
+ "isConstructor" : false,
+ "isPrivate" : false,
+ "example" : "",
+ "deprecated" : "",
+ "since" : "",
+ "see" : "",
+ "exceptions" : "",
+ "requires" : "",
+ "params" : [],
+ "returns" : [
+ {
+ "name" : "",
+ "type" : "Object",
+ "desc" : "the RGB and alpha components of this Color as an object with r,\ng, b, and a properties. r, g, and b are in the range [0,255] and a is in\nthe range [0,1]."
+ }
+ ]
+ },
+ {
+ "name" : "getIntegerRGB",
+ "type" : "function",
+ "desc" : "getIntegerRGB",
+ "sig" : "()\n{\n\n}",
+ "static" : false,
+ "memberOf" : "Roo.lib.Color",
+ "isStatic" : false,
+ "isConstructor" : false,
+ "isPrivate" : false,
+ "example" : "",
+ "deprecated" : "",
+ "since" : "",
+ "see" : "",
+ "exceptions" : "",
+ "requires" : "",
+ "params" : [],
+ "returns" : [
+ {
+ "name" : "",
+ "type" : "Object",
+ "desc" : "an object representing the RGBA components of this Color. The red,\ngreen, and blue components are converted to integers in the range [0,255].\nThe alpha is a value in the range [0,1]."
+ }
+ ]
+ },
+ {
+ "name" : "getCSSIntegerRGBA",
+ "type" : "function",
+ "desc" : "getCSSIntegerRGBA",
+ "sig" : "()\n{\n\n}",
+ "static" : false,
+ "memberOf" : "Roo.lib.Color",
+ "isStatic" : false,
+ "isConstructor" : false,
+ "isPrivate" : false,
+ "example" : "",
+ "deprecated" : "",
+ "since" : "",
+ "see" : "",
+ "exceptions" : "",
+ "requires" : "",
+ "params" : [],
+ "returns" : [
+ {
+ "name" : "",
+ "type" : "String",
+ "desc" : "Returns a string representing this Color as a CSS integer RGBA Color\nvalue - that is, a string of the form rgba(r,g,b,a) where each of r, g, and\nb are integers in the range [0,255] and a is in the range [0,1]."
+ }
+ ]
+ },
+ {
+ "name" : "getCSSHSL",
+ "type" : "function",
+ "desc" : "getCSSHSL",
+ "sig" : "()\n{\n\n}",
+ "static" : false,
+ "memberOf" : "Roo.lib.Color",
+ "isStatic" : false,
+ "isConstructor" : false,
+ "isPrivate" : false,
+ "example" : "",
+ "deprecated" : "",
+ "since" : "",
+ "see" : "",
+ "exceptions" : "",
+ "requires" : "",
+ "params" : [],
+ "returns" : [
+ {
+ "name" : "",
+ "type" : "String",
+ "desc" : "a string representing this Color as a CSS HSL Color value - that\nis, a string of the form hsl(h,s%,l%) where h is in the range [0,100] and\ns and l are in the range [0,100]."
+ }
+ ]
+ },
+ {
+ "name" : "getCSSHexadecimalRGB",
+ "type" : "function",
+ "desc" : "getCSSHexadecimalRGB",
+ "sig" : "()\n{\n\n}",
+ "static" : false,
+ "memberOf" : "Roo.lib.Color",
+ "isStatic" : false,
+ "isConstructor" : false,
+ "isPrivate" : false,
+ "example" : "",
+ "deprecated" : "",
+ "since" : "",
+ "see" : "",
+ "exceptions" : "",
+ "requires" : "",
+ "params" : [],
+ "returns" : [
+ {
+ "name" : "",
+ "type" : "String",
+ "desc" : "a string representing this Color as a CSS hexadecimal RGB Color\nvalue - that is, a string of the form #RRGGBB where each of RR, GG, and BB\nare two-digit hexadecimal numbers."
+ }
+ ]
+ },
+ {
+ "name" : "setNodeBackgroundColor",
+ "type" : "function",
+ "desc" : "Sets the background Color of the specified node to this Color. This\nfunctions sets the CSS 'background-color' property for the node. The\nparameter is:",
+ "sig" : "(node)",
+ "static" : false,
+ "memberOf" : "Roo.lib.Color",
+ "isStatic" : false,
+ "isConstructor" : false,
+ "isPrivate" : false,
+ "example" : "",
+ "deprecated" : "",
+ "since" : "",
+ "see" : "",
+ "exceptions" : "",
+ "requires" : "",
+ "params" : [
+ {
+ "name" : "node",
+ "type" : "DomElement",
+ "desc" : "- the node whose background Color should be set",
+ "isOptional" : false
+ }
+ ],
+ "returns" : []
+ },
+ {
+ "name" : "getHSL",
+ "type" : "function",
+ "desc" : "getHSL",
+ "sig" : "()\n{\n\n}",
+ "static" : false,
+ "memberOf" : "Roo.lib.Color",
+ "isStatic" : false,
+ "isConstructor" : false,
+ "isPrivate" : false,
+ "example" : "",
+ "deprecated" : "",
+ "since" : "",
+ "see" : "",
+ "exceptions" : "",
+ "requires" : "",
+ "params" : [],
+ "returns" : [
+ {
+ "name" : "",
+ "type" : "Object",
+ "desc" : "the HSL and alpha components of this Color as an object with h,\ns, l, and a properties. h is in the range [0,360), s and l are in the range\n[0,100], and a is in the range [0,1]."
+ }
+ ]
+ },
+ {
+ "name" : "getHSV",
+ "type" : "function",
+ "desc" : "getHSV",
+ "sig" : "()\n{\n\n}",
+ "static" : false,
+ "memberOf" : "Roo.lib.Color",
+ "isStatic" : false,
+ "isConstructor" : false,
+ "isPrivate" : false,
+ "example" : "",
+ "deprecated" : "",
+ "since" : "",
+ "see" : "",
+ "exceptions" : "",
+ "requires" : "",
+ "params" : [],
+ "returns" : [
+ {
+ "name" : "",
+ "type" : "Object",
+ "desc" : "the HSV and alpha components of this Color as an object with h,\ns, v, and a properties. h is in the range [0,360), s and v are in the range\n[0,100], and a is in the range [0,1]."
+ }
+ ]
+ },
+ {
+ "name" : "getCSSPercentageRGB",
+ "type" : "function",
+ "desc" : "getCSSPercentageRGB",
+ "sig" : "()\n{\n\n}",
+ "static" : false,
+ "memberOf" : "Roo.lib.Color",
+ "isStatic" : false,
+ "isConstructor" : false,
+ "isPrivate" : false,
+ "example" : "",
+ "deprecated" : "",
+ "since" : "",
+ "see" : "",
+ "exceptions" : "",
+ "requires" : "",
+ "params" : [],
+ "returns" : [
+ {
+ "name" : "",
+ "type" : "String",
+ "desc" : "a string representing this Color as a CSS percentage RGB Color\nvalue - that is, a string of the form rgb(r%,g%,b%) where each of r, g, and\nb are in the range [0,100]."
+ }
+ ]
+ },
+ {
+ "name" : "setNodeColor",
+ "type" : "function",
+ "desc" : "Sets the Color of the specified node to this Color. This functions sets\nthe CSS 'color' property for the node. The parameter is:",
+ "sig" : "(node)",
+ "static" : false,
+ "memberOf" : "Roo.lib.Color",
+ "isStatic" : false,
+ "isConstructor" : false,
+ "isPrivate" : false,
+ "example" : "",
+ "deprecated" : "",
+ "since" : "",
+ "see" : "",
+ "exceptions" : "",
+ "requires" : "",
+ "params" : [
+ {
+ "name" : "node",
+ "type" : "DomElement",
+ "desc" : "- the node whose Color should be set",
+ "isOptional" : false
+ }
+ ],
+ "returns" : []
+ },
+ {
+ "name" : "getCSSIntegerRGB",
+ "type" : "function",
+ "desc" : "getCSSIntegerRGB",
+ "sig" : "()\n{\n\n}",
+ "static" : false,
+ "memberOf" : "Roo.lib.Color",
+ "isStatic" : false,
+ "isConstructor" : false,
+ "isPrivate" : false,
+ "example" : "",
+ "deprecated" : "",
+ "since" : "",
+ "see" : "",
+ "exceptions" : "",
+ "requires" : "",
+ "params" : [],
+ "returns" : [
+ {
+ "name" : "",
+ "type" : "String",
+ "desc" : "a string representing this Color as a CSS integer RGB Color\nvalue - that is, a string of the form rgb(r,g,b) where each of r, g, and b\nare integers in the range [0,255]."
+ }
+ ]
+ },
+ {
+ "name" : "getCSSHSLA",
+ "type" : "function",
+ "desc" : "getCSSHSLA",
+ "sig" : "()\n{\n\n}",
+ "static" : false,
+ "memberOf" : "Roo.lib.Color",
+ "isStatic" : false,
+ "isConstructor" : false,
+ "isPrivate" : false,
+ "example" : "",
+ "deprecated" : "",
+ "since" : "",
+ "see" : "",
+ "exceptions" : "",
+ "requires" : "",
+ "params" : [],
+ "returns" : [
+ {
+ "name" : "",
+ "type" : "String",
+ "desc" : "a string representing this Color as a CSS HSLA Color value - that\nis, a string of the form hsla(h,s%,l%,a) where h is in the range [0,100],\ns and l are in the range [0,100], and a is in the range [0,1]."
+ }
+ ]
+ },
+ {
+ "name" : "getCSSPercentageRGBA",
+ "type" : "function",
+ "desc" : "getCSSPercentageRGBA",
+ "sig" : "()\n{\n\n}",
+ "static" : false,
+ "memberOf" : "Roo.lib.Color",
+ "isStatic" : false,
+ "isConstructor" : false,
+ "isPrivate" : false,
+ "example" : "",
+ "deprecated" : "",
+ "since" : "",
+ "see" : "",
+ "exceptions" : "",
+ "requires" : "",
+ "params" : [],
+ "returns" : [
+ {
+ "name" : "",
+ "type" : "String",
+ "desc" : "a string representing this Color as a CSS percentage RGBA Color\nvalue - that is, a string of the form rgba(r%,g%,b%,a) where each of r, g,\nand b are in the range [0,100] and a is in the range [0,1]."
+ }
+ ]
+ }
+ ],
+ "events" : []
+}
\ No newline at end of file
--- /dev/null
+{
+ "name" : "Roo.lib.HSVColor",
+ "augments" : [
+ "Roo.lib.Color"
+ ],
+ "childClasses" : { },
+ "tree_children" : [],
+ "tree_parent" : [],
+ "desc" : "Creates a Color specified in the HSV Color space, with an optional alpha\ncomponent. The parameters are:",
+ "isSingleton" : false,
+ "isStatic" : false,
+ "isBuiltin" : false,
+ "isAbstract" : false,
+ "isBuilderTop" : false,
+ "memberOf" : "HSVColor",
+ "example" : "",
+ "deprecated" : "",
+ "since" : "",
+ "see" : "",
+ "params" : [
+ {
+ "name" : "h",
+ "type" : "Number",
+ "desc" : "- the hue component, wrapped to the range [0,360)",
+ "isOptional" : false
+ },
+ {
+ "name" : "s",
+ "type" : "Number",
+ "desc" : "- the saturation component, clipped to the range [0,100]",
+ "isOptional" : false
+ },
+ {
+ "name" : "v",
+ "type" : "Number",
+ "desc" : "- the value component, clipped to the range [0,100]",
+ "isOptional" : false
+ },
+ {
+ "name" : "a",
+ "type" : "Number",
+ "desc" : "- the alpha component, clipped to the range [0,1] - this parameter is\n optional and defaults to 1",
+ "isOptional" : false
+ }
+ ],
+ "returns" : [],
+ "throws" : "",
+ "requires" : "",
+ "config" : [],
+ "methods" : [
+ {
+ "name" : "getPercentageRGB",
+ "type" : "function",
+ "desc" : "getPercentageRGB",
+ "sig" : "()\n{\n\n}",
+ "static" : false,
+ "memberOf" : "Roo.lib.Color",
+ "isStatic" : false,
+ "isConstructor" : false,
+ "isPrivate" : false,
+ "example" : "",
+ "deprecated" : "",
+ "since" : "",
+ "see" : "",
+ "exceptions" : "",
+ "requires" : "",
+ "params" : [],
+ "returns" : [
+ {
+ "name" : "",
+ "type" : "Object",
+ "desc" : "an object representing the RGBA components of this Color. The red,\ngreen, and blue components are converted to numbers in the range [0,100].\nThe alpha is a value in the range [0,1]."
+ }
+ ]
+ },
+ {
+ "name" : "getRGB",
+ "type" : "function",
+ "desc" : "getRGB",
+ "sig" : "()\n{\n\n}",
+ "static" : false,
+ "memberOf" : "Roo.lib.Color",
+ "isStatic" : false,
+ "isConstructor" : false,
+ "isPrivate" : false,
+ "example" : "",
+ "deprecated" : "",
+ "since" : "",
+ "see" : "",
+ "exceptions" : "",
+ "requires" : "",
+ "params" : [],
+ "returns" : [
+ {
+ "name" : "",
+ "type" : "Object",
+ "desc" : "the RGB and alpha components of this Color as an object with r,\ng, b, and a properties. r, g, and b are in the range [0,255] and a is in\nthe range [0,1]."
+ }
+ ]
+ },
+ {
+ "name" : "getIntegerRGB",
+ "type" : "function",
+ "desc" : "getIntegerRGB",
+ "sig" : "()\n{\n\n}",
+ "static" : false,
+ "memberOf" : "Roo.lib.Color",
+ "isStatic" : false,
+ "isConstructor" : false,
+ "isPrivate" : false,
+ "example" : "",
+ "deprecated" : "",
+ "since" : "",
+ "see" : "",
+ "exceptions" : "",
+ "requires" : "",
+ "params" : [],
+ "returns" : [
+ {
+ "name" : "",
+ "type" : "Object",
+ "desc" : "an object representing the RGBA components of this Color. The red,\ngreen, and blue components are converted to integers in the range [0,255].\nThe alpha is a value in the range [0,1]."
+ }
+ ]
+ },
+ {
+ "name" : "getCSSIntegerRGBA",
+ "type" : "function",
+ "desc" : "getCSSIntegerRGBA",
+ "sig" : "()\n{\n\n}",
+ "static" : false,
+ "memberOf" : "Roo.lib.Color",
+ "isStatic" : false,
+ "isConstructor" : false,
+ "isPrivate" : false,
+ "example" : "",
+ "deprecated" : "",
+ "since" : "",
+ "see" : "",
+ "exceptions" : "",
+ "requires" : "",
+ "params" : [],
+ "returns" : [
+ {
+ "name" : "",
+ "type" : "String",
+ "desc" : "Returns a string representing this Color as a CSS integer RGBA Color\nvalue - that is, a string of the form rgba(r,g,b,a) where each of r, g, and\nb are integers in the range [0,255] and a is in the range [0,1]."
+ }
+ ]
+ },
+ {
+ "name" : "getCSSHSL",
+ "type" : "function",
+ "desc" : "getCSSHSL",
+ "sig" : "()\n{\n\n}",
+ "static" : false,
+ "memberOf" : "Roo.lib.Color",
+ "isStatic" : false,
+ "isConstructor" : false,
+ "isPrivate" : false,
+ "example" : "",
+ "deprecated" : "",
+ "since" : "",
+ "see" : "",
+ "exceptions" : "",
+ "requires" : "",
+ "params" : [],
+ "returns" : [
+ {
+ "name" : "",
+ "type" : "String",
+ "desc" : "a string representing this Color as a CSS HSL Color value - that\nis, a string of the form hsl(h,s%,l%) where h is in the range [0,100] and\ns and l are in the range [0,100]."
+ }
+ ]
+ },
+ {
+ "name" : "getCSSHexadecimalRGB",
+ "type" : "function",
+ "desc" : "getCSSHexadecimalRGB",
+ "sig" : "()\n{\n\n}",
+ "static" : false,
+ "memberOf" : "Roo.lib.Color",
+ "isStatic" : false,
+ "isConstructor" : false,
+ "isPrivate" : false,
+ "example" : "",
+ "deprecated" : "",
+ "since" : "",
+ "see" : "",
+ "exceptions" : "",
+ "requires" : "",
+ "params" : [],
+ "returns" : [
+ {
+ "name" : "",
+ "type" : "String",
+ "desc" : "a string representing this Color as a CSS hexadecimal RGB Color\nvalue - that is, a string of the form #RRGGBB where each of RR, GG, and BB\nare two-digit hexadecimal numbers."
+ }
+ ]
+ },
+ {
+ "name" : "setNodeBackgroundColor",
+ "type" : "function",
+ "desc" : "Sets the background Color of the specified node to this Color. This\nfunctions sets the CSS 'background-color' property for the node. The\nparameter is:",
+ "sig" : "(node)",
+ "static" : false,
+ "memberOf" : "Roo.lib.Color",
+ "isStatic" : false,
+ "isConstructor" : false,
+ "isPrivate" : false,
+ "example" : "",
+ "deprecated" : "",
+ "since" : "",
+ "see" : "",
+ "exceptions" : "",
+ "requires" : "",
+ "params" : [
+ {
+ "name" : "node",
+ "type" : "DomElement",
+ "desc" : "- the node whose background Color should be set",
+ "isOptional" : false
+ }
+ ],
+ "returns" : []
+ },
+ {
+ "name" : "getHSL",
+ "type" : "function",
+ "desc" : "getHSL",
+ "sig" : "()\n{\n\n}",
+ "static" : false,
+ "memberOf" : "Roo.lib.Color",
+ "isStatic" : false,
+ "isConstructor" : false,
+ "isPrivate" : false,
+ "example" : "",
+ "deprecated" : "",
+ "since" : "",
+ "see" : "",
+ "exceptions" : "",
+ "requires" : "",
+ "params" : [],
+ "returns" : [
+ {
+ "name" : "",
+ "type" : "Object",
+ "desc" : "the HSL and alpha components of this Color as an object with h,\ns, l, and a properties. h is in the range [0,360), s and l are in the range\n[0,100], and a is in the range [0,1]."
+ }
+ ]
+ },
+ {
+ "name" : "getHSV",
+ "type" : "function",
+ "desc" : "getHSV",
+ "sig" : "()\n{\n\n}",
+ "static" : false,
+ "memberOf" : "Roo.lib.Color",
+ "isStatic" : false,
+ "isConstructor" : false,
+ "isPrivate" : false,
+ "example" : "",
+ "deprecated" : "",
+ "since" : "",
+ "see" : "",
+ "exceptions" : "",
+ "requires" : "",
+ "params" : [],
+ "returns" : [
+ {
+ "name" : "",
+ "type" : "Object",
+ "desc" : "the HSV and alpha components of this Color as an object with h,\ns, v, and a properties. h is in the range [0,360), s and v are in the range\n[0,100], and a is in the range [0,1]."
+ }
+ ]
+ },
+ {
+ "name" : "getCSSPercentageRGB",
+ "type" : "function",
+ "desc" : "getCSSPercentageRGB",
+ "sig" : "()\n{\n\n}",
+ "static" : false,
+ "memberOf" : "Roo.lib.Color",
+ "isStatic" : false,
+ "isConstructor" : false,
+ "isPrivate" : false,
+ "example" : "",
+ "deprecated" : "",
+ "since" : "",
+ "see" : "",
+ "exceptions" : "",
+ "requires" : "",
+ "params" : [],
+ "returns" : [
+ {
+ "name" : "",
+ "type" : "String",
+ "desc" : "a string representing this Color as a CSS percentage RGB Color\nvalue - that is, a string of the form rgb(r%,g%,b%) where each of r, g, and\nb are in the range [0,100]."
+ }
+ ]
+ },
+ {
+ "name" : "setNodeColor",
+ "type" : "function",
+ "desc" : "Sets the Color of the specified node to this Color. This functions sets\nthe CSS 'color' property for the node. The parameter is:",
+ "sig" : "(node)",
+ "static" : false,
+ "memberOf" : "Roo.lib.Color",
+ "isStatic" : false,
+ "isConstructor" : false,
+ "isPrivate" : false,
+ "example" : "",
+ "deprecated" : "",
+ "since" : "",
+ "see" : "",
+ "exceptions" : "",
+ "requires" : "",
+ "params" : [
+ {
+ "name" : "node",
+ "type" : "DomElement",
+ "desc" : "- the node whose Color should be set",
+ "isOptional" : false
+ }
+ ],
+ "returns" : []
+ },
+ {
+ "name" : "getCSSIntegerRGB",
+ "type" : "function",
+ "desc" : "getCSSIntegerRGB",
+ "sig" : "()\n{\n\n}",
+ "static" : false,
+ "memberOf" : "Roo.lib.Color",
+ "isStatic" : false,
+ "isConstructor" : false,
+ "isPrivate" : false,
+ "example" : "",
+ "deprecated" : "",
+ "since" : "",
+ "see" : "",
+ "exceptions" : "",
+ "requires" : "",
+ "params" : [],
+ "returns" : [
+ {
+ "name" : "",
+ "type" : "String",
+ "desc" : "a string representing this Color as a CSS integer RGB Color\nvalue - that is, a string of the form rgb(r,g,b) where each of r, g, and b\nare integers in the range [0,255]."
+ }
+ ]
+ },
+ {
+ "name" : "getCSSHSLA",
+ "type" : "function",
+ "desc" : "getCSSHSLA",
+ "sig" : "()\n{\n\n}",
+ "static" : false,
+ "memberOf" : "Roo.lib.Color",
+ "isStatic" : false,
+ "isConstructor" : false,
+ "isPrivate" : false,
+ "example" : "",
+ "deprecated" : "",
+ "since" : "",
+ "see" : "",
+ "exceptions" : "",
+ "requires" : "",
+ "params" : [],
+ "returns" : [
+ {
+ "name" : "",
+ "type" : "String",
+ "desc" : "a string representing this Color as a CSS HSLA Color value - that\nis, a string of the form hsla(h,s%,l%,a) where h is in the range [0,100],\ns and l are in the range [0,100], and a is in the range [0,1]."
+ }
+ ]
+ },
+ {
+ "name" : "getCSSPercentageRGBA",
+ "type" : "function",
+ "desc" : "getCSSPercentageRGBA",
+ "sig" : "()\n{\n\n}",
+ "static" : false,
+ "memberOf" : "Roo.lib.Color",
+ "isStatic" : false,
+ "isConstructor" : false,
+ "isPrivate" : false,
+ "example" : "",
+ "deprecated" : "",
+ "since" : "",
+ "see" : "",
+ "exceptions" : "",
+ "requires" : "",
+ "params" : [],
+ "returns" : [
+ {
+ "name" : "",
+ "type" : "String",
+ "desc" : "a string representing this Color as a CSS percentage RGBA Color\nvalue - that is, a string of the form rgba(r%,g%,b%,a) where each of r, g,\nand b are in the range [0,100] and a is in the range [0,1]."
+ }
+ ]
+ }
+ ],
+ "events" : []
+}
\ No newline at end of file
--- /dev/null
+{
+ "name" : "Roo.lib.RGBColor",
+ "augments" : [
+ "Roo.lib.Color"
+ ],
+ "childClasses" : { },
+ "tree_children" : [],
+ "tree_parent" : [],
+ "desc" : "Creates a Color specified in the RGB Color space, with an optional alpha\ncomponent. The parameters are:",
+ "isSingleton" : false,
+ "isStatic" : false,
+ "isBuiltin" : false,
+ "isAbstract" : false,
+ "isBuilderTop" : false,
+ "memberOf" : "RGBColor",
+ "example" : "",
+ "deprecated" : "",
+ "since" : "",
+ "see" : "",
+ "params" : [
+ {
+ "name" : "r",
+ "type" : "Number",
+ "desc" : "- the red component, clipped to the range [0,255]",
+ "isOptional" : false
+ },
+ {
+ "name" : "g",
+ "type" : "Number",
+ "desc" : "- the green component, clipped to the range [0,255]",
+ "isOptional" : false
+ },
+ {
+ "name" : "b",
+ "type" : "Number",
+ "desc" : "- the blue component, clipped to the range [0,255]",
+ "isOptional" : false
+ },
+ {
+ "name" : "a",
+ "type" : "Number",
+ "desc" : "- the alpha component, clipped to the range [0,1] - this parameter is\n optional and defaults to 1",
+ "isOptional" : false
+ }
+ ],
+ "returns" : [],
+ "throws" : "",
+ "requires" : "",
+ "config" : [],
+ "methods" : [
+ {
+ "name" : "getPercentageRGB",
+ "type" : "function",
+ "desc" : "getPercentageRGB",
+ "sig" : "()\n{\n\n}",
+ "static" : false,
+ "memberOf" : "Roo.lib.Color",
+ "isStatic" : false,
+ "isConstructor" : false,
+ "isPrivate" : false,
+ "example" : "",
+ "deprecated" : "",
+ "since" : "",
+ "see" : "",
+ "exceptions" : "",
+ "requires" : "",
+ "params" : [],
+ "returns" : [
+ {
+ "name" : "",
+ "type" : "Object",
+ "desc" : "an object representing the RGBA components of this Color. The red,\ngreen, and blue components are converted to numbers in the range [0,100].\nThe alpha is a value in the range [0,1]."
+ }
+ ]
+ },
+ {
+ "name" : "getRGB",
+ "type" : "function",
+ "desc" : "getRGB",
+ "sig" : "()\n{\n\n}",
+ "static" : false,
+ "memberOf" : "Roo.lib.Color",
+ "isStatic" : false,
+ "isConstructor" : false,
+ "isPrivate" : false,
+ "example" : "",
+ "deprecated" : "",
+ "since" : "",
+ "see" : "",
+ "exceptions" : "",
+ "requires" : "",
+ "params" : [],
+ "returns" : [
+ {
+ "name" : "",
+ "type" : "Object",
+ "desc" : "the RGB and alpha components of this Color as an object with r,\ng, b, and a properties. r, g, and b are in the range [0,255] and a is in\nthe range [0,1]."
+ }
+ ]
+ },
+ {
+ "name" : "getIntegerRGB",
+ "type" : "function",
+ "desc" : "getIntegerRGB",
+ "sig" : "()\n{\n\n}",
+ "static" : false,
+ "memberOf" : "Roo.lib.Color",
+ "isStatic" : false,
+ "isConstructor" : false,
+ "isPrivate" : false,
+ "example" : "",
+ "deprecated" : "",
+ "since" : "",
+ "see" : "",
+ "exceptions" : "",
+ "requires" : "",
+ "params" : [],
+ "returns" : [
+ {
+ "name" : "",
+ "type" : "Object",
+ "desc" : "an object representing the RGBA components of this Color. The red,\ngreen, and blue components are converted to integers in the range [0,255].\nThe alpha is a value in the range [0,1]."
+ }
+ ]
+ },
+ {
+ "name" : "getCSSIntegerRGBA",
+ "type" : "function",
+ "desc" : "getCSSIntegerRGBA",
+ "sig" : "()\n{\n\n}",
+ "static" : false,
+ "memberOf" : "Roo.lib.Color",
+ "isStatic" : false,
+ "isConstructor" : false,
+ "isPrivate" : false,
+ "example" : "",
+ "deprecated" : "",
+ "since" : "",
+ "see" : "",
+ "exceptions" : "",
+ "requires" : "",
+ "params" : [],
+ "returns" : [
+ {
+ "name" : "",
+ "type" : "String",
+ "desc" : "Returns a string representing this Color as a CSS integer RGBA Color\nvalue - that is, a string of the form rgba(r,g,b,a) where each of r, g, and\nb are integers in the range [0,255] and a is in the range [0,1]."
+ }
+ ]
+ },
+ {
+ "name" : "getCSSHSL",
+ "type" : "function",
+ "desc" : "getCSSHSL",
+ "sig" : "()\n{\n\n}",
+ "static" : false,
+ "memberOf" : "Roo.lib.Color",
+ "isStatic" : false,
+ "isConstructor" : false,
+ "isPrivate" : false,
+ "example" : "",
+ "deprecated" : "",
+ "since" : "",
+ "see" : "",
+ "exceptions" : "",
+ "requires" : "",
+ "params" : [],
+ "returns" : [
+ {
+ "name" : "",
+ "type" : "String",
+ "desc" : "a string representing this Color as a CSS HSL Color value - that\nis, a string of the form hsl(h,s%,l%) where h is in the range [0,100] and\ns and l are in the range [0,100]."
+ }
+ ]
+ },
+ {
+ "name" : "getCSSHexadecimalRGB",
+ "type" : "function",
+ "desc" : "getCSSHexadecimalRGB",
+ "sig" : "()\n{\n\n}",
+ "static" : false,
+ "memberOf" : "Roo.lib.Color",
+ "isStatic" : false,
+ "isConstructor" : false,
+ "isPrivate" : false,
+ "example" : "",
+ "deprecated" : "",
+ "since" : "",
+ "see" : "",
+ "exceptions" : "",
+ "requires" : "",
+ "params" : [],
+ "returns" : [
+ {
+ "name" : "",
+ "type" : "String",
+ "desc" : "a string representing this Color as a CSS hexadecimal RGB Color\nvalue - that is, a string of the form #RRGGBB where each of RR, GG, and BB\nare two-digit hexadecimal numbers."
+ }
+ ]
+ },
+ {
+ "name" : "setNodeBackgroundColor",
+ "type" : "function",
+ "desc" : "Sets the background Color of the specified node to this Color. This\nfunctions sets the CSS 'background-color' property for the node. The\nparameter is:",
+ "sig" : "(node)",
+ "static" : false,
+ "memberOf" : "Roo.lib.Color",
+ "isStatic" : false,
+ "isConstructor" : false,
+ "isPrivate" : false,
+ "example" : "",
+ "deprecated" : "",
+ "since" : "",
+ "see" : "",
+ "exceptions" : "",
+ "requires" : "",
+ "params" : [
+ {
+ "name" : "node",
+ "type" : "DomElement",
+ "desc" : "- the node whose background Color should be set",
+ "isOptional" : false
+ }
+ ],
+ "returns" : []
+ },
+ {
+ "name" : "getHSL",
+ "type" : "function",
+ "desc" : "getHSL",
+ "sig" : "()\n{\n\n}",
+ "static" : false,
+ "memberOf" : "Roo.lib.Color",
+ "isStatic" : false,
+ "isConstructor" : false,
+ "isPrivate" : false,
+ "example" : "",
+ "deprecated" : "",
+ "since" : "",
+ "see" : "",
+ "exceptions" : "",
+ "requires" : "",
+ "params" : [],
+ "returns" : [
+ {
+ "name" : "",
+ "type" : "Object",
+ "desc" : "the HSL and alpha components of this Color as an object with h,\ns, l, and a properties. h is in the range [0,360), s and l are in the range\n[0,100], and a is in the range [0,1]."
+ }
+ ]
+ },
+ {
+ "name" : "getHSV",
+ "type" : "function",
+ "desc" : "getHSV",
+ "sig" : "()\n{\n\n}",
+ "static" : false,
+ "memberOf" : "Roo.lib.Color",
+ "isStatic" : false,
+ "isConstructor" : false,
+ "isPrivate" : false,
+ "example" : "",
+ "deprecated" : "",
+ "since" : "",
+ "see" : "",
+ "exceptions" : "",
+ "requires" : "",
+ "params" : [],
+ "returns" : [
+ {
+ "name" : "",
+ "type" : "Object",
+ "desc" : "the HSV and alpha components of this Color as an object with h,\ns, v, and a properties. h is in the range [0,360), s and v are in the range\n[0,100], and a is in the range [0,1]."
+ }
+ ]
+ },
+ {
+ "name" : "getCSSPercentageRGB",
+ "type" : "function",
+ "desc" : "getCSSPercentageRGB",
+ "sig" : "()\n{\n\n}",
+ "static" : false,
+ "memberOf" : "Roo.lib.Color",
+ "isStatic" : false,
+ "isConstructor" : false,
+ "isPrivate" : false,
+ "example" : "",
+ "deprecated" : "",
+ "since" : "",
+ "see" : "",
+ "exceptions" : "",
+ "requires" : "",
+ "params" : [],
+ "returns" : [
+ {
+ "name" : "",
+ "type" : "String",
+ "desc" : "a string representing this Color as a CSS percentage RGB Color\nvalue - that is, a string of the form rgb(r%,g%,b%) where each of r, g, and\nb are in the range [0,100]."
+ }
+ ]
+ },
+ {
+ "name" : "setNodeColor",
+ "type" : "function",
+ "desc" : "Sets the Color of the specified node to this Color. This functions sets\nthe CSS 'color' property for the node. The parameter is:",
+ "sig" : "(node)",
+ "static" : false,
+ "memberOf" : "Roo.lib.Color",
+ "isStatic" : false,
+ "isConstructor" : false,
+ "isPrivate" : false,
+ "example" : "",
+ "deprecated" : "",
+ "since" : "",
+ "see" : "",
+ "exceptions" : "",
+ "requires" : "",
+ "params" : [
+ {
+ "name" : "node",
+ "type" : "DomElement",
+ "desc" : "- the node whose Color should be set",
+ "isOptional" : false
+ }
+ ],
+ "returns" : []
+ },
+ {
+ "name" : "getCSSIntegerRGB",
+ "type" : "function",
+ "desc" : "getCSSIntegerRGB",
+ "sig" : "()\n{\n\n}",
+ "static" : false,
+ "memberOf" : "Roo.lib.Color",
+ "isStatic" : false,
+ "isConstructor" : false,
+ "isPrivate" : false,
+ "example" : "",
+ "deprecated" : "",
+ "since" : "",
+ "see" : "",
+ "exceptions" : "",
+ "requires" : "",
+ "params" : [],
+ "returns" : [
+ {
+ "name" : "",
+ "type" : "String",
+ "desc" : "a string representing this Color as a CSS integer RGB Color\nvalue - that is, a string of the form rgb(r,g,b) where each of r, g, and b\nare integers in the range [0,255]."
+ }
+ ]
+ },
+ {
+ "name" : "getCSSHSLA",
+ "type" : "function",
+ "desc" : "getCSSHSLA",
+ "sig" : "()\n{\n\n}",
+ "static" : false,
+ "memberOf" : "Roo.lib.Color",
+ "isStatic" : false,
+ "isConstructor" : false,
+ "isPrivate" : false,
+ "example" : "",
+ "deprecated" : "",
+ "since" : "",
+ "see" : "",
+ "exceptions" : "",
+ "requires" : "",
+ "params" : [],
+ "returns" : [
+ {
+ "name" : "",
+ "type" : "String",
+ "desc" : "a string representing this Color as a CSS HSLA Color value - that\nis, a string of the form hsla(h,s%,l%,a) where h is in the range [0,100],\ns and l are in the range [0,100], and a is in the range [0,1]."
+ }
+ ]
+ },
+ {
+ "name" : "getCSSPercentageRGBA",
+ "type" : "function",
+ "desc" : "getCSSPercentageRGBA",
+ "sig" : "()\n{\n\n}",
+ "static" : false,
+ "memberOf" : "Roo.lib.Color",
+ "isStatic" : false,
+ "isConstructor" : false,
+ "isPrivate" : false,
+ "example" : "",
+ "deprecated" : "",
+ "since" : "",
+ "see" : "",
+ "exceptions" : "",
+ "requires" : "",
+ "params" : [],
+ "returns" : [
+ {
+ "name" : "",
+ "type" : "String",
+ "desc" : "a string representing this Color as a CSS percentage RGBA Color\nvalue - that is, a string of the form rgba(r%,g%,b%,a) where each of r, g,\nand b are in the range [0,100] and a is in the range [0,1]."
+ }
+ ]
+ }
+ ],
+ "events" : []
+}
\ No newline at end of file
"tree_parent" : [],
"desc" : "A base utility class that adapts a non-menu component so that it can be wrapped by a menu item and added to a menu.\nIt provides basic rendering, activation management and enable/disable logic required to work in menus.",
"isSingleton" : false,
- "isStatic" : true,
+ "isStatic" : false,
"isBuiltin" : false,
"isAbstract" : true,
"isBuilderTop" : false,
"tree_parent" : [],
"desc" : "The base class for all items that render into menus. BaseItem provides default rendering, activated state\nmanagement and base configuration options shared by all menu components.",
"isSingleton" : false,
- "isStatic" : true,
+ "isStatic" : false,
"isBuiltin" : false,
"isAbstract" : true,
"isBuilderTop" : false,
"tree_parent" : [],
"desc" : "Adds a menu item that contains a checkbox by default, but can also be part of a radio group.",
"isSingleton" : false,
- "isStatic" : true,
+ "isStatic" : false,
"isBuiltin" : false,
"isAbstract" : false,
"isBuilderTop" : false,
"tree_parent" : [],
"desc" : "A menu item that wraps the {@link Roo.ColorPalette} component.",
"isSingleton" : false,
- "isStatic" : true,
+ "isStatic" : false,
"isBuiltin" : false,
"isAbstract" : false,
"isBuilderTop" : false,
"tree_parent" : [],
"desc" : "A menu containing a {@link Roo.menu.ColorItem} component (which provides a basic color picker).",
"isSingleton" : false,
- "isStatic" : true,
+ "isStatic" : false,
"isBuiltin" : false,
"isAbstract" : false,
"isBuilderTop" : false,
"tree_parent" : [],
"desc" : "A menu item that wraps the {@link Roo.DatPicker} component.",
"isSingleton" : false,
- "isStatic" : true,
+ "isStatic" : false,
"isBuiltin" : false,
"isAbstract" : false,
"isBuilderTop" : false,
"tree_parent" : [],
"desc" : "A menu containing a {@link Roo.menu.DateItem} component (which provides a date picker).",
"isSingleton" : false,
- "isStatic" : true,
+ "isStatic" : false,
"isBuiltin" : false,
"isAbstract" : false,
"isBuilderTop" : false,
"tree_parent" : [],
"desc" : "A base class for all menu items that require menu-related functionality (like sub-menus) and are not static\ndisplay items. Item extends the base functionality of {@link Roo.menu.BaseItem} by adding menu-specific\nactivation and click handling.",
"isSingleton" : false,
- "isStatic" : true,
+ "isStatic" : false,
"isBuiltin" : false,
"isAbstract" : false,
"isBuilderTop" : false,
"tree_parent" : [],
"desc" : "A menu object. This is the container to which you add all other menu items. Menu can also serve a as a base class\nwhen you want a specialzed menu based off of another component (like {@link Roo.menu.DateMenu} for example).",
"isSingleton" : false,
- "isStatic" : true,
+ "isStatic" : false,
"isBuiltin" : false,
"isAbstract" : false,
"isBuilderTop" : false,
"tree_children" : [],
"tree_parent" : [],
"desc" : "Provides a common registry of all menu items on a page so that they can be easily accessed by id.",
- "isSingleton" : true,
+ "isSingleton" : false,
"isStatic" : true,
"isBuiltin" : false,
"isAbstract" : false,
"tree_parent" : [],
"desc" : "Adds a separator bar to a menu, used to divide logical groups of menu items. Generally you will\nadd one of these by using \"-\" in you call to add() or in your items config rather than creating one directly.",
"isSingleton" : false,
- "isStatic" : true,
+ "isStatic" : false,
"isBuiltin" : false,
"isAbstract" : false,
"isBuilderTop" : false,
"tree_parent" : [],
"desc" : "Adds a static text string to a menu, usually used as either a heading or group separator.\nNote: old style constructor with text is still supported.",
"isSingleton" : false,
- "isStatic" : true,
+ "isStatic" : false,
"isBuiltin" : false,
"isAbstract" : false,
"isBuilderTop" : false,
"tree_parent" : [],
"desc" : "The default Provider implementation which saves state via cookies.\n<br />Usage:\n <pre><code>\n var cp = new Roo.state.CookieProvider({\n path: \"/cgi-bin/\",\n expires: new Date(new Date().getTime()+(1000*60*60*24*30)); //30 days\n domain: \"roojs.com\"\n })\n Roo.state.Manager.setProvider(cp);\n </code></pre>",
"isSingleton" : false,
- "isStatic" : true,
+ "isStatic" : false,
"isBuiltin" : false,
"isAbstract" : false,
"isBuilderTop" : false,
"tree_children" : [],
"tree_parent" : [],
"desc" : "This is the global state manager. By default all components that are \"state aware\" check this class\nfor state information if you don't pass them a custom state provider. In order for this class\nto be useful, it must be initialized with a provider when your application initializes.\n <pre><code>\n// in your initialization function\ninit : function(){\n Roo.state.Manager.setProvider(new Roo.state.CookieProvider());\n ...\n // supposed you have a {@link Roo.BorderLayout}\n var layout = new Roo.BorderLayout(...);\n layout.restoreState();\n // or a {Roo.BasicDialog}\n var dialog = new Roo.BasicDialog(...);\n dialog.restoreState();\n </code></pre>",
- "isSingleton" : true,
+ "isSingleton" : false,
"isStatic" : true,
"isBuiltin" : false,
"isAbstract" : false,
"tree_parent" : [],
"desc" : "Abstract base class for state provider implementations. This class provides methods\nfor encoding and decoding <b>typed</b> variables including dates and defines the \nProvider interface.",
"isSingleton" : false,
- "isStatic" : true,
+ "isStatic" : false,
"isBuiltin" : false,
"isAbstract" : false,
"isBuilderTop" : false,
"tree_parent" : [],
"desc" : "",
"isSingleton" : false,
- "isStatic" : true,
+ "isStatic" : false,
"isBuiltin" : false,
"isAbstract" : false,
"isBuilderTop" : false,
"tree_parent" : [],
"desc" : "",
"isSingleton" : false,
- "isStatic" : true,
+ "isStatic" : false,
"isBuiltin" : false,
"isAbstract" : false,
"isBuilderTop" : false,
"tree_parent" : [],
"desc" : "The default single selection for a TreePanel.",
"isSingleton" : false,
- "isStatic" : true,
+ "isStatic" : false,
"isBuiltin" : false,
"isAbstract" : false,
"isBuilderTop" : false,
"tree_parent" : [],
"desc" : "Multi selection for a TreePanel.",
"isSingleton" : false,
- "isStatic" : true,
+ "isStatic" : false,
"isBuiltin" : false,
"isAbstract" : false,
"isBuilderTop" : false,
"tree_parent" : [],
"desc" : "Provides editor functionality for inline tree node editing. Any valid {@link Roo.form.Field} can be used\nas the editor field.",
"isSingleton" : false,
- "isStatic" : true,
+ "isStatic" : false,
"isBuiltin" : false,
"isAbstract" : false,
"isBuilderTop" : false,
"tree_parent" : [],
"desc" : "Note this class is experimental and doesn't update the indent (lines) or expand collapse icons of the nodes",
"isSingleton" : false,
- "isStatic" : true,
+ "isStatic" : false,
"isBuiltin" : false,
"isAbstract" : false,
"isBuilderTop" : false,
"tree_parent" : [],
"desc" : "A TreeLoader provides for lazy loading of an {@link Roo.tree.TreeNode}'s child\nnodes from a specified URL. The response must be a javascript Array definition\nwho's elements are node definition objects. eg:\n<pre><code>\n{ success : true,\n data : [\n \n { 'id': 1, 'text': 'A folder Node', 'leaf': false },\n { 'id': 2, 'text': 'A leaf Node', 'leaf': true }\n ]\n}\n\n\n</code></pre>\n<br><br>\nThe old style respose with just an array is still supported, but not recommended.\n<br><br>\n\nA server request is sent, and child nodes are loaded only when a node is expanded.\nThe loading node's id is passed to the server under the parameter name \"node\" to\nenable the server to produce the correct child nodes.\n<br><br>\nTo pass extra parameters, an event handler may be attached to the \"beforeload\"\nevent, and the parameters specified in the TreeLoader's baseParams property:\n<pre><code>\n myTreeLoader.on(\"beforeload\", function(treeLoader, node) {\n this.baseParams.category = node.attributes.category;\n }, this);\n \n</code></pre>\n\nThis would pass an HTTP parameter called \"category\" to the server containing\nthe value of the Node's \"category\" attribute.",
"isSingleton" : false,
- "isStatic" : true,
+ "isStatic" : false,
"isBuiltin" : false,
"isAbstract" : false,
"isBuilderTop" : false,
"tree_parent" : [],
"desc" : "is to use the cls or iconCls attributes and add the icon via a CSS background image.",
"isSingleton" : false,
- "isStatic" : true,
+ "isStatic" : false,
"isBuiltin" : false,
"isAbstract" : false,
"isBuilderTop" : false,
"tree_parent" : [],
"desc" : "The TreeNode UI implementation is separate from the\ntree implementation. Unless you are customizing the tree UI,\nyou should never have to use this directly.",
"isSingleton" : false,
- "isStatic" : true,
+ "isStatic" : false,
"isBuiltin" : false,
"isAbstract" : false,
"isBuilderTop" : false,
"tree_parent" : [],
"desc" : "",
"isSingleton" : false,
- "isStatic" : true,
+ "isStatic" : false,
"isBuiltin" : false,
"isAbstract" : false,
"isBuilderTop" : false,
"tree_parent" : [],
"desc" : "Provides sorting of nodes in a TreePanel",
"isSingleton" : false,
- "isStatic" : true,
+ "isStatic" : false,
"isBuiltin" : false,
"isAbstract" : false,
"isBuilderTop" : false,
"tree_children" : [],
"tree_parent" : [],
"desc" : "Utility class for manipulating CSS rules",
- "isSingleton" : true,
+ "isSingleton" : false,
"isStatic" : true,
"isBuiltin" : false,
"isAbstract" : false,
"tree_parent" : [],
"desc" : "A wrapper class which can be applied to any element. Fires a \"click\" event while the\nmouse is pressed. The interval between firings may be specified in the config but\ndefaults to 10 milliseconds.\n\nOptionally, a CSS class may be applied to the element during the time it is pressed.",
"isSingleton" : false,
- "isStatic" : true,
+ "isStatic" : false,
"isBuiltin" : false,
"isAbstract" : false,
"isBuilderTop" : false,
"tree_parent" : [],
"desc" : "Provides a convenient method of performing setTimeout where a new\ntimeout cancels the old timeout. An example would be performing validation on a keypress.\nYou can use this class to buffer\nthe keypress events for a certain number of milliseconds, and perform only if they stop\nfor that amount of time.",
"isSingleton" : false,
- "isStatic" : true,
+ "isStatic" : false,
"isBuiltin" : false,
"isAbstract" : false,
"isBuilderTop" : false,
"throws" : "",
"requires" : "",
"config" : [],
- "methods" : [],
+ "methods" : [
+ {
+ "name" : "delay",
+ "type" : "function",
+ "desc" : "Cancels any pending timeout and queues a new one",
+ "sig" : "(delay, newFn, newScope, newArgs)",
+ "static" : false,
+ "memberOf" : "",
+ "isStatic" : false,
+ "isConstructor" : false,
+ "isPrivate" : false,
+ "example" : "",
+ "deprecated" : "",
+ "since" : "",
+ "see" : "",
+ "exceptions" : "",
+ "requires" : "",
+ "params" : [
+ {
+ "name" : "delay",
+ "type" : "Number",
+ "desc" : "The milliseconds to delay",
+ "isOptional" : false
+ },
+ {
+ "name" : "newFn",
+ "type" : "Function",
+ "desc" : "(optional) Overrides function passed to constructor",
+ "isOptional" : false
+ },
+ {
+ "name" : "newScope",
+ "type" : "Object",
+ "desc" : "(optional) Overrides scope passed to constructor",
+ "isOptional" : false
+ },
+ {
+ "name" : "newArgs",
+ "type" : "Array",
+ "desc" : "(optional) Overrides args passed to constructor",
+ "isOptional" : false
+ }
+ ],
+ "returns" : []
+ },
+ {
+ "name" : "cancel",
+ "type" : "function",
+ "desc" : "Cancel the last queued timeout",
+ "sig" : "()\n{\n\n}",
+ "static" : false,
+ "memberOf" : "",
+ "isStatic" : false,
+ "isConstructor" : false,
+ "isPrivate" : false,
+ "example" : "",
+ "deprecated" : "",
+ "since" : "",
+ "see" : "",
+ "exceptions" : "",
+ "requires" : "",
+ "params" : [],
+ "returns" : []
+ }
+ ],
"events" : []
}
\ No newline at end of file
"tree_children" : [],
"tree_parent" : [],
"desc" : "Reusable data formatting functions",
- "isSingleton" : true,
+ "isSingleton" : false,
"isStatic" : true,
"isBuiltin" : false,
"isAbstract" : false,
"tree_children" : [],
"tree_parent" : [],
"desc" : "Modified version of Douglas Crockford\"s json.js that doesn\"t\nmess with the Object prototype \nhttp://www.json.org/js.html",
- "isSingleton" : true,
+ "isSingleton" : false,
"isStatic" : true,
"isBuiltin" : false,
"isAbstract" : false,
"throws" : "",
"requires" : "",
"config" : [],
- "methods" : [],
+ "methods" : [
+ {
+ "name" : "encode",
+ "type" : "function",
+ "desc" : "Encodes an Object, Array or other value",
+ "sig" : "(o)",
+ "static" : false,
+ "memberOf" : "",
+ "isStatic" : false,
+ "isConstructor" : false,
+ "isPrivate" : false,
+ "example" : "",
+ "deprecated" : "",
+ "since" : "",
+ "see" : "",
+ "exceptions" : "",
+ "requires" : "",
+ "params" : [
+ {
+ "name" : "o",
+ "type" : "Mixed",
+ "desc" : "The variable to encode",
+ "isOptional" : false
+ }
+ ],
+ "returns" : [
+ {
+ "name" : "",
+ "type" : "String",
+ "desc" : "The JSON string"
+ }
+ ]
+ },
+ {
+ "name" : "decode",
+ "type" : "function",
+ "desc" : "Decodes (parses) a JSON string to an object. If the JSON is invalid, this function throws a SyntaxError.",
+ "sig" : "(json)",
+ "static" : false,
+ "memberOf" : "",
+ "isStatic" : false,
+ "isConstructor" : false,
+ "isPrivate" : false,
+ "example" : "",
+ "deprecated" : "",
+ "since" : "",
+ "see" : "",
+ "exceptions" : "",
+ "requires" : "",
+ "params" : [
+ {
+ "name" : "json",
+ "type" : "String",
+ "desc" : "The JSON string",
+ "isOptional" : false
+ }
+ ],
+ "returns" : [
+ {
+ "name" : "",
+ "type" : "Object",
+ "desc" : "The resulting object"
+ }
+ ]
+ }
+ ],
"events" : []
}
\ No newline at end of file
"tree_parent" : [],
"desc" : "A Collection class that maintains both numeric indexes and keys and exposes events.",
"isSingleton" : false,
- "isStatic" : true,
+ "isStatic" : false,
"isBuiltin" : false,
"isAbstract" : false,
"isBuilderTop" : false,
"tree_parent" : [],
"desc" : "Base class that provides a common interface for publishing events. Subclasses are expected to\nto have a property \"events\" with all the events defined.<br>\nFor example:\n<pre><code>\n Employee = function(name){\n this.name = name;\n this.addEvents({\n \"fired\" : true,\n \"quit\" : true\n });\n }\n Roo.extend(Employee, Roo.util.Observable);\n</code></pre>",
"isSingleton" : false,
- "isStatic" : true,
+ "isStatic" : false,
"isBuiltin" : false,
"isAbstract" : false,
"isBuilderTop" : false,
--- /dev/null
+{
+ "name" : "Roo.util.TaskRunner",
+ "augments" : [],
+ "childClasses" : { },
+ "tree_children" : [],
+ "tree_parent" : [],
+ "desc" : "Manage background tasks - not sure why this is better that setInterval?",
+ "isSingleton" : false,
+ "isStatic" : true,
+ "isBuiltin" : false,
+ "isAbstract" : false,
+ "isBuilderTop" : false,
+ "memberOf" : "TaskRunner",
+ "example" : "",
+ "deprecated" : "",
+ "since" : "",
+ "see" : "",
+ "params" : [],
+ "returns" : [],
+ "throws" : "",
+ "requires" : "",
+ "config" : [],
+ "methods" : [
+ {
+ "name" : "stop",
+ "type" : "function",
+ "desc" : "Stop new task.",
+ "sig" : "(task)",
+ "static" : false,
+ "memberOf" : "",
+ "isStatic" : false,
+ "isConstructor" : false,
+ "isPrivate" : false,
+ "example" : "",
+ "deprecated" : "",
+ "since" : "",
+ "see" : "",
+ "exceptions" : "",
+ "requires" : "",
+ "params" : [
+ {
+ "name" : "task",
+ "type" : "Object",
+ "desc" : "",
+ "isOptional" : false
+ }
+ ],
+ "returns" : []
+ },
+ {
+ "name" : "stopAll",
+ "type" : "function",
+ "desc" : "Stop all Tasks",
+ "sig" : "()\n{\n\n}",
+ "static" : false,
+ "memberOf" : "",
+ "isStatic" : false,
+ "isConstructor" : false,
+ "isPrivate" : false,
+ "example" : "",
+ "deprecated" : "",
+ "since" : "",
+ "see" : "",
+ "exceptions" : "",
+ "requires" : "",
+ "params" : [],
+ "returns" : []
+ },
+ {
+ "name" : "start",
+ "type" : "function",
+ "desc" : "Queues a new task.",
+ "sig" : "(task)",
+ "static" : false,
+ "memberOf" : "",
+ "isStatic" : false,
+ "isConstructor" : false,
+ "isPrivate" : false,
+ "example" : "",
+ "deprecated" : "",
+ "since" : "",
+ "see" : "",
+ "exceptions" : "",
+ "requires" : "",
+ "params" : [
+ {
+ "name" : "task",
+ "type" : "Object",
+ "desc" : "Task property : interval = how frequent to run.\nTask object should implement\nfunction run()\nTask object may implement\nfunction onStop()",
+ "isOptional" : false
+ }
+ ],
+ "returns" : []
+ }
+ ],
+ "events" : []
+}
\ No newline at end of file
"childClasses" : { },
"tree_children" : [],
"tree_parent" : [],
- "desc" : "",
+ "desc" : "Instance of TextMetrics Calcuation",
"isSingleton" : false,
"isStatic" : false,
"isBuiltin" : false,
"isAbstract" : false,
"isBuilderTop" : false,
- "memberOf" : "Roo.util.TextMetrics.Instance",
+ "memberOf" : "Instance",
"example" : "",
"deprecated" : "",
"since" : "",
"see" : "",
- "params" : [],
+ "params" : [
+ {
+ "name" : "bindto",
+ "type" : "Object",
+ "desc" : "",
+ "isOptional" : false
+ },
+ {
+ "name" : "fixedWidth",
+ "type" : "Boolean",
+ "desc" : "",
+ "isOptional" : false
+ }
+ ],
"returns" : [],
"throws" : "",
"requires" : "",
"config" : [],
- "methods" : [],
+ "methods" : [
+ {
+ "name" : "getHeight",
+ "type" : "function",
+ "desc" : "Returns the measured height of the specified text. For multiline text, be sure to call\n{@link #setFixedWidth} if necessary.",
+ "sig" : "(text)",
+ "static" : false,
+ "memberOf" : "",
+ "isStatic" : false,
+ "isConstructor" : false,
+ "isPrivate" : false,
+ "example" : "",
+ "deprecated" : "",
+ "since" : "",
+ "see" : "",
+ "exceptions" : "",
+ "requires" : "",
+ "params" : [
+ {
+ "name" : "text",
+ "type" : "String",
+ "desc" : "The text to measure",
+ "isOptional" : false
+ }
+ ],
+ "returns" : [
+ {
+ "name" : "",
+ "type" : "Number",
+ "desc" : "height The height in pixels"
+ }
+ ]
+ },
+ {
+ "name" : "bind",
+ "type" : "function",
+ "desc" : "Binds this TextMetrics instance to an element from which to copy existing CSS styles\nthat can affect the size of the rendered text",
+ "sig" : "(el)",
+ "static" : false,
+ "memberOf" : "",
+ "isStatic" : false,
+ "isConstructor" : false,
+ "isPrivate" : false,
+ "example" : "",
+ "deprecated" : "",
+ "since" : "",
+ "see" : "",
+ "exceptions" : "",
+ "requires" : "",
+ "params" : [
+ {
+ "name" : "el",
+ "type" : "String/HTMLElement",
+ "desc" : "The element, dom node or id",
+ "isOptional" : false
+ }
+ ],
+ "returns" : []
+ },
+ {
+ "name" : "getWidth",
+ "type" : "function",
+ "desc" : "Returns the measured width of the specified text",
+ "sig" : "(text)",
+ "static" : false,
+ "memberOf" : "",
+ "isStatic" : false,
+ "isConstructor" : false,
+ "isPrivate" : false,
+ "example" : "",
+ "deprecated" : "",
+ "since" : "",
+ "see" : "",
+ "exceptions" : "",
+ "requires" : "",
+ "params" : [
+ {
+ "name" : "text",
+ "type" : "String",
+ "desc" : "The text to measure",
+ "isOptional" : false
+ }
+ ],
+ "returns" : [
+ {
+ "name" : "",
+ "type" : "Number",
+ "desc" : "width The width in pixels"
+ }
+ ]
+ },
+ {
+ "name" : "setFixedWidth",
+ "type" : "function",
+ "desc" : "Sets a fixed width on the internal measurement element. If the text will be multiline, you have\nto set a fixed width in order to accurately measure the text height.",
+ "sig" : "(width)",
+ "static" : false,
+ "memberOf" : "",
+ "isStatic" : false,
+ "isConstructor" : false,
+ "isPrivate" : false,
+ "example" : "",
+ "deprecated" : "",
+ "since" : "",
+ "see" : "",
+ "exceptions" : "",
+ "requires" : "",
+ "params" : [
+ {
+ "name" : "width",
+ "type" : "Number",
+ "desc" : "The width to set on the element",
+ "isOptional" : false
+ }
+ ],
+ "returns" : []
+ },
+ {
+ "name" : "getSize",
+ "type" : "function",
+ "desc" : "Returns the size of the specified text based on the internal element's style and width properties",
+ "sig" : "(text)",
+ "static" : false,
+ "memberOf" : "",
+ "isStatic" : false,
+ "isConstructor" : false,
+ "isPrivate" : false,
+ "example" : "",
+ "deprecated" : "",
+ "since" : "",
+ "see" : "",
+ "exceptions" : "",
+ "requires" : "",
+ "params" : [
+ {
+ "name" : "text",
+ "type" : "String",
+ "desc" : "The text to measure",
+ "isOptional" : false
+ }
+ ],
+ "returns" : [
+ {
+ "name" : "",
+ "type" : "Object",
+ "desc" : "An object containing the text's size {width: (width), height: (height)}"
+ }
+ ]
+ }
+ ],
"events" : []
}
\ No newline at end of file
"tree_children" : [],
"tree_parent" : [],
"desc" : "Provides precise pixel measurements for blocks of text so that you can determine exactly how high and\nwide, in pixels, a given block of text will be.",
- "isSingleton" : true,
+ "isSingleton" : false,
"isStatic" : true,
"isBuiltin" : false,
"isAbstract" : false,
"cn" : [],
"is_class" : true
},
+ {
+ "name" : "Roo.dd.DragDropMgr",
+ "cn" : [],
+ "is_class" : true
+ },
{
"name" : "Roo.dd.DragSource",
"cn" : [],
"cn" : [],
"is_class" : true
},
+ {
+ "name" : "Roo.lib.Color",
+ "cn" : [],
+ "is_class" : true
+ },
{
"name" : "Roo.lib.Dom",
"cn" : [],
"is_class" : true
+ },
+ {
+ "name" : "Roo.lib.HSLColor",
+ "cn" : [],
+ "is_class" : true
+ },
+ {
+ "name" : "Roo.lib.HSVColor",
+ "cn" : [],
+ "is_class" : true
+ },
+ {
+ "name" : "Roo.lib.RGBColor",
+ "cn" : [],
+ "is_class" : true
}
],
"is_class" : false
{
"name" : "Roo.util.DelayedTask",
"cn" : [],
- "is_class" : false
+ "is_class" : true
},
{
"name" : "Roo.util.Format",
{
"name" : "Roo.util.JSON",
"cn" : [],
- "is_class" : false
+ "is_class" : true
},
{
"name" : "Roo.util.MixedCollection",
"cn" : [],
"is_class" : true
},
+ {
+ "name" : "Roo.util.TaskRunner",
+ "cn" : [],
+ "is_class" : true
+ },
{
"name" : "Roo.util.TextMetrics",
"cn" : [
{
"name" : "Roo.util.TextMetrics.Instance",
"cn" : [],
- "is_class" : false
+ "is_class" : true
}
],
"is_class" : true
* @class Roo.bootstrap.MenuMgr
* @licence LGPL
* Provides a common registry of all menu items on a page so that they can be easily accessed by id.
- * @singleton
+ * @static
*/
Roo.bootstrap.menu.Manager = function(){
var menus, active, groups = {}, attached = false, lastShow = new Date();
animEl: 'elId'
});
</code></pre>
- * @singleton
+ * @static
*/
Roo.bootstrap.MessageBox = function(){
var dlg, opt, mask, waitTimer;
/**
* @class Roo.form.VTypes
* Overridable validation definitions. The validations provided are basic and intended to be easily customizable and extended.
- * @singleton
+ * @static
*/
Roo.form.VTypes = function(){
// closure these in so they are only created once.
/**
* @class Roo.data.SortTypes
- * @singleton
+ * @static
* Defines the default sorting (casting?) comparison functions used when sorting data.
*/
Roo.data.SortTypes = {
getViewHeight : function(full) {
return full ? this.getDocumentHeight() : this.getViewportHeight();
},
-
+ /**
+ * Get the Full Document height
+ * @return {Number} The height
+ */
getDocumentHeight: function() {
var scrollHeight = (document.compatMode != "CSS1Compat") ? document.body.scrollHeight : document.documentElement.scrollHeight;
return Math.max(scrollHeight, this.getViewportHeight());
},
-
+ /**
+ * Get the Full Document width
+ * @return {Number} The width
+ */
getDocumentWidth: function() {
var scrollWidth = (document.compatMode != "CSS1Compat") ? document.body.scrollWidth : document.documentElement.scrollWidth;
return Math.max(scrollWidth, this.getViewportWidth());
},
-
+ /**
+ * Get the Window Viewport height
+ * @return {Number} The height
+ */
getViewportHeight: function() {
var height = self.innerHeight;
var mode = document.compatMode;
return height;
},
-
+ /**
+ * Get the Window Viewport width
+ * @return {Number} The width
+ */
getViewportWidth: function() {
var width = self.innerWidth;
var mode = document.compatMode;
getViewHeight : function(full) {
return full ? this.getDocumentHeight() : this.getViewportHeight();
},
-
+ /**
+ * Get the Full Document height
+ * @return {Number} The height
+ */
getDocumentHeight: function() {
var scrollHeight = (document.compatMode != "CSS1Compat") ? document.body.scrollHeight : document.documentElement.scrollHeight;
return Math.max(scrollHeight, this.getViewportHeight());
},
-
+ /**
+ * Get the Full Document width
+ * @return {Number} The width
+ */
getDocumentWidth: function() {
var scrollWidth = (document.compatMode != "CSS1Compat") ? document.body.scrollWidth : document.documentElement.scrollWidth;
return Math.max(scrollWidth, this.getViewportWidth());
},
-
+ /**
+ * Get the Window Viewport height
+ * @return {Number} The height
+ */
getViewportHeight: function() {
var height = self.innerHeight;
var mode = document.compatMode;
return height;
},
-
+ /**
+ * Get the Window Viewport width
+ * @return {Number} The width
+ */
getViewportWidth: function() {
var width = self.innerWidth;
var mode = document.compatMode;
/**
* @class Roo.data.SortTypes
- * @singleton
+ * @static
* Defines the default sorting (casting?) comparison functions used when sorting data.
*/
Roo.data.SortTypes = {
animEl: 'elId'
});
</code></pre>
- * @singleton
+ * @static
*/
Roo.MessageBox = function(){
var dlg, opt, mask, waitTimer;
/**
* @class Roo.QuickTips
* Provides attractive and customizable tooltips for any element.
- * @singleton
+ * @static
*/
Roo.QuickTips = function(){
var el, tipBody, tipBodyText, tipTitle, tm, cfg, close, tagEls = {}, esc, removeCls = null, bdLeft, bdRight;
/**
* @class Roo.menu.MenuMgr
* Provides a common registry of all menu items on a page so that they can be easily accessed by id.
- * @singleton
+ * @static
*/
Roo.menu.MenuMgr = function(){
var menus, active, groups = {}, attached = false, lastShow = new Date();
/**
* @class Roo.form.VTypes
* Overridable validation definitions. The validations provided are basic and intended to be easily customizable and extended.
- * @singleton
+ * @static
*/
Roo.form.VTypes = function(){
// closure these in so they are only created once.
/**
* @class Roo.data.SortTypes
- * @singleton
+ * @static
* Defines the default sorting (casting?) comparison functions used when sorting data.
*/
Roo.data.SortTypes = {
animEl: 'elId'
});
</code></pre>
- * @singleton
+ * @static
*/
Roo.MessageBox = function(){
var dlg, opt, mask, waitTimer;
/**
* @class Roo.QuickTips
* Provides attractive and customizable tooltips for any element.
- * @singleton
+ * @static
*/
Roo.QuickTips = function(){
var el, tipBody, tipBodyText, tipTitle, tm, cfg, close, tagEls = {}, esc, removeCls = null, bdLeft, bdRight;
/**
* @class Roo.menu.MenuMgr
* Provides a common registry of all menu items on a page so that they can be easily accessed by id.
- * @singleton
+ * @static
*/
Roo.menu.MenuMgr = function(){
var menus, active, groups = {}, attached = false, lastShow = new Date();
/**
* @class Roo.form.VTypes
* Overridable validation definitions. The validations provided are basic and intended to be easily customizable and extended.
- * @singleton
+ * @static
*/
Roo.form.VTypes = function(){
// closure these in so they are only created once.