-/*
- * 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]);
-/*
+
-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/
-
-*/
-
-
-/*
+/**
* @class Roo.lib.Color
* @constructor
* An abstract Color implementation. Concrete Color implementations should use
* 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.Color = function() { }
hsl : null,
/**
- * @returns an object representing the RGBA components of this Color. The red,
+ * 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].
*/
},
/**
- * @returns an object representing the RGBA components of this Color. 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].
*/
},
/**
- * @returns a string representing this Color as a CSS hexadecimal RGB Color
+ * 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.
*/
},
/**
- * @returns a string representing this Color as a CSS integer RGB Color
+ * 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].
*/
},
/**
- * @returns Returns a string representing this Color as a CSS integer RGBA Color
+ * 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].
*/
},
/**
- * @returns a string representing this Color as a CSS percentage RGB Color
+ * 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].
*/
},
/**
- * @returns a string representing this Color as a CSS percentage RGBA Color
+ * 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].
*/
},
/**
- * @returns a string representing this Color as a CSS HSL Color 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].
*/
},
/**
- * @returns a string representing this Color as a CSS HSLA Color 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].
*/
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
+ };
+
+ }
});
-/*
+/**
* @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.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
this.rgb =
Roo.extend(Roo.lib.RGBColor, Roo.lib.Color, {
- getHue : function(maximum, range){
-
+ getHue : function(maximum, range)
+ {
+ var rgb = this.rgb;
+
// check whether the range is zero
if (range == 0){
* be returned be the getHSV function.
*/
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' : this.getHue(maximum, range),
's' : (maximum == 0 ? 0 : 100 * range / maximum),
* be returned be the getHSL function.
*/
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' : 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 RGBColor 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' : rgb.r,
- 'g' : rgb.g,
- 'b' : rgb.b,
- 'a' : alpha
- };
-
- },
-
- /**
- * @returns the HSV and alpha components of this RGBColor 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 (hsv == null) this.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 RGBColor 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 (hsl == null) this.calculateHSL();
-
- // return the HSL components
- return {
- 'h' : hsl.h,
- 's' : hsl.s,
- 'l' : hsl.l,
- 'a' : 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.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;
+}
+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){
}
// 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 HSVColor so that they can
* be returned be the getHSL function.
*/
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 HSVColor 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 HSVColor 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 HSVColor 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) this.calculateHSL();
-
- // return the HSL components
- return {
- 'h' : hsl.h,
- 's' : hsl.s,
- 'l' : hsl.l,
- 'a' : alpha
- };
-
- };
-
-}
-Roo.lib.HSVColor.prototype = new Roo.lib.Color();
+ }
+
+});
+
/**
* @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.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;
+}
+
+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 HSLColor so that they can
* be returned be the getHSL function.
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 HSLColor 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 HSLColor 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) this.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 HSLColor 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.HSLColor.prototype = new Roo.lib.Color();
\ No newline at end of file
+});
"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_parent" : []
},
"Roo.lib.Color" : {
- "props" : [],
- "events" : [],
- "methods" : [],
- "isAbstract" : false,
- "isBuilderTop" : false,
- "childClasses" : {
- "Roo.lib.Color" : [
- "Roo.lib.HSLColor"
- ]
- },
- "tree_children" : [],
- "tree_parent" : []
- },
- "Roo.lib.Dom" : {
"props" : [],
"events" : [],
"methods" : [
{
- "name" : "getDocumentHeight",
+ "name" : "getCSSHSL",
"type" : "function",
- "desc" : "Get the Full Document height",
+ "desc" : "getCSSHSL",
"sig" : "()\n{\n\n}",
- "static" : true,
+ "static" : false,
"memberOf" : "",
- "isStatic" : true,
+ "isStatic" : false,
"isConstructor" : false,
"isPrivate" : false,
"example" : "",
"returns" : [
{
"name" : "",
- "type" : "Number",
- "desc" : "The height"
+ "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" : "getDocumentWidth",
+ "name" : "getCSSHSLA",
"type" : "function",
- "desc" : "Get the Full Document width",
+ "desc" : "getCSSHSLA",
"sig" : "()\n{\n\n}",
- "static" : true,
+ "static" : false,
"memberOf" : "",
- "isStatic" : true,
+ "isStatic" : false,
"isConstructor" : false,
"isPrivate" : false,
"example" : "",
"returns" : [
{
"name" : "",
- "type" : "Number",
- "desc" : "The width"
+ "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" : "getViewHeight",
+ "name" : "getCSSHexadecimalRGB",
"type" : "function",
- "desc" : "Get the view height",
- "sig" : "(full)",
- "static" : true,
+ "desc" : "getCSSHexadecimalRGB",
+ "sig" : "()\n{\n\n}",
+ "static" : false,
"memberOf" : "",
- "isStatic" : true,
+ "isStatic" : false,
"isConstructor" : false,
"isPrivate" : false,
"example" : "",
"see" : "",
"exceptions" : "",
"requires" : "",
- "params" : [
+ "params" : [],
+ "returns" : [
{
- "name" : "full",
- "type" : "Boolean",
- "desc" : "True will get the full document, otherwise it's the view height",
- "isOptional" : false
+ "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" : "Number",
- "desc" : "The height"
+ "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" : "getViewWidth",
+ "name" : "getCSSIntegerRGBA",
"type" : "function",
- "desc" : "Get the view width",
- "sig" : "(full)",
- "static" : true,
+ "desc" : "getCSSIntegerRGBA",
+ "sig" : "()\n{\n\n}",
+ "static" : false,
"memberOf" : "",
- "isStatic" : true,
+ "isStatic" : false,
"isConstructor" : false,
"isPrivate" : false,
"example" : "",
"see" : "",
"exceptions" : "",
"requires" : "",
- "params" : [
+ "params" : [],
+ "returns" : [
{
- "name" : "full",
- "type" : "Boolean",
- "desc" : "True will get the full document, otherwise it's the view width",
- "isOptional" : false
+ "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" : "Number",
- "desc" : "The width"
+ "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" : "getViewportHeight",
+ "name" : "getCSSPercentageRGBA",
"type" : "function",
- "desc" : "Get the Window Viewport height",
+ "desc" : "getCSSPercentageRGBA",
"sig" : "()\n{\n\n}",
- "static" : true,
+ "static" : false,
"memberOf" : "",
- "isStatic" : true,
+ "isStatic" : false,
"isConstructor" : false,
"isPrivate" : false,
"example" : "",
"returns" : [
{
"name" : "",
- "type" : "Number",
- "desc" : "The height"
+ "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" : "getViewportWidth",
+ "name" : "getHSL",
"type" : "function",
- "desc" : "Get the Window Viewport width",
+ "desc" : "getHSL",
"sig" : "()\n{\n\n}",
- "static" : true,
+ "static" : false,
"memberOf" : "",
- "isStatic" : true,
+ "isStatic" : false,
"isConstructor" : false,
"isPrivate" : false,
"example" : "",
"returns" : [
{
"name" : "",
- "type" : "Number",
- "desc" : "The width"
+ "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]."
}
]
- }
- ],
- "isAbstract" : false,
- "isBuilderTop" : false,
- "childClasses" : { },
- "tree_children" : [],
- "tree_parent" : []
- },
- "Roo.lib.HSLColor" : {
- "props" : [],
- "events" : [],
- "methods" : [],
+ },
+ {
+ "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" : "Get the view height",
+ "sig" : "(full)",
+ "static" : true,
+ "memberOf" : "",
+ "isStatic" : true,
+ "isConstructor" : false,
+ "isPrivate" : false,
+ "example" : "",
+ "deprecated" : "",
+ "since" : "",
+ "see" : "",
+ "exceptions" : "",
+ "requires" : "",
+ "params" : [
+ {
+ "name" : "full",
+ "type" : "Boolean",
+ "desc" : "True will get the full document, otherwise it's the view height",
+ "isOptional" : false
+ }
+ ],
+ "returns" : [
+ {
+ "name" : "",
+ "type" : "Number",
+ "desc" : "The height"
+ }
+ ]
+ },
+ {
+ "name" : "getViewWidth",
+ "type" : "function",
+ "desc" : "Get the view width",
+ "sig" : "(full)",
+ "static" : true,
+ "memberOf" : "",
+ "isStatic" : true,
+ "isConstructor" : false,
+ "isPrivate" : false,
+ "example" : "",
+ "deprecated" : "",
+ "since" : "",
+ "see" : "",
+ "exceptions" : "",
+ "requires" : "",
+ "params" : [
+ {
+ "name" : "full",
+ "type" : "Boolean",
+ "desc" : "True will get the full document, otherwise it's the view width",
+ "isOptional" : false
+ }
+ ],
+ "returns" : [
+ {
+ "name" : "",
+ "type" : "Number",
+ "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,
"isBuilderTop" : false,
"childClasses" : { },
-<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">]);
-<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">/*
+<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">
-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 class="jsdoc-comment">/**
* @class Roo.lib.Color
* @constructor
* An abstract Color implementation. Concrete Color implementations should use
* 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">/**
- * @returns an object representing the RGBA components of this Color. The red,
+ * 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-comment">/**
- * @returns an object representing the RGBA components of this Color. 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].
*/
},
</span><span class="jsdoc-comment">/**
- * @returns a string representing this Color as a CSS hexadecimal RGB Color
+ * 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-comment">/**
- * @returns a string representing this Color as a CSS integer RGB Color
+ * 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-comment">/**
- * @returns Returns a string representing this Color as a CSS integer RGBA Color
+ * 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-comment">/**
- * @returns a string representing this Color as a CSS percentage RGB Color
+ * 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-comment">/**
- * @returns a string representing this Color as a CSS percentage RGBA Color
+ * 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-comment">/**
- * @returns a string representing this Color as a CSS HSL Color 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].
*/
},
</span><span class="jsdoc-comment">/**
- * @returns a string representing this Color as a CSS HSLA Color 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].
*/
</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">/*
+</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:
- *
- * 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
*/
</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-keyword">var </span><span class="jsdoc-var">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-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-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-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-comment">// initialise the HSV and HSL components to null
- </span><span class="jsdoc-keyword">var </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-keyword">var </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">/*
+
+ /*
* //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-keyword">function </span><span class="jsdoc-var">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-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-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-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-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">// 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">// 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">// 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">// 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-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-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">// 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">// 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-keyword">function </span><span class="jsdoc-var">calculateHSV</span><span class="jsdoc-syntax">(){
-
+ </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">hsv </span><span class="jsdoc-syntax">=
+ </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">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">'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-keyword">function </span><span class="jsdoc-var">calculateHSL</span><span class="jsdoc-syntax">(){
-
+ </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-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">hsl </span><span class="jsdoc-syntax">=
+ </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">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">'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">/**
- * @returns the RGB and alpha components of this RGBColor 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">this.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">rgb.r</span><span class="jsdoc-syntax">,
- </span><span class="jsdoc-string">'g' </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">rgb.b</span><span class="jsdoc-syntax">,
- </span><span class="jsdoc-string">'a' </span><span class="jsdoc-syntax">: </span><span class="jsdoc-var">alpha
- </span><span class="jsdoc-syntax">};
-
- };
-
- </span><span class="jsdoc-comment">/**
- * @returns the HSV and alpha components of this RGBColor 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">this.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">hsv </span><span class="jsdoc-syntax">== </span><span class="jsdoc-keyword">null</span><span class="jsdoc-syntax">) </span><span class="jsdoc-var">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">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-string">'v' </span><span class="jsdoc-syntax">: </span><span class="jsdoc-var">hsv.v</span><span class="jsdoc-syntax">,
- </span><span class="jsdoc-string">'a' </span><span class="jsdoc-syntax">: </span><span class="jsdoc-var">alpha
- </span><span class="jsdoc-syntax">};
-
- };
-
- </span><span class="jsdoc-comment">/**
- * @returns the HSL and alpha components of this RGBColor 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">this.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">hsl </span><span class="jsdoc-syntax">== </span><span class="jsdoc-keyword">null</span><span class="jsdoc-syntax">) </span><span class="jsdoc-var">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">hsl.h</span><span class="jsdoc-syntax">,
- </span><span class="jsdoc-string">'s' </span><span class="jsdoc-syntax">: </span><span class="jsdoc-var">hsl.s</span><span class="jsdoc-syntax">,
- </span><span class="jsdoc-string">'l' </span><span class="jsdoc-syntax">: </span><span class="jsdoc-var">hsl.l</span><span class="jsdoc-syntax">,
- </span><span class="jsdoc-string">'a' </span><span class="jsdoc-syntax">: </span><span class="jsdoc-var">alpha
- </span><span class="jsdoc-syntax">};
-
- };
-
-}
-</span><span class="jsdoc-comment">// this does an 'exteds'
-</span><span class="jsdoc-var">Roo.lib.RGBColor.prototype </span><span class="jsdoc-syntax">= </span><span class="jsdoc-keyword">new </span><span class="jsdoc-var">Roo.lib.Color</span><span class="jsdoc-syntax">();
-
+});
-</span><span class="jsdoc-comment">/*
+</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
*
- * 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
*/
</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-keyword">var </span><span class="jsdoc-var">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-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-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-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-comment">// initialise the RGB and HSL components to null
- </span><span class="jsdoc-keyword">var </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-keyword">var </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-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-keyword">function </span><span class="jsdoc-var">calculateRGB</span><span class="jsdoc-syntax">(){
-
+ </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">// store the RGB components
- </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-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-keyword">function </span><span class="jsdoc-var">calculateHSL</span><span class="jsdoc-syntax">(){
+ </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">hsl </span><span class="jsdoc-syntax">=
+ </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-comment">/**
- * @returns the RGB and alpha components of this HSVColor 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">this.getRGB </span><span class="jsdoc-syntax">= </span><span class="jsdoc-keyword">function</span><span class="jsdoc-syntax">(){
-
- </span><span class="jsdoc-comment">// calculate the RGB components if necessary
- </span><span class="jsdoc-keyword">if </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">calculateRGB</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">rgb.r</span><span class="jsdoc-syntax">,
- </span><span class="jsdoc-string">'g' </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">rgb.b</span><span class="jsdoc-syntax">,
- </span><span class="jsdoc-string">'a' </span><span class="jsdoc-syntax">: </span><span class="jsdoc-var">alpha
- </span><span class="jsdoc-syntax">};
-
- };
-
- </span><span class="jsdoc-comment">/**
- * @returns the HSV and alpha components of this HSVColor 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">this.getHSV </span><span class="jsdoc-syntax">= </span><span class="jsdoc-keyword">function</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">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-string">'v' </span><span class="jsdoc-syntax">: </span><span class="jsdoc-var">hsv.v</span><span class="jsdoc-syntax">,
- </span><span class="jsdoc-string">'a' </span><span class="jsdoc-syntax">: </span><span class="jsdoc-var">alpha
- </span><span class="jsdoc-syntax">};
-
- };
-
- </span><span class="jsdoc-comment">/**
- * @returns the HSL and alpha components of this HSVColor 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">this.getHSL </span><span class="jsdoc-syntax">= </span><span class="jsdoc-keyword">function</span><span class="jsdoc-syntax">(){
- </span><span class="jsdoc-comment">// calculate the HSL components if necessary
- </span><span class="jsdoc-keyword">if </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-var">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">hsl.h</span><span class="jsdoc-syntax">,
- </span><span class="jsdoc-string">'s' </span><span class="jsdoc-syntax">: </span><span class="jsdoc-var">hsl.s</span><span class="jsdoc-syntax">,
- </span><span class="jsdoc-string">'l' </span><span class="jsdoc-syntax">: </span><span class="jsdoc-var">hsl.l</span><span class="jsdoc-syntax">,
- </span><span class="jsdoc-string">'a' </span><span class="jsdoc-syntax">: </span><span class="jsdoc-var">alpha
- </span><span class="jsdoc-syntax">};
-
- };
-
-}
-</span><span class="jsdoc-var">Roo.lib.HSVColor.prototype </span><span class="jsdoc-syntax">= </span><span class="jsdoc-keyword">new </span><span class="jsdoc-var">Roo.lib.Color</span><span class="jsdoc-syntax">();
+});
</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:
*
- * 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
*/
</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-keyword">var </span><span class="jsdoc-var">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-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-keyword">var </span><span class="jsdoc-var">hsl </span><span class="jsdoc-syntax">=
+ </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-comment">// initialise the RGB and HSV components to null
- </span><span class="jsdoc-keyword">var </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-keyword">var </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-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-keyword">function </span><span class="jsdoc-var">calculateRGB</span><span class="jsdoc-syntax">(){
+ </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">hsl.s </span><span class="jsdoc-syntax">== 0){
+ </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">rgb </span><span class="jsdoc-syntax">=
+ </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">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">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">hsl.l </span><span class="jsdoc-syntax">* 2.55
+ </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">hsl.l </span><span class="jsdoc-syntax">< 50
- ? </span><span class="jsdoc-var">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">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">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">rgb </span><span class="jsdoc-syntax">=
+ </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-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">rgb</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">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">rgb.hasOwnProperty</span><span class="jsdoc-syntax">(</span><span class="jsdoc-var">key</span><span class="jsdoc-syntax">)){
+ </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">rgb</span><span class="jsdoc-syntax">[</span><span class="jsdoc-var">key</span><span class="jsdoc-syntax">] < 1){
- </span><span class="jsdoc-var">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">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">rgb</span><span class="jsdoc-syntax">[</span><span class="jsdoc-var">key</span><span class="jsdoc-syntax">] < 3){
- </span><span class="jsdoc-var">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">rgb</span><span class="jsdoc-syntax">[</span><span class="jsdoc-var">key</span><span class="jsdoc-syntax">] < 4){
- </span><span class="jsdoc-var">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">rgb</span><span class="jsdoc-syntax">[</span><span class="jsdoc-var">key</span><span class="jsdoc-syntax">]);
+ </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">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">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">rgb</span><span class="jsdoc-syntax">[</span><span class="jsdoc-var">key</span><span class="jsdoc-syntax">] *= 2.55;
+ </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-keyword">function </span><span class="jsdoc-var">calculateHSV</span><span class="jsdoc-syntax">(){
+ </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">hsl.s </span><span class="jsdoc-syntax">* (</span><span class="jsdoc-var">hsl.l </span><span class="jsdoc-syntax">< 50 ? </span><span class="jsdoc-var">hsl.l </span><span class="jsdoc-syntax">: 100 - </span><span class="jsdoc-var">hsl.l</span><span class="jsdoc-syntax">) / 100;
+ </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">hsv </span><span class="jsdoc-syntax">=
+ </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">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">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">hsl.l
+ </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">hsv.s</span><span class="jsdoc-syntax">)) </span><span class="jsdoc-var">hsv.s </span><span class="jsdoc-syntax">= 0;
+ </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><span class="jsdoc-comment">/**
- * @returns the RGB and alpha components of this HSLColor 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">this.getRGB </span><span class="jsdoc-syntax">= </span><span class="jsdoc-keyword">function</span><span class="jsdoc-syntax">(){
-
- </span><span class="jsdoc-comment">// calculate the RGB components if necessary
- </span><span class="jsdoc-keyword">if </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">calculateRGB</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">rgb.r</span><span class="jsdoc-syntax">,
- </span><span class="jsdoc-string">'g' </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">rgb.b</span><span class="jsdoc-syntax">,
- </span><span class="jsdoc-string">'a' </span><span class="jsdoc-syntax">: </span><span class="jsdoc-var">alpha
- </span><span class="jsdoc-syntax">};
-
- };
- </span><span class="jsdoc-comment">/**
- * @returns the HSV and alpha components of this HSLColor 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">this.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">hsv </span><span class="jsdoc-syntax">== </span><span class="jsdoc-keyword">null</span><span class="jsdoc-syntax">) </span><span class="jsdoc-var">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">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-string">'v' </span><span class="jsdoc-syntax">: </span><span class="jsdoc-var">hsv.v</span><span class="jsdoc-syntax">,
- </span><span class="jsdoc-string">'a' </span><span class="jsdoc-syntax">: </span><span class="jsdoc-var">alpha
- </span><span class="jsdoc-syntax">};
-
- };
-
- </span><span class="jsdoc-comment">/**
- * @returns the HSL and alpha components of this HSLColor 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">this.getHSL </span><span class="jsdoc-syntax">= </span><span class="jsdoc-keyword">function</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">hsl.h</span><span class="jsdoc-syntax">,
- </span><span class="jsdoc-string">'s' </span><span class="jsdoc-syntax">: </span><span class="jsdoc-var">hsl.s</span><span class="jsdoc-syntax">,
- </span><span class="jsdoc-string">'l' </span><span class="jsdoc-syntax">: </span><span class="jsdoc-var">hsl.l</span><span class="jsdoc-syntax">,
- </span><span class="jsdoc-string">'a' </span><span class="jsdoc-syntax">: </span><span class="jsdoc-var">alpha
- </span><span class="jsdoc-syntax">};
-
- };
-
-}
-</span><span class="jsdoc-var">Roo.lib.HSLColor.prototype </span><span class="jsdoc-syntax">= </span><span class="jsdoc-keyword">new </span><span class="jsdoc-var">Roo.lib.Color</span><span class="jsdoc-syntax">();</span></code></body></html>
\ No newline at end of file
+});
+</span></code></body></html>
\ No newline at end of file
"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_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_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_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_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,
],
"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,
],
"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_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,
"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,
"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,
"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_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_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" : []
"augments" : [],
"childClasses" : {
"Roo.lib.Color" : [
- "Roo.lib.HSLColor"
+ "Roo.lib.HSLColor",
+ "Roo.lib.HSVColor",
+ "Roo.lib.RGBColor"
]
},
"tree_children" : [],
"tree_parent" : [],
- "desc" : "",
+ "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" : "Roo.lib.Color",
+ "memberOf" : "Color",
"example" : "",
"deprecated" : "",
"since" : "",
"throws" : "",
"requires" : "",
"config" : [],
- "methods" : [],
+ "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
"childClasses" : { },
"tree_children" : [],
"tree_parent" : [],
- "desc" : "Creates a Color specified in the HSL Color space, with an optional alpha\ncomponent. The parameters are:\n\nh - the hue component, wrapped to the range [0,360)\ns - the saturation component, clipped to the range [0,100]\nl - the lightness component, clipped to the range [0,100]\na - the alpha component, clipped to the range [0,1] - this parameter is\n optional and defaults to 1",
+ "desc" : "",
"isSingleton" : false,
- "isStatic" : true,
+ "isStatic" : false,
"isBuiltin" : false,
"isAbstract" : false,
"isBuilderTop" : false,
"deprecated" : "",
"since" : "",
"see" : "",
- "params" : [],
+ "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" : [],
+ "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_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_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_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,
"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,
{
"name" : "Roo.lib.Color",
"cn" : [],
- "is_class" : false
+ "is_class" : true
},
{
"name" : "Roo.lib.Dom",
{
"name" : "Roo.lib.HSLColor",
"cn" : [],
- "is_class" : false
+ "is_class" : true
+ },
+ {
+ "name" : "Roo.lib.HSVColor",
+ "cn" : [],
+ "is_class" : true
+ },
+ {
+ "name" : "Roo.lib.RGBColor",
+ "cn" : [],
+ "is_class" : true
}
],
"is_class" : false