Palete/rooprops.json
authorAlan Knowles <alan@roojs.com>
Tue, 8 Apr 2014 14:05:51 +0000 (22:05 +0800)
committerAlan Knowles <alan@roojs.com>
Tue, 8 Apr 2014 14:05:51 +0000 (22:05 +0800)
Palete/rooprops.json

index 502cb94..453ddbf 100644 (file)
     }
    ]
   },
+  "Roo.CalendarPanel": {
+   "props": [
+    {
+     "name": "disableClass",
+     "type": "String",
+     "desc": "CSS class added to the component when it is disabled (defaults to \"x-item-disabled\").",
+     "memberOf": "Roo.Component"
+    },
+    {
+     "name": "allowDomMove",
+     "type": "Boolean",
+     "desc": "Whether the component can move the Dom node when rendering (defaults to true).",
+     "memberOf": "Roo.Component"
+    },
+    {
+     "name": "hideMode",
+     "type": "String",
+     "desc": "How this component should hidden. Supported values are\n\"visibility\" (css visibility), \"offsets\" (negative offset position) and\n\"display\" (css display) - defaults to \"display\".",
+     "memberOf": "Roo.Component"
+    },
+    {
+     "name": "actionMode",
+     "type": "String",
+     "desc": "which property holds the element that used for  hide() / show() / disable() / enable()\ndefault is 'el'",
+     "memberOf": "Roo.Component"
+    },
+    {
+     "name": "listeners",
+     "type": "Object",
+     "desc": "list of events and functions to call for this object, \nFor example :\n<pre><code>\n    listeners :  { \n       'click' : function(e) {\n           ..... \n        } ,\n        .... \n    } \n  </code></pre>",
+     "memberOf": "Roo.util.Observable"
+    }
+   ],
+   "events": [
+    {
+     "name": "beforedestroy",
+     "sig": "function (_self)\n{\n\n}",
+     "type": "function",
+     "desc": "Fires before the component is destroyed. Return false to stop the destroy."
+    },
+    {
+     "name": "beforehide",
+     "sig": "function (_self)\n{\n\n}",
+     "type": "function",
+     "desc": "Fires before the component is hidden. Return false to stop the hide."
+    },
+    {
+     "name": "beforerender",
+     "sig": "function (_self)\n{\n\n}",
+     "type": "function",
+     "desc": "Fires before the component is rendered. Return false to stop the render."
+    },
+    {
+     "name": "beforeshow",
+     "sig": "function (_self)\n{\n\n}",
+     "type": "function",
+     "desc": "Fires before the component is shown.  Return false to stop the show."
+    },
+    {
+     "name": "destroy",
+     "sig": "function (_self)\n{\n\n}",
+     "type": "function",
+     "desc": "Fires after the component is destroyed."
+    },
+    {
+     "name": "disable",
+     "sig": "function (_self)\n{\n\n}",
+     "type": "function",
+     "desc": "Fires after the component is disabled."
+    },
+    {
+     "name": "enable",
+     "sig": "function (_self)\n{\n\n}",
+     "type": "function",
+     "desc": "Fires after the component is enabled."
+    },
+    {
+     "name": "eventclick",
+     "sig": "function (_self, )\n{\n\n}",
+     "type": "function",
+     "desc": "Fires when the mouse click an"
+    },
+    {
+     "name": "evententer",
+     "sig": "function (_self, Event)\n{\n\n}",
+     "type": "function",
+     "desc": "Fires when mouse over an event"
+    },
+    {
+     "name": "eventleave",
+     "sig": "function (_self, )\n{\n\n}",
+     "type": "function",
+     "desc": "Fires when the mouse leaves an"
+    },
+    {
+     "name": "hide",
+     "sig": "function (_self)\n{\n\n}",
+     "type": "function",
+     "desc": "Fires after the component is hidden."
+    },
+    {
+     "name": "monthchange",
+     "sig": "function (_self, date)\n{\n\n}",
+     "type": "function",
+     "desc": "Fires when the displayed month changes"
+    },
+    {
+     "name": "render",
+     "sig": "function (_self)\n{\n\n}",
+     "type": "function",
+     "desc": "Fires after the component is rendered."
+    },
+    {
+     "name": "rendered",
+     "sig": "function (_self, )\n{\n\n}",
+     "type": "function",
+     "desc": "Fires when the grid is rendered"
+    },
+    {
+     "name": "select",
+     "sig": "function (_self, date)\n{\n\n}",
+     "type": "function",
+     "desc": "Fires when a date is selected"
+    },
+    {
+     "name": "show",
+     "sig": "function (_self)\n{\n\n}",
+     "type": "function",
+     "desc": "Fires after the component is shown."
+    }
+   ]
+  },
   "Roo.ColorPalette": {
    "props": [
     {
      "sig": "function (_self, width, height, e)\n{\n\n}",
      "type": "function",
      "desc": "Fired after a resize."
+    },
+    {
+     "name": "resizing",
+     "sig": "function (_self, x, y, w, h, e)\n{\n\n}",
+     "type": "function",
+     "desc": "Fired a resizing."
     }
    ]
   },
     }
    ]
   },
+  "Roo.ViewPanel": {
+   "props": [
+    {
+     "name": "fitToFrame",
+     "type": "Boolean",
+     "desc": "True for this panel to adjust its size to fit when the region resizes  (defaults to false)",
+     "memberOf": "Roo.ContentPanel"
+    },
+    {
+     "name": "fitContainer",
+     "type": "Boolean",
+     "desc": "When using {@link #fitToFrame} and {@link #resizeEl}, you can also fit the parent container  (defaults to false)",
+     "memberOf": "Roo.ContentPanel"
+    },
+    {
+     "name": "autoCreate",
+     "type": "Boolean/Object",
+     "desc": "True to auto generate the DOM element for this panel, or a {@link Roo.DomHelper} config of the element to create",
+     "memberOf": "Roo.ContentPanel"
+    },
+    {
+     "name": "closable",
+     "type": "Boolean",
+     "desc": "True if the panel can be closed/removed",
+     "memberOf": "Roo.ContentPanel"
+    },
+    {
+     "name": "background",
+     "type": "Boolean",
+     "desc": "True if the panel should not be activated when it is added (defaults to false)",
+     "memberOf": "Roo.ContentPanel"
+    },
+    {
+     "name": "resizeEl",
+     "type": "String/HTMLElement/Element",
+     "desc": "An element to resize if {@link #fitToFrame} is true (instead of this panel's element)",
+     "memberOf": "Roo.ContentPanel"
+    },
+    {
+     "name": "toolbar",
+     "type": "Toolbar",
+     "desc": "A toolbar for this panel",
+     "memberOf": "Roo.ContentPanel"
+    },
+    {
+     "name": "autoScroll",
+     "type": "Boolean",
+     "desc": "True to scroll overflow in this panel (use with {@link #fitToFrame})",
+     "memberOf": "Roo.ContentPanel"
+    },
+    {
+     "name": "title",
+     "type": "String",
+     "desc": "The title for this panel",
+     "memberOf": "Roo.ContentPanel"
+    },
+    {
+     "name": "adjustments",
+     "type": "Array",
+     "desc": "Values to <b>add</b> to the width/height when doing a {@link #fitToFrame} (default is [0, 0])",
+     "memberOf": "Roo.ContentPanel"
+    },
+    {
+     "name": "url",
+     "type": "String",
+     "desc": "Calls {@link #setUrl} with this value",
+     "memberOf": "Roo.ContentPanel"
+    },
+    {
+     "name": "region",
+     "type": "String",
+     "desc": "(center|north|south|east|west) which region to put this panel on (when used with xtype constructors)",
+     "memberOf": "Roo.ContentPanel"
+    },
+    {
+     "name": "params",
+     "type": "String/Object",
+     "desc": "When used with {@link #url}, calls {@link #setUrl} with this value",
+     "memberOf": "Roo.ContentPanel"
+    },
+    {
+     "name": "loadOnce",
+     "type": "Boolean",
+     "desc": "When used with {@link #url}, calls {@link #setUrl} with this value",
+     "memberOf": "Roo.ContentPanel"
+    },
+    {
+     "name": "content",
+     "type": "String",
+     "desc": "Raw content to fill content panel with (uses setContent on construction.)",
+     "memberOf": "Roo.ContentPanel"
+    },
+    {
+     "name": "listeners",
+     "type": "Object",
+     "desc": "list of events and functions to call for this object, \nFor example :\n<pre><code>\n    listeners :  { \n       'click' : function(e) {\n           ..... \n        } ,\n        .... \n    } \n  </code></pre>",
+     "memberOf": "Roo.util.Observable"
+    }
+   ],
+   "events": [
+    {
+     "name": "activate",
+     "sig": "function (_self)\n{\n\n}",
+     "type": "function",
+     "desc": "Fires when this panel is activated."
+    },
+    {
+     "name": "deactivate",
+     "sig": "function (_self)\n{\n\n}",
+     "type": "function",
+     "desc": "Fires when this panel is activated."
+    },
+    {
+     "name": "render",
+     "sig": "function (_self)\n{\n\n}",
+     "type": "function",
+     "desc": "Fires when this tab is created"
+    },
+    {
+     "name": "resize",
+     "sig": "function (_self, width, height)\n{\n\n}",
+     "type": "function",
+     "desc": "Fires when this panel is resized if fitToFrame is true."
+    }
+   ]
+  },
   "Roo.XComponent": {
    "props": [
     {
    ],
    "events": []
   },
-  "Roo.data": {
+  "Roo.bootstrap": {
    "props": [],
    "events": []
   },
-  "Roo.data.ArrayReader": {
+  "Roo.bootstrap.Button": {
    "props": [
     {
-     "name": "id",
+     "name": "html",
      "type": "String",
-     "desc": "(optional) The subscript within row Array that provides an ID for the Record",
-     "memberOf": ""
-    }
-   ],
-   "events": []
-  },
-  "Roo.data.Connection": {
-   "props": [
-    {
-     "name": "url",
-     "type": "String",
-     "desc": "(Optional) The default URL to be used for requests to the server. (defaults to undefined)",
+     "desc": "The button content",
      "memberOf": ""
     },
     {
-     "name": "extraParams",
-     "type": "Object",
-     "desc": "(Optional) An object containing properties which are used as\nextra parameters to each request made by this object. (defaults to undefined)",
+     "name": "weight",
+     "type": "String",
+     "desc": "default (or empty) | primary | success | info | warning | danger",
      "memberOf": ""
     },
     {
-     "name": "defaultHeaders",
-     "type": "Object",
-     "desc": "(Optional) An object containing request headers which are added\n to each request made by this object. (defaults to undefined)",
+     "name": "size",
+     "type": "String",
+     "desc": "empty | lg | sm | xs",
      "memberOf": ""
     },
     {
-     "name": "method",
+     "name": "tag",
      "type": "String",
-     "desc": "(Optional) The default HTTP method to be used for requests. (defaults to undefined; if not set but parms are present will use POST, otherwise GET)",
+     "desc": "empty | a | input | submit",
      "memberOf": ""
     },
     {
-     "name": "timeout",
-     "type": "Number",
-     "desc": "(Optional) The timeout in milliseconds to be used for requests. (defaults to 30000)",
+     "name": "href",
+     "type": "String",
+     "desc": "empty or href",
      "memberOf": ""
     },
     {
-     "name": "autoAbort",
+     "name": "disabled",
      "type": "Boolean",
-     "desc": "(Optional) Whether this request should abort any pending requests. (defaults to false)",
+     "desc": "false | true",
      "memberOf": ""
     },
     {
-     "name": "disableCaching",
+     "name": "isClose",
      "type": "Boolean",
-     "desc": "(Optional) True to add a unique cache-buster param to GET requests. (defaults to true)",
+     "desc": "false | true",
      "memberOf": ""
     },
     {
-     "name": "listeners",
-     "type": "Object",
-     "desc": "list of events and functions to call for this object, \nFor example :\n<pre><code>\n    listeners :  { \n       'click' : function(e) {\n           ..... \n        } ,\n        .... \n    } \n  </code></pre>",
-     "memberOf": "Roo.util.Observable"
-    }
-   ],
-   "events": [
-    {
-     "name": "beforerequest",
-     "sig": "function (conn, options)\n{\n\n}",
-     "type": "function",
-     "desc": "Fires before a network request is made to retrieve a data object."
-    },
-    {
-     "name": "requestcomplete",
-     "sig": "function (conn, response, options)\n{\n\n}",
-     "type": "function",
-     "desc": "Fires if the request was successfully completed."
-    },
-    {
-     "name": "requestexception",
-     "sig": "function (conn, response, options)\n{\n\n}",
-     "type": "function",
-     "desc": "Fires if an error HTTP status was returned from the server.\nSee {@link http://www.w3.org/Protocols/rfc2616/rfc2616-sec10.html} for details of HTTP status codes."
-    }
-   ]
-  },
-  "Roo.data.DataProxy": {
-   "props": [],
-   "events": [
-    {
-     "name": "beforeload",
-     "sig": "function (This, params)\n{\n\n}",
-     "type": "function",
-     "desc": "Fires before a network request is made to retrieve a data object."
+     "name": "glyphicon",
+     "type": "String",
+     "desc": "empty | adjust | align-center | align-justify | align-left | align-right | arrow-down | arrow-left | arrow-right | arrow-up | asterisk | backward | ban-circle | barcode | bell | bold | book | bookmark | briefcase | bullhorn | calendar | camera | certificate | check | chevron-down | chevron-left | chevron-right | chevron-up | circle-arrow-down | circle-arrow-left | circle-arrow-right | circle-arrow-up | cloud | cloud-download | cloud-upload | cog | collapse-down | collapse-up | comment | compressed | copyright-mark | credit-card | cutlery | dashboard | download | download-alt | earphone | edit | eject | envelope | euro | exclamation-sign | expand | export | eye-close | eye-open | facetime-video | fast-backward | fast-forward | file | film | filter | fire | flag | flash | floppy-disk | floppy-open | floppy-remove | floppy-save | floppy-saved | folder-close | folder-open | font | forward | fullscreen | gbp | gift | glass | globe | hand-down | hand-left | hand-right | hand-up | hd-video | hdd | header | headphones | heart | heart-empty | home | import | inbox | indent-left | indent-right | info-sign | italic | leaf | link | list | list-alt | lock | log-in | log-out | magnet | map-marker | minus | minus-sign | move | music | new-window | off | ok | ok-circle | ok-sign | open | paperclip | pause | pencil | phone | phone-alt | picture | plane | play | play-circle | plus | plus-sign | print | pushpin | qrcode | question-sign | random | record | refresh | registration-mark | remove | remove-circle | remove-sign | repeat | resize-full | resize-horizontal | resize-small | resize-vertical | retweet | road | save | saved | screenshot | sd-video | search | send | share | share-alt | shopping-cart | signal | sort | sort-by-alphabet | sort-by-alphabet-alt | sort-by-attributes | sort-by-attributes-alt | sort-by-order | sort-by-order-alt | sound-5-1 | sound-6-1 | sound-7-1 | sound-dolby | sound-stereo | star | star-empty | stats | step-backward | step-forward | stop | subtitles | tag | tags | tasks | text-height | text-width | th | th-large | th-list | thumbs-down | thumbs-up | time | tint | tower | transfer | trash | tree-conifer | tree-deciduous | unchecked | upload | usd | user | volume-down | volume-off | volume-up | warning-sign | wrench | zoom-in | zoom-out",
+     "memberOf": ""
     },
     {
-     "name": "load",
-     "sig": "function (This, o, arg)\n{\n\n}",
-     "type": "function",
-     "desc": "Fires before the load method's callback is called."
+     "name": "badge",
+     "type": "String",
+     "desc": "text for badge",
+     "memberOf": ""
     },
     {
-     "name": "loadexception",
-     "sig": "function (This, o, arg, e)\n{\n\n}",
-     "type": "function",
-     "desc": "Fires if an Exception occurs during data retrieval."
-    }
-   ]
-  },
-  "Roo.data.DataReader": {
-   "props": [],
-   "events": []
-  },
-  "Roo.data.HttpProxy": {
-   "props": [
-    {
-     "name": "url",
+     "name": "theme",
      "type": "String",
-     "desc": "(Optional) The default URL to be used for requests to the server. (defaults to undefined)",
+     "desc": "default (or empty) | glow",
      "memberOf": ""
     },
     {
-     "name": "extraParams",
-     "type": "Object",
-     "desc": "(Optional) An object containing properties which are used as\nextra parameters to each request made by this object. (defaults to undefined)",
+     "name": "inverse",
+     "type": "Boolean",
+     "desc": "false | true",
      "memberOf": ""
     },
     {
-     "name": "defaultHeaders",
-     "type": "Object",
-     "desc": "(Optional) An object containing request headers which are added\n to each request made by this object. (defaults to undefined)",
+     "name": "toggle",
+     "type": "Boolean",
+     "desc": "false | true",
      "memberOf": ""
     },
     {
-     "name": "method",
+     "name": "ontext",
      "type": "String",
-     "desc": "(Optional) The default HTTP method to be used for requests. (defaults to undefined; if not set but parms are present will use POST, otherwise GET)",
+     "desc": "text for on toggle state",
      "memberOf": ""
     },
     {
-     "name": "timeout",
-     "type": "Number",
-     "desc": "(Optional) The timeout in milliseconds to be used for requests. (defaults to 30000)",
+     "name": "offtext",
+     "type": "String",
+     "desc": "text for off toggle state",
      "memberOf": ""
     },
     {
-     "name": "autoAbort",
+     "name": "defaulton",
      "type": "Boolean",
-     "desc": "(Optional) Whether this request should abort any pending requests. (defaults to false)",
+     "desc": "true | false",
      "memberOf": ""
     },
     {
-     "name": "disableCaching",
+     "name": "preventDefault",
      "type": "Boolean",
-     "desc": "(Optional) True to add a unique cache-buster param to GET requests. (defaults to true)",
-     "memberOf": ""
-    }
-   ],
-   "events": [
-    {
-     "name": "beforeload",
-     "sig": "function (This, params)\n{\n\n}",
-     "type": "function",
-     "desc": "Fires before a network request is made to retrieve a data object."
-    },
-    {
-     "name": "load",
-     "sig": "function (This, o, arg)\n{\n\n}",
-     "type": "function",
-     "desc": "Fires before the load method's callback is called."
-    },
-    {
-     "name": "loadexception",
-     "sig": "function (This, o, arg, e)\n{\n\n}",
-     "type": "function",
-     "desc": "Fires if an Exception occurs during data retrieval."
-    }
-   ]
-  },
-  "Roo.data.JsonReader": {
-   "props": [
-    {
-     "name": "totalProperty",
-     "type": "String",
-     "desc": "Name of the property from which to retrieve the total number of records\nin the dataset. This is only needed if the whole dataset is not passed in one go, but is being\npaged from the remote server.",
+     "desc": "(true | false) default true",
      "memberOf": ""
     },
     {
-     "name": "successProperty",
-     "type": "String",
-     "desc": "Name of the property from which to retrieve the success attribute used by forms.",
+     "name": "removeClass",
+     "type": "Boolean",
+     "desc": "true | false remove the standard class..",
      "memberOf": ""
     },
     {
-     "name": "root",
+     "name": "cls",
      "type": "String",
-     "desc": "name of the property which contains the Array of row objects.",
-     "memberOf": ""
+     "desc": "css class",
+     "memberOf": "Roo.bootstrap.Component"
     },
     {
-     "name": "id",
+     "name": "style",
      "type": "String",
-     "desc": "Name of the property within a row object that contains a record identifier value.",
-     "memberOf": ""
-    }
-   ],
-   "events": []
-  },
-  "Roo.data.JsonStore": {
-   "props": [
-    {
-     "name": "fields",
-     "type": "Array",
-     "desc": "An array of field definition objects, or field name strings.",
-     "memberOf": ""
-    },
-    {
-     "name": "isLocal",
-     "type": "boolean",
-     "desc": "flag if data is locally available (and can be always looked up\nwithout a remote query - used by combo/forms at present.",
-     "memberOf": "Roo.data.Store"
+     "desc": "any extra css",
+     "memberOf": "Roo.bootstrap.Component"
     },
     {
-     "name": "proxy",
-     "type": "Roo.data.DataProxy",
-     "desc": "The Proxy object which provides access to a data object.",
-     "memberOf": "Roo.data.Store"
+     "name": "xattr",
+     "type": "Object",
+     "desc": "extra attributes to add to 'element' (used by builder to store stuff.)",
+     "memberOf": "Roo.bootstrap.Component"
     },
     {
-     "name": "data",
-     "type": "Array",
-     "desc": "Inline data to be loaded when the store is initialized.",
-     "memberOf": "Roo.data.Store"
+     "name": "can_build_overlaid",
+     "type": "Boolean",
+     "desc": "True if element can be rebuild from a HTML page",
+     "memberOf": "Roo.bootstrap.Component"
     },
     {
-     "name": "reader",
-     "type": "Roo.data.Reader",
-     "desc": "The Reader object which processes the data object and returns\nan Array of Roo.data.record objects which are cached keyed by their <em>id</em> property.",
-     "memberOf": "Roo.data.Store"
+     "name": "dataId",
+     "type": "string",
+     "desc": "cutomer id",
+     "memberOf": "Roo.bootstrap.Component"
     },
     {
-     "name": "baseParams",
-     "type": "Object",
-     "desc": "An object containing properties which are to be sent as parameters\non any HTTP request",
-     "memberOf": "Roo.data.Store"
+     "name": "name",
+     "type": "string",
+     "desc": "Specifies name attribute",
+     "memberOf": "Roo.bootstrap.Component"
     },
     {
-     "name": "sortInfo",
-     "type": "Object",
-     "desc": "A config object in the format: {field: \"fieldName\", direction: \"ASC|DESC\"}",
-     "memberOf": "Roo.data.Store"
+     "name": "disableClass",
+     "type": "String",
+     "desc": "CSS class added to the component when it is disabled (defaults to \"x-item-disabled\").",
+     "memberOf": "Roo.Component"
     },
     {
-     "name": "multiSort",
+     "name": "allowDomMove",
      "type": "Boolean",
-     "desc": "enable multi column sorting (sort is based on the order of columns, remote only at present)",
-     "memberOf": "Roo.data.Store"
+     "desc": "Whether the component can move the Dom node when rendering (defaults to true).",
+     "memberOf": "Roo.Component"
     },
     {
-     "name": "remoteSort",
-     "type": "boolean",
-     "desc": "True if sorting is to be handled by requesting the Proxy to provide a refreshed\nversion of the data object in sorted order, as opposed to sorting the Record cache in place (defaults to false).",
-     "memberOf": "Roo.data.Store"
+     "name": "hideMode",
+     "type": "String",
+     "desc": "How this component should hidden. Supported values are\n\"visibility\" (css visibility), \"offsets\" (negative offset position) and\n\"display\" (css display) - defaults to \"display\".",
+     "memberOf": "Roo.Component"
     },
     {
-     "name": "pruneModifiedRecords",
-     "type": "boolean",
-     "desc": "True to clear all modified record information each time the store is\nloaded or when a record is removed. (defaults to false).",
-     "memberOf": "Roo.data.Store"
+     "name": "actionMode",
+     "type": "String",
+     "desc": "which property holds the element that used for  hide() / show() / disable() / enable()\ndefault is 'el'",
+     "memberOf": "Roo.Component"
     },
     {
      "name": "listeners",
    ],
    "events": [
     {
-     "name": "add",
-     "sig": "function (_self, records, index)\n{\n\n}",
+     "name": "beforedestroy",
+     "sig": "function (_self)\n{\n\n}",
      "type": "function",
-     "desc": "Fires when Records have been added to the Store"
+     "desc": "Fires before the component is destroyed. Return false to stop the destroy."
     },
     {
-     "name": "beforeload",
-     "sig": "function (_self, options)\n{\n\n}",
+     "name": "beforehide",
+     "sig": "function (_self)\n{\n\n}",
      "type": "function",
-     "desc": "Fires before a request is made for a new data object.  If the beforeload handler returns false\nthe load action will be canceled."
+     "desc": "Fires before the component is hidden. Return false to stop the hide."
     },
     {
-     "name": "beforeloadadd",
-     "sig": "function (_self, records, options)\n{\n\n}",
+     "name": "beforerender",
+     "sig": "function (_self)\n{\n\n}",
      "type": "function",
-     "desc": "Fires after a new set of Records has been loaded."
+     "desc": "Fires before the component is rendered. Return false to stop the render."
     },
     {
-     "name": "clear",
+     "name": "beforeshow",
      "sig": "function (_self)\n{\n\n}",
      "type": "function",
-     "desc": "Fires when the data cache has been cleared."
+     "desc": "Fires before the component is shown.  Return false to stop the show."
     },
     {
-     "name": "datachanged",
-     "sig": "function (_self)\n{\n\n}",
+     "name": "click",
+     "sig": "function (e)\n{\n\n}",
      "type": "function",
-     "desc": "Fires when the data cache has changed, and a widget which is using this Store\nas a Record cache should refresh its view."
+     "desc": "The raw click event for the entire grid."
     },
     {
-     "name": "load",
-     "sig": "function (_self, records, options)\n{\n\n}",
+     "name": "destroy",
+     "sig": "function (_self)\n{\n\n}",
      "type": "function",
-     "desc": "Fires after a new set of Records has been loaded, before they are added to the store."
+     "desc": "Fires after the component is destroyed."
     },
     {
-     "name": "loadexception",
-     "sig": "function (, return, load, jsonData)\n{\n\n}",
+     "name": "disable",
+     "sig": "function (_self)\n{\n\n}",
      "type": "function",
-     "desc": "Fires if an exception occurs in the Proxy during loading.\nCalled with the signature of the Proxy's \"loadexception\" event.\nIf you return Json { data: [] , success: false, .... } then this will be thrown with the following args"
+     "desc": "Fires after the component is disabled."
     },
     {
-     "name": "metachange",
-     "sig": "function (_self, meta)\n{\n\n}",
-     "type": "function",
-     "desc": "Fires when this store's reader provides new metadata (fields). This is currently only support for JsonReaders."
-    },
-    {
-     "name": "remove",
-     "sig": "function (_self, record, index)\n{\n\n}",
-     "type": "function",
-     "desc": "Fires when a Record has been removed from the Store"
-    },
-    {
-     "name": "update",
-     "sig": "function (_self, record, operation)\n{\n\n}",
-     "type": "function",
-     "desc": "Fires when a Record has been updated"
-    }
-   ]
-  },
-  "Roo.data.MemoryProxy": {
-   "props": [],
-   "events": []
-  },
-  "Roo.data.Node": {
-   "props": [
-    {
-     "name": "leaf",
-     "type": "Boolean",
-     "desc": "true if this node is a leaf and does not have children",
-     "memberOf": ""
-    },
-    {
-     "name": "id",
-     "type": "String",
-     "desc": "The id for this node. If one is not specified, one is generated.",
-     "memberOf": ""
-    },
-    {
-     "name": "listeners",
-     "type": "Object",
-     "desc": "list of events and functions to call for this object, \nFor example :\n<pre><code>\n    listeners :  { \n       'click' : function(e) {\n           ..... \n        } ,\n        .... \n    } \n  </code></pre>",
-     "memberOf": "Roo.util.Observable"
-    }
-   ],
-   "events": [
-    {
-     "name": "append",
-     "sig": "function (tree, _self, node, index)\n{\n\n}",
-     "type": "function",
-     "desc": "Fires when a new child node is appended"
-    },
-    {
-     "name": "beforeappend",
-     "sig": "function (tree, _self, node)\n{\n\n}",
-     "type": "function",
-     "desc": "Fires before a new child is appended, return false to cancel the append."
-    },
-    {
-     "name": "beforeinsert",
-     "sig": "function (tree, _self, node, refNode)\n{\n\n}",
-     "type": "function",
-     "desc": "Fires before a new child is inserted, return false to cancel the insert."
-    },
-    {
-     "name": "beforemove",
-     "sig": "function (tree, _self, oldParent, newParent, index)\n{\n\n}",
-     "type": "function",
-     "desc": "Fires before this node is moved to a new location in the tree. Return false to cancel the move."
-    },
-    {
-     "name": "beforeremove",
-     "sig": "function (tree, _self, node)\n{\n\n}",
+     "name": "enable",
+     "sig": "function (_self)\n{\n\n}",
      "type": "function",
-     "desc": "Fires before a child is removed, return false to cancel the remove."
+     "desc": "Fires after the component is enabled."
     },
     {
-     "name": "insert",
-     "sig": "function (tree, _self, node, refNode)\n{\n\n}",
+     "name": "hide",
+     "sig": "function (_self)\n{\n\n}",
      "type": "function",
-     "desc": "Fires when a new child node is inserted."
+     "desc": "Fires after the component is hidden."
     },
     {
-     "name": "move",
-     "sig": "function (tree, _self, oldParent, newParent, index)\n{\n\n}",
+     "name": "render",
+     "sig": "function (_self)\n{\n\n}",
      "type": "function",
-     "desc": "Fires when this node is moved to a new location in the tree"
+     "desc": "Fires after the component is rendered."
     },
     {
-     "name": "remove",
-     "sig": "function (tree, _self, node)\n{\n\n}",
+     "name": "show",
+     "sig": "function (_self)\n{\n\n}",
      "type": "function",
-     "desc": "Fires when a child node is removed"
+     "desc": "Fires after the component is shown."
     }
    ]
   },
-  "Roo.data.Record": {
-   "props": [],
-   "events": []
-  },
-  "Roo.data.ScriptTagProxy": {
+  "Roo.bootstrap.ButtonGroup": {
    "props": [
     {
-     "name": "url",
+     "name": "size",
      "type": "String",
-     "desc": "The URL from which to request the data object.",
+     "desc": "lg | sm | xs (default empty normal)",
      "memberOf": ""
     },
     {
-     "name": "timeout",
-     "type": "Number",
-     "desc": "(Optional) The number of milliseconds to wait for a response. Defaults to 30 seconds.",
+     "name": "align",
+     "type": "String",
+     "desc": "vertical | justified  (default none)",
      "memberOf": ""
     },
     {
-     "name": "callbackParam",
+     "name": "direction",
      "type": "String",
-     "desc": "(Optional) The name of the parameter to pass to the server which tells\nthe server the name of the callback function set up by the load call to process the returned data object.\nDefaults to \"callback\".<p>The server-side processing must read this parameter value, and generate\njavascript output which calls this named function passing the data object as its only parameter.",
+     "desc": "up | down (default down)",
      "memberOf": ""
     },
     {
-     "name": "nocache",
+     "name": "toolbar",
      "type": "Boolean",
-     "desc": "(Optional) Defaults to true. Disable cacheing by adding a unique parameter\nname to the request.",
+     "desc": "false | true",
      "memberOf": ""
-    }
-   ],
-   "events": []
-  },
-  "Roo.data.SimpleStore": {
-   "props": [
+    },
     {
-     "name": "id",
-     "type": "Number",
-     "desc": "The array index of the record id. Leave blank to auto generate ids.",
+     "name": "btn",
+     "type": "Boolean",
+     "desc": "true | false",
      "memberOf": ""
     },
     {
-     "name": "fields",
-     "type": "Array",
-     "desc": "An array of field definition objects, or field name strings.",
-     "memberOf": ""
+     "name": "cls",
+     "type": "String",
+     "desc": "css class",
+     "memberOf": "Roo.bootstrap.Component"
     },
     {
-     "name": "data",
-     "type": "Array",
-     "desc": "The multi-dimensional array of data",
-     "memberOf": ""
+     "name": "style",
+     "type": "String",
+     "desc": "any extra css",
+     "memberOf": "Roo.bootstrap.Component"
     },
     {
-     "name": "isLocal",
-     "type": "boolean",
-     "desc": "flag if data is locally available (and can be always looked up\nwithout a remote query - used by combo/forms at present.",
-     "memberOf": "Roo.data.Store"
+     "name": "xattr",
+     "type": "Object",
+     "desc": "extra attributes to add to 'element' (used by builder to store stuff.)",
+     "memberOf": "Roo.bootstrap.Component"
     },
     {
-     "name": "proxy",
-     "type": "Roo.data.DataProxy",
-     "desc": "The Proxy object which provides access to a data object.",
-     "memberOf": "Roo.data.Store"
+     "name": "can_build_overlaid",
+     "type": "Boolean",
+     "desc": "True if element can be rebuild from a HTML page",
+     "memberOf": "Roo.bootstrap.Component"
     },
     {
-     "name": "reader",
-     "type": "Roo.data.Reader",
-     "desc": "The Reader object which processes the data object and returns\nan Array of Roo.data.record objects which are cached keyed by their <em>id</em> property.",
-     "memberOf": "Roo.data.Store"
+     "name": "dataId",
+     "type": "string",
+     "desc": "cutomer id",
+     "memberOf": "Roo.bootstrap.Component"
     },
     {
-     "name": "baseParams",
-     "type": "Object",
-     "desc": "An object containing properties which are to be sent as parameters\non any HTTP request",
-     "memberOf": "Roo.data.Store"
+     "name": "name",
+     "type": "string",
+     "desc": "Specifies name attribute",
+     "memberOf": "Roo.bootstrap.Component"
     },
     {
-     "name": "sortInfo",
-     "type": "Object",
-     "desc": "A config object in the format: {field: \"fieldName\", direction: \"ASC|DESC\"}",
-     "memberOf": "Roo.data.Store"
+     "name": "disableClass",
+     "type": "String",
+     "desc": "CSS class added to the component when it is disabled (defaults to \"x-item-disabled\").",
+     "memberOf": "Roo.Component"
     },
     {
-     "name": "multiSort",
+     "name": "allowDomMove",
      "type": "Boolean",
-     "desc": "enable multi column sorting (sort is based on the order of columns, remote only at present)",
-     "memberOf": "Roo.data.Store"
+     "desc": "Whether the component can move the Dom node when rendering (defaults to true).",
+     "memberOf": "Roo.Component"
     },
     {
-     "name": "remoteSort",
-     "type": "boolean",
-     "desc": "True if sorting is to be handled by requesting the Proxy to provide a refreshed\nversion of the data object in sorted order, as opposed to sorting the Record cache in place (defaults to false).",
-     "memberOf": "Roo.data.Store"
+     "name": "hideMode",
+     "type": "String",
+     "desc": "How this component should hidden. Supported values are\n\"visibility\" (css visibility), \"offsets\" (negative offset position) and\n\"display\" (css display) - defaults to \"display\".",
+     "memberOf": "Roo.Component"
     },
     {
-     "name": "pruneModifiedRecords",
-     "type": "boolean",
-     "desc": "True to clear all modified record information each time the store is\nloaded or when a record is removed. (defaults to false).",
-     "memberOf": "Roo.data.Store"
+     "name": "actionMode",
+     "type": "String",
+     "desc": "which property holds the element that used for  hide() / show() / disable() / enable()\ndefault is 'el'",
+     "memberOf": "Roo.Component"
     },
     {
      "name": "listeners",
    ],
    "events": [
     {
-     "name": "add",
-     "sig": "function (_self, records, index)\n{\n\n}",
+     "name": "beforedestroy",
+     "sig": "function (_self)\n{\n\n}",
      "type": "function",
-     "desc": "Fires when Records have been added to the Store"
+     "desc": "Fires before the component is destroyed. Return false to stop the destroy."
     },
     {
-     "name": "beforeload",
-     "sig": "function (_self, options)\n{\n\n}",
+     "name": "beforehide",
+     "sig": "function (_self)\n{\n\n}",
      "type": "function",
-     "desc": "Fires before a request is made for a new data object.  If the beforeload handler returns false\nthe load action will be canceled."
+     "desc": "Fires before the component is hidden. Return false to stop the hide."
     },
     {
-     "name": "beforeloadadd",
-     "sig": "function (_self, records, options)\n{\n\n}",
+     "name": "beforerender",
+     "sig": "function (_self)\n{\n\n}",
      "type": "function",
-     "desc": "Fires after a new set of Records has been loaded."
+     "desc": "Fires before the component is rendered. Return false to stop the render."
     },
     {
-     "name": "clear",
+     "name": "beforeshow",
      "sig": "function (_self)\n{\n\n}",
      "type": "function",
-     "desc": "Fires when the data cache has been cleared."
+     "desc": "Fires before the component is shown.  Return false to stop the show."
     },
     {
-     "name": "datachanged",
+     "name": "destroy",
      "sig": "function (_self)\n{\n\n}",
      "type": "function",
-     "desc": "Fires when the data cache has changed, and a widget which is using this Store\nas a Record cache should refresh its view."
+     "desc": "Fires after the component is destroyed."
     },
     {
-     "name": "load",
-     "sig": "function (_self, records, options)\n{\n\n}",
+     "name": "disable",
+     "sig": "function (_self)\n{\n\n}",
      "type": "function",
-     "desc": "Fires after a new set of Records has been loaded, before they are added to the store."
+     "desc": "Fires after the component is disabled."
     },
     {
-     "name": "loadexception",
-     "sig": "function (, return, load, jsonData)\n{\n\n}",
+     "name": "enable",
+     "sig": "function (_self)\n{\n\n}",
      "type": "function",
-     "desc": "Fires if an exception occurs in the Proxy during loading.\nCalled with the signature of the Proxy's \"loadexception\" event.\nIf you return Json { data: [] , success: false, .... } then this will be thrown with the following args"
+     "desc": "Fires after the component is enabled."
     },
     {
-     "name": "metachange",
-     "sig": "function (_self, meta)\n{\n\n}",
+     "name": "hide",
+     "sig": "function (_self)\n{\n\n}",
      "type": "function",
-     "desc": "Fires when this store's reader provides new metadata (fields). This is currently only support for JsonReaders."
+     "desc": "Fires after the component is hidden."
     },
     {
-     "name": "remove",
-     "sig": "function (_self, record, index)\n{\n\n}",
+     "name": "render",
+     "sig": "function (_self)\n{\n\n}",
      "type": "function",
-     "desc": "Fires when a Record has been removed from the Store"
+     "desc": "Fires after the component is rendered."
     },
     {
-     "name": "update",
-     "sig": "function (_self, record, operation)\n{\n\n}",
+     "name": "show",
+     "sig": "function (_self)\n{\n\n}",
      "type": "function",
-     "desc": "Fires when a Record has been updated"
+     "desc": "Fires after the component is shown."
     }
    ]
   },
-  "Roo.data.SortTypes": {
-   "props": [],
-   "events": []
-  },
-  "Roo.data.Store": {
+  "Roo.bootstrap.Calendar": {
    "props": [
     {
-     "name": "isLocal",
-     "type": "boolean",
-     "desc": "flag if data is locally available (and can be always looked up\nwithout a remote query - used by combo/forms at present.",
+     "name": "startDay",
+     "type": "Number",
+     "desc": "Day index at which the week should begin, 0-based (defaults to 0, which is Sunday)",
      "memberOf": ""
     },
     {
-     "name": "proxy",
-     "type": "Roo.data.DataProxy",
-     "desc": "The Proxy object which provides access to a data object.",
-     "memberOf": ""
+     "name": "cls",
+     "type": "String",
+     "desc": "css class",
+     "memberOf": "Roo.bootstrap.Component"
     },
     {
-     "name": "data",
-     "type": "Array",
-     "desc": "Inline data to be loaded when the store is initialized.",
-     "memberOf": ""
+     "name": "style",
+     "type": "String",
+     "desc": "any extra css",
+     "memberOf": "Roo.bootstrap.Component"
     },
     {
-     "name": "reader",
-     "type": "Roo.data.Reader",
-     "desc": "The Reader object which processes the data object and returns\nan Array of Roo.data.record objects which are cached keyed by their <em>id</em> property.",
-     "memberOf": ""
+     "name": "xattr",
+     "type": "Object",
+     "desc": "extra attributes to add to 'element' (used by builder to store stuff.)",
+     "memberOf": "Roo.bootstrap.Component"
     },
     {
-     "name": "baseParams",
-     "type": "Object",
-     "desc": "An object containing properties which are to be sent as parameters\non any HTTP request",
-     "memberOf": ""
+     "name": "can_build_overlaid",
+     "type": "Boolean",
+     "desc": "True if element can be rebuild from a HTML page",
+     "memberOf": "Roo.bootstrap.Component"
     },
     {
-     "name": "sortInfo",
-     "type": "Object",
-     "desc": "A config object in the format: {field: \"fieldName\", direction: \"ASC|DESC\"}",
-     "memberOf": ""
+     "name": "dataId",
+     "type": "string",
+     "desc": "cutomer id",
+     "memberOf": "Roo.bootstrap.Component"
     },
     {
-     "name": "multiSort",
+     "name": "name",
+     "type": "string",
+     "desc": "Specifies name attribute",
+     "memberOf": "Roo.bootstrap.Component"
+    },
+    {
+     "name": "disableClass",
+     "type": "String",
+     "desc": "CSS class added to the component when it is disabled (defaults to \"x-item-disabled\").",
+     "memberOf": "Roo.Component"
+    },
+    {
+     "name": "allowDomMove",
      "type": "Boolean",
-     "desc": "enable multi column sorting (sort is based on the order of columns, remote only at present)",
-     "memberOf": ""
+     "desc": "Whether the component can move the Dom node when rendering (defaults to true).",
+     "memberOf": "Roo.Component"
     },
     {
-     "name": "remoteSort",
-     "type": "boolean",
-     "desc": "True if sorting is to be handled by requesting the Proxy to provide a refreshed\nversion of the data object in sorted order, as opposed to sorting the Record cache in place (defaults to false).",
-     "memberOf": ""
+     "name": "hideMode",
+     "type": "String",
+     "desc": "How this component should hidden. Supported values are\n\"visibility\" (css visibility), \"offsets\" (negative offset position) and\n\"display\" (css display) - defaults to \"display\".",
+     "memberOf": "Roo.Component"
     },
     {
-     "name": "pruneModifiedRecords",
-     "type": "boolean",
-     "desc": "True to clear all modified record information each time the store is\nloaded or when a record is removed. (defaults to false).",
-     "memberOf": ""
+     "name": "actionMode",
+     "type": "String",
+     "desc": "which property holds the element that used for  hide() / show() / disable() / enable()\ndefault is 'el'",
+     "memberOf": "Roo.Component"
     },
     {
      "name": "listeners",
    ],
    "events": [
     {
-     "name": "add",
-     "sig": "function (_self, records, index)\n{\n\n}",
-     "type": "function",
-     "desc": "Fires when Records have been added to the Store"
-    },
-    {
-     "name": "beforeload",
-     "sig": "function (_self, options)\n{\n\n}",
-     "type": "function",
-     "desc": "Fires before a request is made for a new data object.  If the beforeload handler returns false\nthe load action will be canceled."
-    },
-    {
-     "name": "beforeloadadd",
-     "sig": "function (_self, records, options)\n{\n\n}",
+     "name": "beforedestroy",
+     "sig": "function (_self)\n{\n\n}",
      "type": "function",
-     "desc": "Fires after a new set of Records has been loaded."
+     "desc": "Fires before the component is destroyed. Return false to stop the destroy."
     },
     {
-     "name": "clear",
+     "name": "beforehide",
      "sig": "function (_self)\n{\n\n}",
      "type": "function",
-     "desc": "Fires when the data cache has been cleared."
+     "desc": "Fires before the component is hidden. Return false to stop the hide."
     },
     {
-     "name": "datachanged",
+     "name": "beforerender",
      "sig": "function (_self)\n{\n\n}",
      "type": "function",
-     "desc": "Fires when the data cache has changed, and a widget which is using this Store\nas a Record cache should refresh its view."
+     "desc": "Fires before the component is rendered. Return false to stop the render."
     },
     {
-     "name": "load",
-     "sig": "function (_self, records, options)\n{\n\n}",
+     "name": "beforeshow",
+     "sig": "function (_self)\n{\n\n}",
      "type": "function",
-     "desc": "Fires after a new set of Records has been loaded, before they are added to the store."
+     "desc": "Fires before the component is shown.  Return false to stop the show."
     },
     {
-     "name": "loadexception",
-     "sig": "function (, return, load, jsonData)\n{\n\n}",
+     "name": "destroy",
+     "sig": "function (_self)\n{\n\n}",
      "type": "function",
-     "desc": "Fires if an exception occurs in the Proxy during loading.\nCalled with the signature of the Proxy's \"loadexception\" event.\nIf you return Json { data: [] , success: false, .... } then this will be thrown with the following args"
+     "desc": "Fires after the component is destroyed."
     },
     {
-     "name": "metachange",
-     "sig": "function (_self, meta)\n{\n\n}",
+     "name": "disable",
+     "sig": "function (_self)\n{\n\n}",
      "type": "function",
-     "desc": "Fires when this store's reader provides new metadata (fields). This is currently only support for JsonReaders."
+     "desc": "Fires after the component is disabled."
     },
     {
-     "name": "remove",
-     "sig": "function (_self, record, index)\n{\n\n}",
+     "name": "enable",
+     "sig": "function (_self)\n{\n\n}",
      "type": "function",
-     "desc": "Fires when a Record has been removed from the Store"
+     "desc": "Fires after the component is enabled."
     },
     {
-     "name": "update",
-     "sig": "function (_self, record, operation)\n{\n\n}",
-     "type": "function",
-     "desc": "Fires when a Record has been updated"
-    }
-   ]
-  },
-  "Roo.data.Tree": {
-   "props": [
-    {
-     "name": "listeners",
-     "type": "Object",
-     "desc": "list of events and functions to call for this object, \nFor example :\n<pre><code>\n    listeners :  { \n       'click' : function(e) {\n           ..... \n        } ,\n        .... \n    } \n  </code></pre>",
-     "memberOf": "Roo.util.Observable"
-    }
-   ],
-   "events": [
-    {
-     "name": "append",
-     "sig": "function (tree, parent, node, index)\n{\n\n}",
+     "name": "eventclick",
+     "sig": "function (_self, )\n{\n\n}",
      "type": "function",
-     "desc": "Fires when a new child node is appended to a node in this tree."
+     "desc": "Fires when the mouse click an"
     },
     {
-     "name": "beforeappend",
-     "sig": "function (tree, parent, node)\n{\n\n}",
+     "name": "evententer",
+     "sig": "function (_self, Event)\n{\n\n}",
      "type": "function",
-     "desc": "Fires before a new child is appended to a node in this tree, return false to cancel the append."
+     "desc": "Fires when mouse over an event"
     },
     {
-     "name": "beforeinsert",
-     "sig": "function (tree, parent, node, refNode)\n{\n\n}",
+     "name": "eventleave",
+     "sig": "function (_self, )\n{\n\n}",
      "type": "function",
-     "desc": "Fires before a new child is inserted in a node in this tree, return false to cancel the insert."
+     "desc": "Fires when the mouse leaves an"
     },
     {
-     "name": "beforemove",
-     "sig": "function (tree, node, oldParent, newParent, index)\n{\n\n}",
+     "name": "hide",
+     "sig": "function (_self)\n{\n\n}",
      "type": "function",
-     "desc": "Fires before a node is moved to a new location in the tree. Return false to cancel the move."
+     "desc": "Fires after the component is hidden."
     },
     {
-     "name": "beforeremove",
-     "sig": "function (tree, parent, node)\n{\n\n}",
+     "name": "monthchange",
+     "sig": "function (_self, date)\n{\n\n}",
      "type": "function",
-     "desc": "Fires before a child is removed from a node in this tree, return false to cancel the remove."
+     "desc": "Fires when the displayed month changes"
     },
     {
-     "name": "insert",
-     "sig": "function (tree, parent, node, refNode)\n{\n\n}",
+     "name": "render",
+     "sig": "function (_self)\n{\n\n}",
      "type": "function",
-     "desc": "Fires when a new child node is inserted in a node in this tree."
+     "desc": "Fires after the component is rendered."
     },
     {
-     "name": "move",
-     "sig": "function (tree, node, oldParent, newParent, index)\n{\n\n}",
+     "name": "select",
+     "sig": "function (_self, date)\n{\n\n}",
      "type": "function",
-     "desc": "Fires when a node is moved to a new location in the tree"
+     "desc": "Fires when a date is selected"
     },
     {
-     "name": "remove",
-     "sig": "function (tree, parent, node)\n{\n\n}",
+     "name": "show",
+     "sig": "function (_self)\n{\n\n}",
      "type": "function",
-     "desc": "Fires when a child node is removed from a node in this tree."
+     "desc": "Fires after the component is shown."
     }
    ]
   },
-  "Roo.data.XmlReader": {
+  "Roo.bootstrap.Column": {
    "props": [
     {
-     "name": "totalRecords",
-     "type": "String",
-     "desc": "The DomQuery path from which to retrieve the total number of records\nin the dataset. This is only needed if the whole dataset is not passed in one go, but is being\npaged from the remote server.",
+     "name": "xs",
+     "type": "Number",
+     "desc": "colspan out of 12 for mobile-sized screens",
      "memberOf": ""
     },
     {
-     "name": "record",
-     "type": "String",
-     "desc": "The DomQuery path to the repeated element which contains record information.",
+     "name": "sm",
+     "type": "Number",
+     "desc": "colspan out of 12 for tablet-sized screens",
      "memberOf": ""
     },
     {
-     "name": "success",
-     "type": "String",
-     "desc": "The DomQuery path to the success attribute used by forms.",
+     "name": "md",
+     "type": "Number",
+     "desc": "colspan out of 12 for computer-sized screens",
      "memberOf": ""
     },
     {
-     "name": "id",
+     "name": "lg",
+     "type": "Number",
+     "desc": "colspan out of 12 for large computer-sized screens",
+     "memberOf": ""
+    },
+    {
+     "name": "html",
      "type": "String",
-     "desc": "The DomQuery path relative from the record element to the element that contains\na record identifier value.",
+     "desc": "content of column.",
      "memberOf": ""
-    }
-   ],
-   "events": []
-  },
-  "Roo.dd": {
-   "props": [],
-   "events": []
-  },
-  "Roo.dd.DD": {
-   "props": [
+    },
     {
-     "name": "listeners",
-     "type": "Object",
-     "desc": "list of events and functions to call for this object, \nFor example :\n<pre><code>\n    listeners :  { \n       'click' : function(e) {\n           ..... \n        } ,\n        .... \n    } \n  </code></pre>",
-     "memberOf": "Roo.util.Observable"
-    }
-   ],
-   "events": []
-  },
-  "Roo.dd.DDProxy": {
-   "props": [
+     "name": "cls",
+     "type": "String",
+     "desc": "css class",
+     "memberOf": "Roo.bootstrap.Component"
+    },
     {
-     "name": "listeners",
-     "type": "Object",
-     "desc": "list of events and functions to call for this object, \nFor example :\n<pre><code>\n    listeners :  { \n       'click' : function(e) {\n           ..... \n        } ,\n        .... \n    } \n  </code></pre>",
-     "memberOf": "Roo.util.Observable"
-    }
-   ],
-   "events": []
-  },
-  "Roo.dd.DDTarget": {
-   "props": [
+     "name": "style",
+     "type": "String",
+     "desc": "any extra css",
+     "memberOf": "Roo.bootstrap.Component"
+    },
     {
-     "name": "listeners",
+     "name": "xattr",
      "type": "Object",
-     "desc": "list of events and functions to call for this object, \nFor example :\n<pre><code>\n    listeners :  { \n       'click' : function(e) {\n           ..... \n        } ,\n        .... \n    } \n  </code></pre>",
-     "memberOf": "Roo.util.Observable"
-    }
-   ],
-   "events": []
-  },
-  "Roo.dd.DragDrop": {
-   "props": [
+     "desc": "extra attributes to add to 'element' (used by builder to store stuff.)",
+     "memberOf": "Roo.bootstrap.Component"
+    },
     {
-     "name": "listeners",
-     "type": "Object",
-     "desc": "list of events and functions to call for this object, \nFor example :\n<pre><code>\n    listeners :  { \n       'click' : function(e) {\n           ..... \n        } ,\n        .... \n    } \n  </code></pre>",
-     "memberOf": "Roo.util.Observable"
-    }
-   ],
-   "events": []
-  },
-  "Roo.dd.DragDropMgr": {
-   "props": [],
-   "events": []
-  },
-  "Roo.dd.DragSource": {
-   "props": [
+     "name": "can_build_overlaid",
+     "type": "Boolean",
+     "desc": "True if element can be rebuild from a HTML page",
+     "memberOf": "Roo.bootstrap.Component"
+    },
     {
-     "name": "dropAllowed",
-     "type": "String",
-     "desc": "The CSS class returned to the drag source when drop is allowed (defaults to \"x-dd-drop-ok\").",
-     "memberOf": ""
+     "name": "dataId",
+     "type": "string",
+     "desc": "cutomer id",
+     "memberOf": "Roo.bootstrap.Component"
     },
     {
-     "name": "dropNotAllowed",
+     "name": "name",
+     "type": "string",
+     "desc": "Specifies name attribute",
+     "memberOf": "Roo.bootstrap.Component"
+    },
+    {
+     "name": "disableClass",
      "type": "String",
-     "desc": "The CSS class returned to the drag source when drop is not allowed (defaults to \"x-dd-drop-nodrop\").",
-     "memberOf": ""
+     "desc": "CSS class added to the component when it is disabled (defaults to \"x-item-disabled\").",
+     "memberOf": "Roo.Component"
     },
     {
-     "name": "listeners",
-     "type": "Object",
-     "desc": "list of events and functions to call for this object, \nFor example :\n<pre><code>\n    listeners :  { \n       'click' : function(e) {\n           ..... \n        } ,\n        .... \n    } \n  </code></pre>",
-     "memberOf": "Roo.util.Observable"
-    }
-   ],
-   "events": []
-  },
-  "Roo.dd.DragZone": {
-   "props": [
-    {
-     "name": "containerScroll",
+     "name": "allowDomMove",
      "type": "Boolean",
-     "desc": "True to register this container with the Scrollmanager\nfor auto scrolling during drag operations.",
-     "memberOf": ""
-    },
-    {
-     "name": "hlColor",
-     "type": "String",
-     "desc": "The color to use when visually highlighting the drag source in the afterRepair\nmethod after a failed drop (defaults to \"c3daf9\" - light blue)",
-     "memberOf": ""
+     "desc": "Whether the component can move the Dom node when rendering (defaults to true).",
+     "memberOf": "Roo.Component"
     },
     {
-     "name": "dropAllowed",
+     "name": "hideMode",
      "type": "String",
-     "desc": "The CSS class returned to the drag source when drop is allowed (defaults to \"x-dd-drop-ok\").",
-     "memberOf": "Roo.dd.DragSource"
+     "desc": "How this component should hidden. Supported values are\n\"visibility\" (css visibility), \"offsets\" (negative offset position) and\n\"display\" (css display) - defaults to \"display\".",
+     "memberOf": "Roo.Component"
     },
     {
-     "name": "dropNotAllowed",
+     "name": "actionMode",
      "type": "String",
-     "desc": "The CSS class returned to the drag source when drop is not allowed (defaults to \"x-dd-drop-nodrop\").",
-     "memberOf": "Roo.dd.DragSource"
+     "desc": "which property holds the element that used for  hide() / show() / disable() / enable()\ndefault is 'el'",
+     "memberOf": "Roo.Component"
     },
     {
      "name": "listeners",
      "memberOf": "Roo.util.Observable"
     }
    ],
-   "events": []
-  },
-  "Roo.dd.DropTarget": {
-   "props": [
+   "events": [
     {
-     "name": "overClass",
-     "type": "String",
-     "desc": "The CSS class applied to the drop target element while the drag source is over it (defaults to \"\").",
-     "memberOf": ""
+     "name": "beforedestroy",
+     "sig": "function (_self)\n{\n\n}",
+     "type": "function",
+     "desc": "Fires before the component is destroyed. Return false to stop the destroy."
     },
     {
-     "name": "ddGroup",
-     "type": "String",
-     "desc": "The drag drop group to handle drop events for",
-     "memberOf": ""
+     "name": "beforehide",
+     "sig": "function (_self)\n{\n\n}",
+     "type": "function",
+     "desc": "Fires before the component is hidden. Return false to stop the hide."
     },
     {
-     "name": "dropAllowed",
-     "type": "String",
-     "desc": "The CSS class returned to the drag source when drop is allowed (defaults to \"x-dd-drop-ok\").",
-     "memberOf": ""
+     "name": "beforerender",
+     "sig": "function (_self)\n{\n\n}",
+     "type": "function",
+     "desc": "Fires before the component is rendered. Return false to stop the render."
     },
     {
-     "name": "dropNotAllowed",
-     "type": "String",
-     "desc": "The CSS class returned to the drag source when drop is not allowed (defaults to \"x-dd-drop-nodrop\").",
-     "memberOf": ""
+     "name": "beforeshow",
+     "sig": "function (_self)\n{\n\n}",
+     "type": "function",
+     "desc": "Fires before the component is shown.  Return false to stop the show."
     },
     {
-     "name": "success",
-     "type": "boolean",
-     "desc": "set this after drop listener..",
-     "memberOf": ""
+     "name": "destroy",
+     "sig": "function (_self)\n{\n\n}",
+     "type": "function",
+     "desc": "Fires after the component is destroyed."
     },
     {
-     "name": "valid",
-     "type": "boolean|String",
-     "desc": "true/false or string (ok-add/ok-sub/ok/nodrop)\nif the drop point is valid for over/enter..",
-     "memberOf": ""
+     "name": "disable",
+     "sig": "function (_self)\n{\n\n}",
+     "type": "function",
+     "desc": "Fires after the component is disabled."
     },
     {
-     "name": "listeners",
-     "type": "Object",
-     "desc": "list of events and functions to call for this object, \nFor example :\n<pre><code>\n    listeners :  { \n       'click' : function(e) {\n           ..... \n        } ,\n        .... \n    } \n  </code></pre>",
-     "memberOf": "Roo.util.Observable"
-    }
-   ],
-   "events": [
-    {
-     "name": "drop",
-     "sig": "function (source, e, data)\n{\n\n}",
+     "name": "enable",
+     "sig": "function (_self)\n{\n\n}",
      "type": "function",
-     "desc": "The function a {@link Roo.dd.DragSource} calls once to notify this drop target that the dragged item has\nbeen dropped on it.  This method has no default implementation and returns false, so you must provide an\nimplementation that does something to process the drop event and returns true so that the drag source's\nrepair action does not run.\n\nIMPORTANT : it should set this.success"
+     "desc": "Fires after the component is enabled."
     },
     {
-     "name": "enter",
-     "sig": "function (source, e, data)\n{\n\n}",
+     "name": "hide",
+     "sig": "function (_self)\n{\n\n}",
      "type": "function",
-     "desc": "The function a {@link Roo.dd.DragSource} calls once to notify this drop target that the source is now over the\ntarget.  This default implementation adds the CSS class specified by overClass (if any) to the drop element\nand returns the dropAllowed config value.  This method should be overridden if drop validation is required.\n\nIMPORTANT : it should set this.overClass and this.dropAllowed"
+     "desc": "Fires after the component is hidden."
     },
     {
-     "name": "out",
-     "sig": "function (source, e, data)\n{\n\n}",
+     "name": "render",
+     "sig": "function (_self)\n{\n\n}",
      "type": "function",
-     "desc": "The function a {@link Roo.dd.DragSource} calls once to notify this drop target that the source has been dragged\nout of the target without dropping.  This default implementation simply removes the CSS class specified by\noverClass (if any) from the drop element."
+     "desc": "Fires after the component is rendered."
     },
     {
-     "name": "over",
-     "sig": "function (source, e, data)\n{\n\n}",
+     "name": "show",
+     "sig": "function (_self)\n{\n\n}",
      "type": "function",
-     "desc": "The function a {@link Roo.dd.DragSource} calls continuously while it is being dragged over the target.\nThis method will be called on every mouse movement while the drag source is over the drop target.\nThis default implementation simply returns the dropAllowed config value.\n\nIMPORTANT : it should set this.dropAllowed"
+     "desc": "Fires after the component is shown."
     }
    ]
   },
-  "Roo.dd.DropZone": {
+  "Roo.bootstrap.ComboBox": {
    "props": [
     {
-     "name": "overClass",
-     "type": "String",
-     "desc": "The CSS class applied to the drop target element while the drag source is over it (defaults to \"\").",
-     "memberOf": "Roo.dd.DropTarget"
+     "name": "lazyRender",
+     "type": "Boolean",
+     "desc": "True to prevent the ComboBox from rendering until requested (should always be used when\nrendering into an Roo.Editor, defaults to false)",
+     "memberOf": ""
     },
     {
-     "name": "ddGroup",
-     "type": "String",
-     "desc": "The drag drop group to handle drop events for",
-     "memberOf": "Roo.dd.DropTarget"
+     "name": "autoCreate",
+     "type": "Boolean/Object",
+     "desc": "A DomHelper element spec, or true for a default element spec (defaults to:\n{tag: \"input\", type: \"text\", size: \"24\", autocomplete: \"off\"})",
+     "memberOf": ""
     },
     {
-     "name": "dropAllowed",
-     "type": "String",
-     "desc": "The CSS class returned to the drag source when drop is allowed (defaults to \"x-dd-drop-ok\").",
-     "memberOf": "Roo.dd.DropTarget"
+     "name": "store",
+     "type": "Roo.data.Store",
+     "desc": "The data store to which this combo is bound (defaults to undefined)",
+     "memberOf": ""
     },
     {
-     "name": "dropNotAllowed",
+     "name": "title",
      "type": "String",
-     "desc": "The CSS class returned to the drag source when drop is not allowed (defaults to \"x-dd-drop-nodrop\").",
-     "memberOf": "Roo.dd.DropTarget"
+     "desc": "If supplied, a header element is created containing this text and added into the top of\nthe dropdown list (defaults to undefined, with no header element)",
+     "memberOf": ""
     },
     {
-     "name": "success",
-     "type": "boolean",
-     "desc": "set this after drop listener..",
-     "memberOf": "Roo.dd.DropTarget"
+     "name": "tpl",
+     "type": "String/Roo.Template",
+     "desc": "The template to use to render the output",
+     "memberOf": ""
     },
     {
-     "name": "valid",
-     "type": "boolean|String",
-     "desc": "true/false or string (ok-add/ok-sub/ok/nodrop)\nif the drop point is valid for over/enter..",
-     "memberOf": "Roo.dd.DropTarget"
+     "name": "grow",
+     "type": "Boolean",
+     "desc": "",
+     "memberOf": ""
     },
     {
-     "name": "listeners",
-     "type": "Object",
-     "desc": "list of events and functions to call for this object, \nFor example :\n<pre><code>\n    listeners :  { \n       'click' : function(e) {\n           ..... \n        } ,\n        .... \n    } \n  </code></pre>",
-     "memberOf": "Roo.util.Observable"
-    }
-   ],
-   "events": [
-    {
-     "name": "drop",
-     "sig": "function (source, e, data)\n{\n\n}",
-     "type": "function",
-     "desc": "The function a {@link Roo.dd.DragSource} calls once to notify this drop target that the dragged item has\nbeen dropped on it.  This method has no default implementation and returns false, so you must provide an\nimplementation that does something to process the drop event and returns true so that the drag source's\nrepair action does not run.\n\nIMPORTANT : it should set this.success"
+     "name": "growMin",
+     "type": "Number",
+     "desc": "",
+     "memberOf": ""
     },
     {
-     "name": "enter",
-     "sig": "function (source, e, data)\n{\n\n}",
-     "type": "function",
-     "desc": "The function a {@link Roo.dd.DragSource} calls once to notify this drop target that the source is now over the\ntarget.  This default implementation adds the CSS class specified by overClass (if any) to the drop element\nand returns the dropAllowed config value.  This method should be overridden if drop validation is required.\n\nIMPORTANT : it should set this.overClass and this.dropAllowed"
+     "name": "growMax",
+     "type": "Number",
+     "desc": "",
+     "memberOf": ""
     },
     {
-     "name": "out",
-     "sig": "function (source, e, data)\n{\n\n}",
-     "type": "function",
-     "desc": "The function a {@link Roo.dd.DragSource} calls once to notify this drop target that the source has been dragged\nout of the target without dropping.  This default implementation simply removes the CSS class specified by\noverClass (if any) from the drop element."
+     "name": "listWidth",
+     "type": "Number",
+     "desc": "The width in pixels of the dropdown list (defaults to the width of the ComboBox field)",
+     "memberOf": ""
     },
     {
-     "name": "over",
-     "sig": "function (source, e, data)\n{\n\n}",
-     "type": "function",
-     "desc": "The function a {@link Roo.dd.DragSource} calls continuously while it is being dragged over the target.\nThis method will be called on every mouse movement while the drag source is over the drop target.\nThis default implementation simply returns the dropAllowed config value.\n\nIMPORTANT : it should set this.dropAllowed"
-    }
-   ]
-  },
-  "Roo.dd.Registry": {
-   "props": [],
-   "events": []
-  },
-  "Roo.dd.ScrollManager": {
-   "props": [],
-   "events": []
-  },
-  "Roo.dd.StatusProxy": {
-   "props": [
-    {
-     "name": "dropAllowed",
+     "name": "displayField",
      "type": "String",
-     "desc": "The CSS class to apply to the status element when drop is allowed (defaults to \"x-dd-drop-ok\").",
+     "desc": "The underlying data field name to bind to this CombBox (defaults to undefined if\nmode = 'remote' or 'text' if mode = 'local')",
      "memberOf": ""
     },
     {
-     "name": "dropNotAllowed",
+     "name": "valueField",
      "type": "String",
-     "desc": "The CSS class to apply to the status element when drop is not allowed (defaults to \"x-dd-drop-nodrop\").",
+     "desc": "The underlying data value name to bind to this CombBox (defaults to undefined if\nmode = 'remote' or 'value' if mode = 'local'). \nNote: use of a valueField requires the user make a selection\nin order for a value to be mapped.",
      "memberOf": ""
-    }
-   ],
-   "events": []
-  },
-  "Roo.form": {
-   "props": [],
-   "events": []
-  },
-  "Roo.form.Action": {
-   "props": [],
-   "events": []
-  },
-  "Roo.form.BasicForm": {
-   "props": [
+    },
     {
-     "name": "method",
+     "name": "hiddenName",
      "type": "String",
-     "desc": "The request method to use (GET or POST) for form actions if one isn't supplied in the action options.",
+     "desc": "If specified, a hidden form field with this name is dynamically generated to store the\nfield's data value (defaults to the underlying DOM element's name)",
      "memberOf": ""
     },
     {
-     "name": "reader",
-     "type": "DataReader",
-     "desc": "An Roo.data.DataReader (e.g. {@link Roo.data.XmlReader}) to be used to read data when executing \"load\" actions.\nThis is optional as there is built-in support for processing JSON.",
+     "name": "listClass",
+     "type": "String",
+     "desc": "CSS class to apply to the dropdown list element (defaults to '')",
      "memberOf": ""
     },
     {
-     "name": "errorReader",
-     "type": "DataReader",
-     "desc": "An Roo.data.DataReader (e.g. {@link Roo.data.XmlReader}) to be used to read data when reading validation errors on \"submit\" actions.\nThis is completely optional as there is built-in support for processing JSON.",
+     "name": "selectedClass",
+     "type": "String",
+     "desc": "CSS class to apply to the selected item in the dropdown list (defaults to 'x-combo-selected')",
      "memberOf": ""
     },
     {
-     "name": "url",
-     "type": "String",
-     "desc": "The URL to use for form actions if one isn't supplied in the action options.",
+     "name": "shadow",
+     "type": "Boolean/String",
+     "desc": "True or \"sides\" for the default effect, \"frame\" for 4-way shadow, and \"drop\" for bottom-right",
      "memberOf": ""
     },
     {
-     "name": "fileUpload",
-     "type": "Boolean",
-     "desc": "Set to true if this form is a file upload.",
+     "name": "listAlign",
+     "type": "String",
+     "desc": "A valid anchor position value. See {@link Roo.Element#alignTo} for details on supported\nanchor positions (defaults to 'tl-bl')",
      "memberOf": ""
     },
     {
-     "name": "baseParams",
-     "type": "Object",
-     "desc": "Parameters to pass with all requests. e.g. baseParams: {id: '123', foo: 'bar'}.",
+     "name": "maxHeight",
+     "type": "Number",
+     "desc": "The maximum height in pixels of the dropdown list before scrollbars are shown (defaults to 300)",
      "memberOf": ""
     },
     {
-     "name": "timeout",
+     "name": "triggerAction",
+     "type": "String",
+     "desc": "The action to execute when the trigger field is activated.  Use 'all' to run the\nquery specified by the allQuery config option (defaults to 'query')",
+     "memberOf": ""
+    },
+    {
+     "name": "minChars",
      "type": "Number",
-     "desc": "Timeout for form actions in seconds (default is 30 seconds).",
+     "desc": "The minimum number of characters the user must type before autocomplete and typeahead activate\n(defaults to 4, does not apply if editable = false)",
      "memberOf": ""
     },
     {
-     "name": "trackResetOnLoad",
+     "name": "typeAhead",
      "type": "Boolean",
-     "desc": "If set to true, form.reset() resets to the last loaded\nor setValues() data instead of when the form was first created.",
+     "desc": "True to populate and autoselect the remainder of the text being typed after a configurable\ndelay (typeAheadDelay) if it matches a known value (defaults to false)",
      "memberOf": ""
     },
     {
-     "name": "listeners",
-     "type": "Object",
-     "desc": "list of events and functions to call for this object, \nFor example :\n<pre><code>\n    listeners :  { \n       'click' : function(e) {\n           ..... \n        } ,\n        .... \n    } \n  </code></pre>",
-     "memberOf": "Roo.util.Observable"
-    }
-   ],
-   "events": [
-    {
-     "name": "actioncomplete",
-     "sig": "function (_self, action)\n{\n\n}",
-     "type": "function",
-     "desc": "Fires when an action is completed."
+     "name": "queryDelay",
+     "type": "Number",
+     "desc": "The length of time in milliseconds to delay between the start of typing and sending the\nquery to filter the dropdown list (defaults to 500 if mode = 'remote' or 10 if mode = 'local')",
+     "memberOf": ""
     },
     {
-     "name": "actionfailed",
-     "sig": "function (_self, action)\n{\n\n}",
-     "type": "function",
-     "desc": "Fires when an action fails."
+     "name": "pageSize",
+     "type": "Number",
+     "desc": "If greater than 0, a paging toolbar is displayed in the footer of the dropdown list and the\nfilter queries will execute with page start and limit parameters.  Only applies when mode = 'remote' (defaults to 0)",
+     "memberOf": ""
     },
     {
-     "name": "beforeaction",
-     "sig": "function (_self, action)\n{\n\n}",
-     "type": "function",
-     "desc": "Fires before any action is performed. Return false to cancel the action."
-    }
-   ]
-  },
-  "Roo.form.Checkbox": {
-   "props": [
+     "name": "selectOnFocus",
+     "type": "Boolean",
+     "desc": "True to select any existing text in the field immediately on focus.  Only applies\nwhen editable = true (defaults to false)",
+     "memberOf": ""
+    },
     {
-     "name": "focusClass",
+     "name": "queryParam",
      "type": "String",
-     "desc": "The CSS class to use when the checkbox receives focus (defaults to undefined)",
+     "desc": "Name of the query as it will be passed on the querystring (defaults to 'query')",
      "memberOf": ""
     },
     {
-     "name": "fieldClass",
+     "name": "loadingText",
      "type": "String",
-     "desc": "The default CSS class for the checkbox (defaults to \"x-form-field\")",
+     "desc": "The text to display in the dropdown list while data is loading.  Only applies\nwhen mode = 'remote' (defaults to 'Loading...')",
      "memberOf": ""
     },
     {
-     "name": "checked",
+     "name": "resizable",
      "type": "Boolean",
-     "desc": "True if the the checkbox should render already checked (defaults to false)",
+     "desc": "True to add a resize handle to the bottom of the dropdown list (defaults to false)",
      "memberOf": ""
     },
     {
-     "name": "autoCreate",
-     "type": "String/Object",
-     "desc": "A DomHelper element spec, or true for a default element spec (defaults to\n{tag: \"input\", type: \"checkbox\", autocomplete: \"off\"})",
+     "name": "handleHeight",
+     "type": "Number",
+     "desc": "The height in pixels of the dropdown list resize handle if resizable = true (defaults to 8)",
      "memberOf": ""
     },
     {
-     "name": "boxLabel",
-     "type": "String",
-     "desc": "The text that appears beside the checkbox",
+     "name": "editable",
+     "type": "Boolean",
+     "desc": "False to prevent the user from typing text directly into the field, just like a\ntraditional select (defaults to true)",
      "memberOf": ""
     },
     {
-     "name": "inputValue",
+     "name": "allQuery",
      "type": "String",
-     "desc": "The value that should go into the generated input element's value attribute",
+     "desc": "The text query to send to the server to return all records for the list with no filtering (defaults to '')",
      "memberOf": ""
     },
     {
-     "name": "valueOff",
+     "name": "mode",
      "type": "String",
-     "desc": "The value that should go into the generated input element's value when unchecked.",
+     "desc": "Set to 'local' if the ComboBox loads local data (defaults to 'remote' which loads from the server)",
      "memberOf": ""
     },
     {
-     "name": "fieldLabel",
-     "type": "String",
-     "desc": "Label to use when rendering a form.",
-     "memberOf": "Roo.form.Field"
-    },
-    {
-     "name": "qtip",
-     "type": "String",
-     "desc": "Mouse over tip",
-     "memberOf": "Roo.form.Field"
+     "name": "minListWidth",
+     "type": "Number",
+     "desc": "The minimum width of the dropdown list in pixels (defaults to 70, will be ignored if\nlistWidth has a higher value)",
+     "memberOf": ""
     },
     {
-     "name": "name",
-     "type": "String",
-     "desc": "The field's HTML name attribute.",
-     "memberOf": "Roo.form.Field"
+     "name": "forceSelection",
+     "type": "Boolean",
+     "desc": "True to restrict the selected value to one of the values in the list, false to\nallow the user to set arbitrary text into the field (defaults to false)",
+     "memberOf": ""
     },
     {
-     "name": "invalidClass",
-     "type": "String",
-     "desc": "The CSS class to use when marking a field invalid (defaults to \"x-form-invalid\")",
-     "memberOf": "Roo.form.Field"
+     "name": "typeAheadDelay",
+     "type": "Number",
+     "desc": "The length of time in milliseconds to wait until the typeahead text is displayed\nif typeAhead = true (defaults to 250)",
+     "memberOf": ""
     },
     {
-     "name": "invalidText",
+     "name": "valueNotFoundText",
      "type": "String",
-     "desc": "The error text to use when marking a field invalid and no message is provided (defaults to \"The value in this field is invalid\")",
-     "memberOf": "Roo.form.Field"
-    },
-    {
-     "name": "validationEvent",
-     "type": "String/Boolean",
-     "desc": "The event that should initiate field validation. Set to false to disable\n      automatic validation (defaults to \"keyup\").",
-     "memberOf": "Roo.form.Field"
+     "desc": "When using a name/value combo, if the value passed to setValue is not found in\nthe store, valueNotFoundText will be displayed as the field text if defined (defaults to undefined)",
+     "memberOf": ""
     },
     {
-     "name": "validateOnBlur",
+     "name": "blockFocus",
      "type": "Boolean",
-     "desc": "Whether the field should validate when it loses focus (defaults to true).",
-     "memberOf": "Roo.form.Field"
+     "desc": "Prevents all focus calls, so it can work with things like HTML edtor bar",
+     "memberOf": ""
     },
     {
-     "name": "validationDelay",
-     "type": "Number",
-     "desc": "The length of time in milliseconds after user input begins until validation is initiated (defaults to 250)",
-     "memberOf": "Roo.form.Field"
+     "name": "disableClear",
+     "type": "Boolean",
+     "desc": "Disable showing of clear button.",
+     "memberOf": ""
     },
     {
-     "name": "msgTarget",
-     "type": "String",
-     "desc": "The location where error text should display.  Should be one of the following values (defaults to 'qtip'):\n<pre>\nValue         Description\n-----------   ----------------------------------------------------------------------\nqtip          Display a quick tip when the user hovers over the field\ntitle         Display a default browser title attribute popup\nunder         Add a block div beneath the field containing the error text\nside          Add an error icon to the right of the field with a popup on hover\n[element id]  Add the error text directly to the innerHTML of the specified element\n</pre>",
-     "memberOf": "Roo.form.Field"
+     "name": "alwaysQuery",
+     "type": "Boolean",
+     "desc": "Disable caching of results, and always send query",
+     "memberOf": ""
     },
     {
-     "name": "msgFx",
+     "name": "triggerClass",
      "type": "String",
-     "desc": "<b>Experimental</b> The effect used when displaying a validation message under the field (defaults to 'normal').",
-     "memberOf": "Roo.form.Field"
+     "desc": "An additional CSS class used to style the trigger button.  The trigger will always get the\nclass 'x-form-trigger' by default and triggerClass will be <b>appended</b> if specified.",
+     "memberOf": "Roo.bootstrap.TriggerField"
     },
     {
-     "name": "readOnly",
+     "name": "hideTrigger",
      "type": "Boolean",
-     "desc": "True to mark the field as readOnly in HTML (defaults to false) -- Note: this only sets the element's readOnly DOM attribute.",
-     "memberOf": "Roo.form.Field"
+     "desc": "True to hide the trigger element and display only the base text field (defaults to false)",
+     "memberOf": "Roo.bootstrap.TriggerField"
     },
     {
      "name": "disabled",
      "type": "Boolean",
-     "desc": "True to disable the field (defaults to false).",
-     "memberOf": "Roo.form.Field"
+     "desc": "is it disabled",
+     "memberOf": "Roo.bootstrap.Input"
     },
     {
-     "name": "inputType",
+     "name": "fieldLabel",
      "type": "String",
-     "desc": "The type attribute for input fields -- e.g. radio, text, password (defaults to \"text\").",
-     "memberOf": "Roo.form.Field"
+     "desc": "- the label associated",
+     "memberOf": "Roo.bootstrap.Input"
     },
     {
-     "name": "tabIndex",
-     "type": "Number",
-     "desc": "The tabIndex for this field. Note this only applies to fields that are rendered, not those which are built via applyTo (defaults to undefined).",
-     "memberOf": "Roo.form.Field"
+     "name": "inputType",
+     "type": "String",
+     "desc": "button | checkbox | email | file | hidden | image | number | password | radio | range | reset | search | submit | text",
+     "memberOf": "Roo.bootstrap.Input"
     },
     {
-     "name": "value",
-     "type": "Mixed",
-     "desc": "A value to initialize this field with.",
-     "memberOf": "Roo.form.Field"
+     "name": "name",
+     "type": "String",
+     "desc": "name of the input",
+     "memberOf": "Roo.bootstrap.Input"
     },
     {
-     "name": "cls",
-     "type": "String",
-     "desc": "A CSS class to apply to the field's underlying element.",
-     "memberOf": "Roo.form.Field"
+     "name": "placeholder",
+     "type": "string",
+     "desc": "- placeholder to put in text.",
+     "memberOf": "Roo.bootstrap.Input"
     },
     {
-     "name": "width",
-     "type": "Number",
-     "desc": "width (optional) size of component",
-     "memberOf": "Roo.BoxComponent"
+     "name": "before",
+     "type": "string",
+     "desc": "- input group add on before",
+     "memberOf": "Roo.bootstrap.Input"
     },
     {
-     "name": "height",
-     "type": "Number",
-     "desc": "height (optional) size of component",
-     "memberOf": "Roo.BoxComponent"
+     "name": "after",
+     "type": "string",
+     "desc": "- input group add on after",
+     "memberOf": "Roo.bootstrap.Input"
     },
     {
-     "name": "disableClass",
-     "type": "String",
-     "desc": "CSS class added to the component when it is disabled (defaults to \"x-item-disabled\").",
-     "memberOf": "Roo.Component"
+     "name": "size",
+     "type": "string",
+     "desc": "- (lg|sm) or leave empty..",
+     "memberOf": "Roo.bootstrap.Input"
     },
     {
-     "name": "allowDomMove",
-     "type": "Boolean",
-     "desc": "Whether the component can move the Dom node when rendering (defaults to true).",
-     "memberOf": "Roo.Component"
+     "name": "xs",
+     "type": "Number",
+     "desc": "colspan out of 12 for mobile-sized screens",
+     "memberOf": "Roo.bootstrap.Input"
     },
     {
-     "name": "hideMode",
-     "type": "String",
-     "desc": "How this component should hidden. Supported values are\n\"visibility\" (css visibility), \"offsets\" (negative offset position) and\n\"display\" (css display) - defaults to \"display\".",
-     "memberOf": "Roo.Component"
+     "name": "sm",
+     "type": "Number",
+     "desc": "colspan out of 12 for tablet-sized screens",
+     "memberOf": "Roo.bootstrap.Input"
     },
     {
-     "name": "actionMode",
-     "type": "String",
-     "desc": "which property holds the element that used for  hide() / show() / disable() / enable()\ndefault is 'el'",
-     "memberOf": "Roo.Component"
+     "name": "md",
+     "type": "Number",
+     "desc": "colspan out of 12 for computer-sized screens",
+     "memberOf": "Roo.bootstrap.Input"
     },
     {
-     "name": "listeners",
-     "type": "Object",
-     "desc": "list of events and functions to call for this object, \nFor example :\n<pre><code>\n    listeners :  { \n       'click' : function(e) {\n           ..... \n        } ,\n        .... \n    } \n  </code></pre>",
-     "memberOf": "Roo.util.Observable"
-    }
-   ],
-   "events": [
+     "name": "lg",
+     "type": "Number",
+     "desc": "colspan out of 12 for large computer-sized screens",
+     "memberOf": "Roo.bootstrap.Input"
+    },
     {
-     "name": "beforedestroy",
-     "sig": "function (_self)\n{\n\n}",
-     "type": "function",
-     "desc": "Fires before the component is destroyed. Return false to stop the destroy."
+     "name": "value",
+     "type": "string",
+     "desc": "default value of the input",
+     "memberOf": "Roo.bootstrap.Input"
     },
     {
-     "name": "beforehide",
-     "sig": "function (_self)\n{\n\n}",
-     "type": "function",
-     "desc": "Fires before the component is hidden. Return false to stop the hide."
+     "name": "labelWidth",
+     "type": "Number",
+     "desc": "set the width of label (0-12)",
+     "memberOf": "Roo.bootstrap.Input"
     },
     {
-     "name": "beforerender",
-     "sig": "function (_self)\n{\n\n}",
-     "type": "function",
-     "desc": "Fires before the component is rendered. Return false to stop the render."
+     "name": "checked",
+     "type": "Boolean",
+     "desc": "initial checkbox",
+     "memberOf": "Roo.bootstrap.Input"
     },
     {
-     "name": "beforeshow",
-     "sig": "function (_self)\n{\n\n}",
-     "type": "function",
-     "desc": "Fires before the component is shown.  Return false to stop the show."
+     "name": "validationEvent",
+     "type": "String/Boolean",
+     "desc": "The event that should initiate field validation. Set to false to disable\n      automatic validation (defaults to \"keyup\").",
+     "memberOf": "Roo.bootstrap.Input"
+    },
+    {
+     "name": "validateOnBlur",
+     "type": "Boolean",
+     "desc": "Whether the field should validate when it loses focus (defaults to true).",
+     "memberOf": "Roo.bootstrap.Input"
+    },
+    {
+     "name": "validationDelay",
+     "type": "Number",
+     "desc": "The length of time in milliseconds after user input begins until validation is initiated (defaults to 250)",
+     "memberOf": "Roo.bootstrap.Input"
+    },
+    {
+     "name": "focusClass",
+     "type": "String",
+     "desc": "The CSS class to use when the field receives focus (defaults to \"x-form-focus\")",
+     "memberOf": "Roo.bootstrap.Input"
+    },
+    {
+     "name": "invalidClass",
+     "type": "String",
+     "desc": "The CSS class to use when marking a field invalid (defaults to \"x-form-invalid\")",
+     "memberOf": "Roo.bootstrap.Input"
+    },
+    {
+     "name": "maskRe",
+     "type": "String",
+     "desc": "An input mask regular expression that will be used to filter keystrokes that don't match (defaults to null)",
+     "memberOf": "Roo.bootstrap.Input"
+    },
+    {
+     "name": "vtype",
+     "type": "String",
+     "desc": "A validation type name as defined in {@link Roo.form.VTypes} (defaults to null)",
+     "memberOf": "Roo.bootstrap.Input"
+    },
+    {
+     "name": "disableKeyFilter",
+     "type": "Boolean",
+     "desc": "True to disable input keystroke filtering (defaults to false)",
+     "memberOf": "Roo.bootstrap.Input"
+    },
+    {
+     "name": "allowBlank",
+     "type": "Boolean",
+     "desc": "False to validate that the value length > 0 (defaults to true)",
+     "memberOf": "Roo.bootstrap.Input"
+    },
+    {
+     "name": "blankText",
+     "type": "String",
+     "desc": "Error text to display if the allow blank validation fails (defaults to \"This field is required\")",
+     "memberOf": "Roo.bootstrap.Input"
+    },
+    {
+     "name": "minLength",
+     "type": "Number",
+     "desc": "Minimum input field length required (defaults to 0)",
+     "memberOf": "Roo.bootstrap.Input"
+    },
+    {
+     "name": "maxLength",
+     "type": "Number",
+     "desc": "Maximum input field length allowed (defaults to Number.MAX_VALUE)",
+     "memberOf": "Roo.bootstrap.Input"
+    },
+    {
+     "name": "minLengthText",
+     "type": "String",
+     "desc": "Error text to display if the minimum length validation fails (defaults to \"The minimum length for this field is {minLength}\")",
+     "memberOf": "Roo.bootstrap.Input"
+    },
+    {
+     "name": "maxLengthText",
+     "type": "String",
+     "desc": "Error text to display if the maximum length validation fails (defaults to \"The maximum length for this field is {maxLength}\")",
+     "memberOf": "Roo.bootstrap.Input"
+    },
+    {
+     "name": "validator",
+     "type": "Function",
+     "desc": "A custom validation function to be called during field validation (defaults to null).\nIf available, this function will be called only after the basic validators all return true, and will be passed the\ncurrent field value and expected to return boolean true if the value is valid or a string error message if invalid.",
+     "memberOf": "Roo.bootstrap.Input"
+    },
+    {
+     "name": "regex",
+     "type": "RegExp",
+     "desc": "A JavaScript RegExp object to be tested against the field value during validation (defaults to null).\nIf available, this regex will be evaluated only after the basic validators all return true, and will be passed the\ncurrent field value.  If the test fails, the field will be marked invalid using {@link #regexText}.",
+     "memberOf": "Roo.bootstrap.Input"
+    },
+    {
+     "name": "regexText",
+     "type": "String",
+     "desc": "The error text to display if {@link #regex} is used and the test fails during validation (defaults to \"\")",
+     "memberOf": "Roo.bootstrap.Input"
+    },
+    {
+     "name": "cls",
+     "type": "String",
+     "desc": "css class",
+     "memberOf": "Roo.bootstrap.Component"
+    },
+    {
+     "name": "style",
+     "type": "String",
+     "desc": "any extra css",
+     "memberOf": "Roo.bootstrap.Component"
+    },
+    {
+     "name": "xattr",
+     "type": "Object",
+     "desc": "extra attributes to add to 'element' (used by builder to store stuff.)",
+     "memberOf": "Roo.bootstrap.Component"
+    },
+    {
+     "name": "can_build_overlaid",
+     "type": "Boolean",
+     "desc": "True if element can be rebuild from a HTML page",
+     "memberOf": "Roo.bootstrap.Component"
+    },
+    {
+     "name": "dataId",
+     "type": "string",
+     "desc": "cutomer id",
+     "memberOf": "Roo.bootstrap.Component"
+    },
+    {
+     "name": "disableClass",
+     "type": "String",
+     "desc": "CSS class added to the component when it is disabled (defaults to \"x-item-disabled\").",
+     "memberOf": "Roo.Component"
+    },
+    {
+     "name": "allowDomMove",
+     "type": "Boolean",
+     "desc": "Whether the component can move the Dom node when rendering (defaults to true).",
+     "memberOf": "Roo.Component"
+    },
+    {
+     "name": "hideMode",
+     "type": "String",
+     "desc": "How this component should hidden. Supported values are\n\"visibility\" (css visibility), \"offsets\" (negative offset position) and\n\"display\" (css display) - defaults to \"display\".",
+     "memberOf": "Roo.Component"
+    },
+    {
+     "name": "actionMode",
+     "type": "String",
+     "desc": "which property holds the element that used for  hide() / show() / disable() / enable()\ndefault is 'el'",
+     "memberOf": "Roo.Component"
+    },
+    {
+     "name": "listeners",
+     "type": "Object",
+     "desc": "list of events and functions to call for this object, \nFor example :\n<pre><code>\n    listeners :  { \n       'click' : function(e) {\n           ..... \n        } ,\n        .... \n    } \n  </code></pre>",
+     "memberOf": "Roo.util.Observable"
+    }
+   ],
+   "events": [
+    {
+     "name": "add",
+     "sig": "function (combo)\n{\n\n}",
+     "type": "function",
+     "desc": "Fires when the 'add' icon is pressed (add a listener to enable add button)"
+    },
+    {
+     "name": "beforedestroy",
+     "sig": "function (_self)\n{\n\n}",
+     "type": "function",
+     "desc": "Fires before the component is destroyed. Return false to stop the destroy."
+    },
+    {
+     "name": "beforehide",
+     "sig": "function (_self)\n{\n\n}",
+     "type": "function",
+     "desc": "Fires before the component is hidden. Return false to stop the hide."
+    },
+    {
+     "name": "beforequery",
+     "sig": "function (combo, query, forceAll, cancel, e)\n{\n\n}",
+     "type": "function",
+     "desc": "Fires before all queries are processed. Return false to cancel the query or set cancel to true.\nThe event object passed has these properties:"
+    },
+    {
+     "name": "beforerender",
+     "sig": "function (_self)\n{\n\n}",
+     "type": "function",
+     "desc": "Fires before the component is rendered. Return false to stop the render."
+    },
+    {
+     "name": "beforeselect",
+     "sig": "function (combo, record, index)\n{\n\n}",
+     "type": "function",
+     "desc": "Fires before a list item is selected. Return false to cancel the selection."
+    },
+    {
+     "name": "beforeshow",
+     "sig": "function (_self)\n{\n\n}",
+     "type": "function",
+     "desc": "Fires before the component is shown.  Return false to stop the show."
     },
     {
      "name": "blur",
      "desc": "Fires just before the field blurs if the field value has changed."
     },
     {
-     "name": "check",
-     "sig": "function (_self, checked)\n{\n\n}",
+     "name": "collapse",
+     "sig": "function (combo)\n{\n\n}",
      "type": "function",
-     "desc": "Fires when the checkbox is checked or unchecked."
+     "desc": "Fires when the dropdown list is collapsed"
     },
     {
      "name": "destroy",
      "type": "function",
      "desc": "Fires after the component is disabled."
     },
+    {
+     "name": "edit",
+     "sig": "function (combo, record)\n{\n\n}",
+     "type": "function",
+     "desc": "Fires when the 'edit' icon is pressed (add a listener to enable add button)"
+    },
     {
      "name": "enable",
      "sig": "function (_self)\n{\n\n}",
      "type": "function",
      "desc": "Fires after the component is enabled."
     },
+    {
+     "name": "expand",
+     "sig": "function (combo)\n{\n\n}",
+     "type": "function",
+     "desc": "Fires when the dropdown list is expanded"
+    },
     {
      "name": "focus",
      "sig": "function (_self)\n{\n\n}",
      "type": "function",
      "desc": "Fires after the key up"
     },
-    {
-     "name": "move",
-     "sig": "function (_self, x, y)\n{\n\n}",
-     "type": "function",
-     "desc": "Fires after the component is moved."
-    },
     {
      "name": "render",
      "sig": "function (_self)\n{\n\n}",
      "desc": "Fires after the component is rendered."
     },
     {
-     "name": "resize",
-     "sig": "function (_self, adjWidth, adjHeight, rawWidth, rawHeight)\n{\n\n}",
+     "name": "select",
+     "sig": "function (combo, record, index)\n{\n\n}",
      "type": "function",
-     "desc": "Fires after the component is resized."
+     "desc": "Fires when a list item is selected"
     },
     {
      "name": "show",
     }
    ]
   },
-  "Roo.form.Column": {
+  "Roo.bootstrap.Component": {
    "props": [
     {
-     "name": "width",
-     "type": "Number/String",
-     "desc": "The fixed width of the column in pixels or CSS value (defaults to \"auto\")",
-     "memberOf": ""
-    },
-    {
-     "name": "autoCreate",
-     "type": "String/Object",
-     "desc": "A DomHelper element spec used to autocreate the column (defaults to {tag: 'div', cls: 'x-form-ct x-form-column'})",
+     "name": "cls",
+     "type": "String",
+     "desc": "css class",
      "memberOf": ""
     },
     {
      "name": "style",
-     "type": "String/Object/Function",
-     "desc": "A style specification string, e.g. \"width:100px\", or object in the form {width:\"100px\"}, or\na function which returns such a specification.",
-     "memberOf": "Roo.form.Layout"
-    },
-    {
-     "name": "labelAlign",
      "type": "String",
-     "desc": "Valid values are \"left,\" \"top\" and \"right\" (defaults to \"left\")",
-     "memberOf": "Roo.form.Layout"
+     "desc": "any extra css",
+     "memberOf": ""
     },
     {
-     "name": "labelWidth",
-     "type": "Number",
-     "desc": "Fixed width in pixels of all field labels (defaults to undefined)",
-     "memberOf": "Roo.form.Layout"
+     "name": "xattr",
+     "type": "Object",
+     "desc": "extra attributes to add to 'element' (used by builder to store stuff.)",
+     "memberOf": ""
     },
     {
-     "name": "clear",
+     "name": "can_build_overlaid",
      "type": "Boolean",
-     "desc": "True to add a clearing element at the end of this layout, equivalent to CSS clear: both (defaults to true)",
-     "memberOf": "Roo.form.Layout"
+     "desc": "True if element can be rebuild from a HTML page",
+     "memberOf": ""
     },
     {
-     "name": "labelSeparator",
-     "type": "String",
-     "desc": "The separator to use after field labels (defaults to ':')",
-     "memberOf": "Roo.form.Layout"
+     "name": "dataId",
+     "type": "string",
+     "desc": "cutomer id",
+     "memberOf": ""
     },
     {
-     "name": "hideLabels",
-     "type": "Boolean",
-     "desc": "True to suppress the display of field labels in this layout (defaults to false)",
-     "memberOf": "Roo.form.Layout"
+     "name": "name",
+     "type": "string",
+     "desc": "Specifies name attribute",
+     "memberOf": ""
     },
     {
      "name": "disableClass",
     }
    ]
   },
-  "Roo.form.ComboBox": {
+  "Roo.bootstrap.Container": {
    "props": [
     {
-     "name": "transform",
-     "type": "String/HTMLElement/Element",
-     "desc": "The id, DOM node or element of an existing select to convert to a ComboBox",
+     "name": "jumbotron",
+     "type": "Boolean",
+     "desc": "is it a jumbotron element",
      "memberOf": ""
     },
     {
-     "name": "lazyRender",
-     "type": "Boolean",
-     "desc": "True to prevent the ComboBox from rendering until requested (should always be used when\nrendering into an Roo.Editor, defaults to false)",
+     "name": "html",
+     "type": "String",
+     "desc": "content of element",
      "memberOf": ""
     },
     {
-     "name": "autoCreate",
-     "type": "Boolean/Object",
-     "desc": "A DomHelper element spec, or true for a default element spec (defaults to:\n{tag: \"input\", type: \"text\", size: \"24\", autocomplete: \"off\"})",
+     "name": "well",
+     "type": "String",
+     "desc": "(lg|sm|md) a well, large, small or medium.",
      "memberOf": ""
     },
     {
-     "name": "store",
-     "type": "Roo.data.Store",
-     "desc": "The data store to which this combo is bound (defaults to undefined)",
-     "memberOf": ""
-    },
-    {
-     "name": "title",
+     "name": "panel",
      "type": "String",
-     "desc": "If supplied, a header element is created containing this text and added into the top of\nthe dropdown list (defaults to undefined, with no header element)",
-     "memberOf": ""
-    },
-    {
-     "name": "grow",
-     "type": "Boolean",
-     "desc": "",
-     "memberOf": ""
-    },
-    {
-     "name": "growMin",
-     "type": "Number",
-     "desc": "",
-     "memberOf": ""
-    },
-    {
-     "name": "growMax",
-     "type": "Number",
-     "desc": "",
+     "desc": "(primary|success|info|warning|danger) render as a panel.",
      "memberOf": ""
     },
     {
-     "name": "tpl",
-     "type": "String/Roo.Template",
-     "desc": "The template to use to render the output",
+     "name": "header",
+     "type": "String",
+     "desc": "content of header (for panel)",
      "memberOf": ""
     },
     {
-     "name": "listWidth",
-     "type": "Number",
-     "desc": "The width in pixels of the dropdown list (defaults to the width of the ComboBox field)",
+     "name": "footer",
+     "type": "String",
+     "desc": "content of footer (for panel)",
      "memberOf": ""
     },
     {
-     "name": "displayField",
+     "name": "sticky",
      "type": "String",
-     "desc": "The underlying data field name to bind to this CombBox (defaults to undefined if\nmode = 'remote' or 'text' if mode = 'local')",
+     "desc": "(footer|wrap|push) block to use as footer or body- needs css-bootstrap/sticky-footer.css",
      "memberOf": ""
     },
     {
-     "name": "valueField",
+     "name": "cls",
      "type": "String",
-     "desc": "The underlying data value name to bind to this CombBox (defaults to undefined if\nmode = 'remote' or 'value' if mode = 'local'). \nNote: use of a valueField requires the user make a selection\nin order for a value to be mapped.",
-     "memberOf": ""
+     "desc": "css class",
+     "memberOf": "Roo.bootstrap.Component"
     },
     {
-     "name": "hiddenName",
+     "name": "style",
      "type": "String",
-     "desc": "If specified, a hidden form field with this name is dynamically generated to store the\nfield's data value (defaults to the underlying DOM element's name)",
-     "memberOf": ""
+     "desc": "any extra css",
+     "memberOf": "Roo.bootstrap.Component"
     },
     {
-     "name": "listClass",
-     "type": "String",
-     "desc": "CSS class to apply to the dropdown list element (defaults to '')",
-     "memberOf": ""
+     "name": "xattr",
+     "type": "Object",
+     "desc": "extra attributes to add to 'element' (used by builder to store stuff.)",
+     "memberOf": "Roo.bootstrap.Component"
     },
     {
-     "name": "selectedClass",
-     "type": "String",
-     "desc": "CSS class to apply to the selected item in the dropdown list (defaults to 'x-combo-selected')",
-     "memberOf": ""
+     "name": "can_build_overlaid",
+     "type": "Boolean",
+     "desc": "True if element can be rebuild from a HTML page",
+     "memberOf": "Roo.bootstrap.Component"
     },
     {
-     "name": "triggerClass",
-     "type": "String",
-     "desc": "An additional CSS class used to style the trigger button.  The trigger will always get the\nclass 'x-form-trigger' and triggerClass will be <b>appended</b> if specified (defaults to 'x-form-arrow-trigger'\nwhich displays a downward arrow icon).",
-     "memberOf": ""
+     "name": "dataId",
+     "type": "string",
+     "desc": "cutomer id",
+     "memberOf": "Roo.bootstrap.Component"
     },
     {
-     "name": "shadow",
-     "type": "Boolean/String",
-     "desc": "True or \"sides\" for the default effect, \"frame\" for 4-way shadow, and \"drop\" for bottom-right",
-     "memberOf": ""
+     "name": "name",
+     "type": "string",
+     "desc": "Specifies name attribute",
+     "memberOf": "Roo.bootstrap.Component"
     },
     {
-     "name": "listAlign",
+     "name": "disableClass",
      "type": "String",
-     "desc": "A valid anchor position value. See {@link Roo.Element#alignTo} for details on supported\nanchor positions (defaults to 'tl-bl')",
-     "memberOf": ""
+     "desc": "CSS class added to the component when it is disabled (defaults to \"x-item-disabled\").",
+     "memberOf": "Roo.Component"
     },
     {
-     "name": "maxHeight",
-     "type": "Number",
-     "desc": "The maximum height in pixels of the dropdown list before scrollbars are shown (defaults to 300)",
-     "memberOf": ""
+     "name": "allowDomMove",
+     "type": "Boolean",
+     "desc": "Whether the component can move the Dom node when rendering (defaults to true).",
+     "memberOf": "Roo.Component"
     },
     {
-     "name": "triggerAction",
+     "name": "hideMode",
      "type": "String",
-     "desc": "The action to execute when the trigger field is activated.  Use 'all' to run the\nquery specified by the allQuery config option (defaults to 'query')",
-     "memberOf": ""
+     "desc": "How this component should hidden. Supported values are\n\"visibility\" (css visibility), \"offsets\" (negative offset position) and\n\"display\" (css display) - defaults to \"display\".",
+     "memberOf": "Roo.Component"
     },
     {
-     "name": "minChars",
-     "type": "Number",
-     "desc": "The minimum number of characters the user must type before autocomplete and typeahead activate\n(defaults to 4, does not apply if editable = false)",
-     "memberOf": ""
+     "name": "actionMode",
+     "type": "String",
+     "desc": "which property holds the element that used for  hide() / show() / disable() / enable()\ndefault is 'el'",
+     "memberOf": "Roo.Component"
     },
     {
-     "name": "typeAhead",
-     "type": "Boolean",
-     "desc": "True to populate and autoselect the remainder of the text being typed after a configurable\ndelay (typeAheadDelay) if it matches a known value (defaults to false)",
-     "memberOf": ""
+     "name": "listeners",
+     "type": "Object",
+     "desc": "list of events and functions to call for this object, \nFor example :\n<pre><code>\n    listeners :  { \n       'click' : function(e) {\n           ..... \n        } ,\n        .... \n    } \n  </code></pre>",
+     "memberOf": "Roo.util.Observable"
+    }
+   ],
+   "events": [
+    {
+     "name": "beforedestroy",
+     "sig": "function (_self)\n{\n\n}",
+     "type": "function",
+     "desc": "Fires before the component is destroyed. Return false to stop the destroy."
     },
     {
-     "name": "queryDelay",
-     "type": "Number",
-     "desc": "The length of time in milliseconds to delay between the start of typing and sending the\nquery to filter the dropdown list (defaults to 500 if mode = 'remote' or 10 if mode = 'local')",
-     "memberOf": ""
+     "name": "beforehide",
+     "sig": "function (_self)\n{\n\n}",
+     "type": "function",
+     "desc": "Fires before the component is hidden. Return false to stop the hide."
     },
     {
-     "name": "pageSize",
-     "type": "Number",
-     "desc": "If greater than 0, a paging toolbar is displayed in the footer of the dropdown list and the\nfilter queries will execute with page start and limit parameters.  Only applies when mode = 'remote' (defaults to 0)",
-     "memberOf": ""
+     "name": "beforerender",
+     "sig": "function (_self)\n{\n\n}",
+     "type": "function",
+     "desc": "Fires before the component is rendered. Return false to stop the render."
     },
     {
-     "name": "selectOnFocus",
-     "type": "Boolean",
-     "desc": "True to select any existing text in the field immediately on focus.  Only applies\nwhen editable = true (defaults to false)",
-     "memberOf": ""
+     "name": "beforeshow",
+     "sig": "function (_self)\n{\n\n}",
+     "type": "function",
+     "desc": "Fires before the component is shown.  Return false to stop the show."
     },
     {
-     "name": "queryParam",
-     "type": "String",
-     "desc": "Name of the query as it will be passed on the querystring (defaults to 'query')",
-     "memberOf": ""
+     "name": "destroy",
+     "sig": "function (_self)\n{\n\n}",
+     "type": "function",
+     "desc": "Fires after the component is destroyed."
     },
     {
-     "name": "loadingText",
-     "type": "String",
-     "desc": "The text to display in the dropdown list while data is loading.  Only applies\nwhen mode = 'remote' (defaults to 'Loading...')",
-     "memberOf": ""
+     "name": "disable",
+     "sig": "function (_self)\n{\n\n}",
+     "type": "function",
+     "desc": "Fires after the component is disabled."
     },
     {
-     "name": "resizable",
-     "type": "Boolean",
-     "desc": "True to add a resize handle to the bottom of the dropdown list (defaults to false)",
-     "memberOf": ""
+     "name": "enable",
+     "sig": "function (_self)\n{\n\n}",
+     "type": "function",
+     "desc": "Fires after the component is enabled."
     },
     {
-     "name": "handleHeight",
-     "type": "Number",
-     "desc": "The height in pixels of the dropdown list resize handle if resizable = true (defaults to 8)",
-     "memberOf": ""
+     "name": "hide",
+     "sig": "function (_self)\n{\n\n}",
+     "type": "function",
+     "desc": "Fires after the component is hidden."
     },
     {
-     "name": "editable",
-     "type": "Boolean",
-     "desc": "False to prevent the user from typing text directly into the field, just like a\ntraditional select (defaults to true)",
-     "memberOf": ""
+     "name": "render",
+     "sig": "function (_self)\n{\n\n}",
+     "type": "function",
+     "desc": "Fires after the component is rendered."
     },
     {
-     "name": "allQuery",
+     "name": "show",
+     "sig": "function (_self)\n{\n\n}",
+     "type": "function",
+     "desc": "Fires after the component is shown."
+    }
+   ]
+  },
+  "Roo.bootstrap.Element": {
+   "props": [
+    {
+     "name": "html",
      "type": "String",
-     "desc": "The text query to send to the server to return all records for the list with no filtering (defaults to '')",
+     "desc": "contents of the element",
      "memberOf": ""
     },
     {
-     "name": "mode",
+     "name": "tag",
      "type": "String",
-     "desc": "Set to 'local' if the ComboBox loads local data (defaults to 'remote' which loads from the server)",
+     "desc": "tag of the element",
      "memberOf": ""
     },
     {
-     "name": "minListWidth",
-     "type": "Number",
-     "desc": "The minimum width of the dropdown list in pixels (defaults to 70, will be ignored if\nlistWidth has a higher value)",
+     "name": "cls",
+     "type": "String",
+     "desc": "class of the element",
      "memberOf": ""
     },
     {
-     "name": "forceSelection",
-     "type": "Boolean",
-     "desc": "True to restrict the selected value to one of the values in the list, false to\nallow the user to set arbitrary text into the field (defaults to false)",
-     "memberOf": ""
+     "name": "style",
+     "type": "String",
+     "desc": "any extra css",
+     "memberOf": "Roo.bootstrap.Component"
     },
     {
-     "name": "typeAheadDelay",
-     "type": "Number",
-     "desc": "The length of time in milliseconds to wait until the typeahead text is displayed\nif typeAhead = true (defaults to 250)",
-     "memberOf": ""
+     "name": "xattr",
+     "type": "Object",
+     "desc": "extra attributes to add to 'element' (used by builder to store stuff.)",
+     "memberOf": "Roo.bootstrap.Component"
     },
     {
-     "name": "valueNotFoundText",
-     "type": "String",
-     "desc": "When using a name/value combo, if the value passed to setValue is not found in\nthe store, valueNotFoundText will be displayed as the field text if defined (defaults to undefined)",
-     "memberOf": ""
+     "name": "can_build_overlaid",
+     "type": "Boolean",
+     "desc": "True if element can be rebuild from a HTML page",
+     "memberOf": "Roo.bootstrap.Component"
     },
     {
-     "name": "blockFocus",
-     "type": "Boolean",
-     "desc": "Prevents all focus calls, so it can work with things like HTML edtor bar",
-     "memberOf": ""
+     "name": "dataId",
+     "type": "string",
+     "desc": "cutomer id",
+     "memberOf": "Roo.bootstrap.Component"
     },
     {
-     "name": "disableClear",
-     "type": "Boolean",
-     "desc": "Disable showing of clear button.",
-     "memberOf": ""
+     "name": "name",
+     "type": "string",
+     "desc": "Specifies name attribute",
+     "memberOf": "Roo.bootstrap.Component"
     },
     {
-     "name": "alwaysQuery",
-     "type": "Boolean",
-     "desc": "Disable caching of results, and always send query",
-     "memberOf": ""
+     "name": "disableClass",
+     "type": "String",
+     "desc": "CSS class added to the component when it is disabled (defaults to \"x-item-disabled\").",
+     "memberOf": "Roo.Component"
     },
     {
-     "name": "hideTrigger",
+     "name": "allowDomMove",
      "type": "Boolean",
-     "desc": "True to hide the trigger element and display only the base text field (defaults to false)",
-     "memberOf": "Roo.form.TriggerField"
+     "desc": "Whether the component can move the Dom node when rendering (defaults to true).",
+     "memberOf": "Roo.Component"
     },
     {
-     "name": "vtype",
+     "name": "hideMode",
      "type": "String",
-     "desc": "A validation type name as defined in {@link Roo.form.VTypes} (defaults to null)",
-     "memberOf": "Roo.form.TextField"
+     "desc": "How this component should hidden. Supported values are\n\"visibility\" (css visibility), \"offsets\" (negative offset position) and\n\"display\" (css display) - defaults to \"display\".",
+     "memberOf": "Roo.Component"
     },
     {
-     "name": "maskRe",
+     "name": "actionMode",
      "type": "String",
-     "desc": "An input mask regular expression that will be used to filter keystrokes that don't match (defaults to null)",
-     "memberOf": "Roo.form.TextField"
+     "desc": "which property holds the element that used for  hide() / show() / disable() / enable()\ndefault is 'el'",
+     "memberOf": "Roo.Component"
     },
     {
-     "name": "disableKeyFilter",
-     "type": "Boolean",
-     "desc": "True to disable input keystroke filtering (defaults to false)",
-     "memberOf": "Roo.form.TextField"
-    },
+     "name": "listeners",
+     "type": "Object",
+     "desc": "list of events and functions to call for this object, \nFor example :\n<pre><code>\n    listeners :  { \n       'click' : function(e) {\n           ..... \n        } ,\n        .... \n    } \n  </code></pre>",
+     "memberOf": "Roo.util.Observable"
+    }
+   ],
+   "events": [
     {
-     "name": "allowBlank",
-     "type": "Boolean",
-     "desc": "False to validate that the value length > 0 (defaults to true)",
-     "memberOf": "Roo.form.TextField"
-    },
-    {
-     "name": "minLength",
-     "type": "Number",
-     "desc": "Minimum input field length required (defaults to 0)",
-     "memberOf": "Roo.form.TextField"
-    },
-    {
-     "name": "maxLength",
-     "type": "Number",
-     "desc": "Maximum input field length allowed (defaults to Number.MAX_VALUE)",
-     "memberOf": "Roo.form.TextField"
+     "name": "beforedestroy",
+     "sig": "function (_self)\n{\n\n}",
+     "type": "function",
+     "desc": "Fires before the component is destroyed. Return false to stop the destroy."
     },
     {
-     "name": "minLengthText",
-     "type": "String",
-     "desc": "Error text to display if the minimum length validation fails (defaults to \"The minimum length for this field is {minLength}\")",
-     "memberOf": "Roo.form.TextField"
+     "name": "beforehide",
+     "sig": "function (_self)\n{\n\n}",
+     "type": "function",
+     "desc": "Fires before the component is hidden. Return false to stop the hide."
     },
     {
-     "name": "maxLengthText",
-     "type": "String",
-     "desc": "Error text to display if the maximum length validation fails (defaults to \"The maximum length for this field is {maxLength}\")",
-     "memberOf": "Roo.form.TextField"
+     "name": "beforerender",
+     "sig": "function (_self)\n{\n\n}",
+     "type": "function",
+     "desc": "Fires before the component is rendered. Return false to stop the render."
     },
     {
-     "name": "blankText",
-     "type": "String",
-     "desc": "Error text to display if the allow blank validation fails (defaults to \"This field is required\")",
-     "memberOf": "Roo.form.TextField"
+     "name": "beforeshow",
+     "sig": "function (_self)\n{\n\n}",
+     "type": "function",
+     "desc": "Fires before the component is shown.  Return false to stop the show."
     },
     {
-     "name": "validator",
-     "type": "Function",
-     "desc": "A custom validation function to be called during field validation (defaults to null).\nIf available, this function will be called only after the basic validators all return true, and will be passed the\ncurrent field value and expected to return boolean true if the value is valid or a string error message if invalid.",
-     "memberOf": "Roo.form.TextField"
+     "name": "destroy",
+     "sig": "function (_self)\n{\n\n}",
+     "type": "function",
+     "desc": "Fires after the component is destroyed."
     },
     {
-     "name": "regex",
-     "type": "RegExp",
-     "desc": "A JavaScript RegExp object to be tested against the field value during validation (defaults to null).\nIf available, this regex will be evaluated only after the basic validators all return true, and will be passed the\ncurrent field value.  If the test fails, the field will be marked invalid using {@link #regexText}.",
-     "memberOf": "Roo.form.TextField"
+     "name": "disable",
+     "sig": "function (_self)\n{\n\n}",
+     "type": "function",
+     "desc": "Fires after the component is disabled."
     },
     {
-     "name": "regexText",
-     "type": "String",
-     "desc": "The error text to display if {@link #regex} is used and the test fails during validation (defaults to \"\")",
-     "memberOf": "Roo.form.TextField"
+     "name": "enable",
+     "sig": "function (_self)\n{\n\n}",
+     "type": "function",
+     "desc": "Fires after the component is enabled."
     },
     {
-     "name": "emptyText",
-     "type": "String",
-     "desc": "The default text to display in an empty field - placeholder... (defaults to null).",
-     "memberOf": "Roo.form.TextField"
+     "name": "hide",
+     "sig": "function (_self)\n{\n\n}",
+     "type": "function",
+     "desc": "Fires after the component is hidden."
     },
     {
-     "name": "fieldLabel",
-     "type": "String",
-     "desc": "Label to use when rendering a form.",
-     "memberOf": "Roo.form.Field"
+     "name": "render",
+     "sig": "function (_self)\n{\n\n}",
+     "type": "function",
+     "desc": "Fires after the component is rendered."
     },
     {
-     "name": "qtip",
-     "type": "String",
-     "desc": "Mouse over tip",
-     "memberOf": "Roo.form.Field"
-    },
+     "name": "show",
+     "sig": "function (_self)\n{\n\n}",
+     "type": "function",
+     "desc": "Fires after the component is shown."
+    }
+   ]
+  },
+  "Roo.bootstrap.Form": {
+   "props": [
     {
-     "name": "name",
+     "name": "method",
      "type": "String",
-     "desc": "The field's HTML name attribute.",
-     "memberOf": "Roo.form.Field"
+     "desc": "GET | POST (default POST)",
+     "memberOf": ""
     },
     {
-     "name": "invalidClass",
+     "name": "labelAlign",
      "type": "String",
-     "desc": "The CSS class to use when marking a field invalid (defaults to \"x-form-invalid\")",
-     "memberOf": "Roo.form.Field"
+     "desc": "top | left (default top)",
+     "memberOf": ""
     },
     {
-     "name": "invalidText",
+     "name": "align",
      "type": "String",
-     "desc": "The error text to use when marking a field invalid and no message is provided (defaults to \"The value in this field is invalid\")",
-     "memberOf": "Roo.form.Field"
+     "desc": "left  | right - for navbars",
+     "memberOf": ""
     },
     {
-     "name": "focusClass",
+     "name": "url",
      "type": "String",
-     "desc": "The CSS class to use when the field receives focus (defaults to \"x-form-focus\")",
-     "memberOf": "Roo.form.Field"
-    },
-    {
-     "name": "validationEvent",
-     "type": "String/Boolean",
-     "desc": "The event that should initiate field validation. Set to false to disable\n      automatic validation (defaults to \"keyup\").",
-     "memberOf": "Roo.form.Field"
+     "desc": "The URL to use for form actions if one isn't supplied in the action options.",
+     "memberOf": ""
     },
     {
-     "name": "validateOnBlur",
+     "name": "fileUpload",
      "type": "Boolean",
-     "desc": "Whether the field should validate when it loses focus (defaults to true).",
-     "memberOf": "Roo.form.Field"
+     "desc": "Set to true if this form is a file upload.",
+     "memberOf": ""
     },
     {
-     "name": "validationDelay",
-     "type": "Number",
-     "desc": "The length of time in milliseconds after user input begins until validation is initiated (defaults to 250)",
-     "memberOf": "Roo.form.Field"
+     "name": "baseParams",
+     "type": "Object",
+     "desc": "Parameters to pass with all requests. e.g. baseParams: {id: '123', foo: 'bar'}.",
+     "memberOf": ""
     },
     {
-     "name": "fieldClass",
-     "type": "String",
-     "desc": "The default CSS class for the field (defaults to \"x-form-field\")",
-     "memberOf": "Roo.form.Field"
+     "name": "timeout",
+     "type": "Number",
+     "desc": "Timeout for form actions in seconds (default is 30 seconds).",
+     "memberOf": ""
     },
     {
-     "name": "msgTarget",
+     "name": "cls",
      "type": "String",
-     "desc": "The location where error text should display.  Should be one of the following values (defaults to 'qtip'):\n<pre>\nValue         Description\n-----------   ----------------------------------------------------------------------\nqtip          Display a quick tip when the user hovers over the field\ntitle         Display a default browser title attribute popup\nunder         Add a block div beneath the field containing the error text\nside          Add an error icon to the right of the field with a popup on hover\n[element id]  Add the error text directly to the innerHTML of the specified element\n</pre>",
-     "memberOf": "Roo.form.Field"
+     "desc": "css class",
+     "memberOf": "Roo.bootstrap.Component"
     },
     {
-     "name": "msgFx",
+     "name": "style",
      "type": "String",
-     "desc": "<b>Experimental</b> The effect used when displaying a validation message under the field (defaults to 'normal').",
-     "memberOf": "Roo.form.Field"
+     "desc": "any extra css",
+     "memberOf": "Roo.bootstrap.Component"
     },
     {
-     "name": "readOnly",
-     "type": "Boolean",
-     "desc": "True to mark the field as readOnly in HTML (defaults to false) -- Note: this only sets the element's readOnly DOM attribute.",
-     "memberOf": "Roo.form.Field"
+     "name": "xattr",
+     "type": "Object",
+     "desc": "extra attributes to add to 'element' (used by builder to store stuff.)",
+     "memberOf": "Roo.bootstrap.Component"
     },
     {
-     "name": "disabled",
+     "name": "can_build_overlaid",
      "type": "Boolean",
-     "desc": "True to disable the field (defaults to false).",
-     "memberOf": "Roo.form.Field"
+     "desc": "True if element can be rebuild from a HTML page",
+     "memberOf": "Roo.bootstrap.Component"
     },
     {
-     "name": "inputType",
-     "type": "String",
-     "desc": "The type attribute for input fields -- e.g. radio, text, password (defaults to \"text\").",
-     "memberOf": "Roo.form.Field"
-    },
-    {
-     "name": "tabIndex",
-     "type": "Number",
-     "desc": "The tabIndex for this field. Note this only applies to fields that are rendered, not those which are built via applyTo (defaults to undefined).",
-     "memberOf": "Roo.form.Field"
-    },
-    {
-     "name": "value",
-     "type": "Mixed",
-     "desc": "A value to initialize this field with.",
-     "memberOf": "Roo.form.Field"
+     "name": "dataId",
+     "type": "string",
+     "desc": "cutomer id",
+     "memberOf": "Roo.bootstrap.Component"
     },
     {
-     "name": "cls",
-     "type": "String",
-     "desc": "A CSS class to apply to the field's underlying element.",
-     "memberOf": "Roo.form.Field"
-    },
-    {
-     "name": "width",
-     "type": "Number",
-     "desc": "width (optional) size of component",
-     "memberOf": "Roo.BoxComponent"
-    },
-    {
-     "name": "height",
-     "type": "Number",
-     "desc": "height (optional) size of component",
-     "memberOf": "Roo.BoxComponent"
+     "name": "name",
+     "type": "string",
+     "desc": "Specifies name attribute",
+     "memberOf": "Roo.bootstrap.Component"
     },
     {
      "name": "disableClass",
    ],
    "events": [
     {
-     "name": "add",
-     "sig": "function (combo)\n{\n\n}",
+     "name": "actioncomplete",
+     "sig": "function (_self, action)\n{\n\n}",
      "type": "function",
-     "desc": "Fires when the 'add' icon is pressed (add a listener to enable add button)"
+     "desc": "Fires when an action is completed."
     },
     {
-     "name": "autosize",
-     "sig": "function (_self, width)\n{\n\n}",
+     "name": "actionfailed",
+     "sig": "function (_self, action)\n{\n\n}",
      "type": "function",
-     "desc": "Fires when the autosize function is triggered.  The field may or may not have actually changed size\naccording to the default logic, but this event provides a hook for the developer to apply additional\nlogic at runtime to resize the field if needed."
+     "desc": "Fires when an action fails."
+    },
+    {
+     "name": "beforeaction",
+     "sig": "function (_self, action)\n{\n\n}",
+     "type": "function",
+     "desc": "Fires before any action is performed. Return false to cancel the action."
     },
     {
      "name": "beforedestroy",
      "type": "function",
      "desc": "Fires before the component is hidden. Return false to stop the hide."
     },
-    {
-     "name": "beforequery",
-     "sig": "function (combo, query, forceAll, cancel, e)\n{\n\n}",
-     "type": "function",
-     "desc": "Fires before all queries are processed. Return false to cancel the query or set cancel to true.\nThe event object passed has these properties:"
-    },
     {
      "name": "beforerender",
      "sig": "function (_self)\n{\n\n}",
      "type": "function",
      "desc": "Fires before the component is rendered. Return false to stop the render."
     },
-    {
-     "name": "beforeselect",
-     "sig": "function (combo, record, index)\n{\n\n}",
-     "type": "function",
-     "desc": "Fires before a list item is selected. Return false to cancel the selection."
-    },
     {
      "name": "beforeshow",
      "sig": "function (_self)\n{\n\n}",
      "desc": "Fires before the component is shown.  Return false to stop the show."
     },
     {
-     "name": "blur",
-     "sig": "function (_self)\n{\n\n}",
-     "type": "function",
-     "desc": "Fires when this field loses input focus."
-    },
-    {
-     "name": "change",
-     "sig": "function (_self, newValue, oldValue)\n{\n\n}",
-     "type": "function",
-     "desc": "Fires just before the field blurs if the field value has changed."
-    },
-    {
-     "name": "collapse",
-     "sig": "function (combo)\n{\n\n}",
+     "name": "clientvalidation",
+     "sig": "function (_self, valid)\n{\n\n}",
      "type": "function",
-     "desc": "Fires when the dropdown list is collapsed"
+     "desc": "If the monitorValid config option is true, this event fires repetitively to notify of valid state"
     },
     {
      "name": "destroy",
      "type": "function",
      "desc": "Fires after the component is disabled."
     },
-    {
-     "name": "edit",
-     "sig": "function (combo, record)\n{\n\n}",
-     "type": "function",
-     "desc": "Fires when the 'edit' icon is pressed (add a listener to enable add button)"
-    },
     {
      "name": "enable",
      "sig": "function (_self)\n{\n\n}",
      "desc": "Fires after the component is enabled."
     },
     {
-     "name": "expand",
-     "sig": "function (combo)\n{\n\n}",
+     "name": "hide",
+     "sig": "function (_self)\n{\n\n}",
      "type": "function",
-     "desc": "Fires when the dropdown list is expanded"
+     "desc": "Fires after the component is hidden."
     },
     {
-     "name": "focus",
-     "sig": "function (_self)\n{\n\n}",
-     "type": "function",
-     "desc": "Fires when this field receives input focus."
-    },
-    {
-     "name": "hide",
-     "sig": "function (_self)\n{\n\n}",
-     "type": "function",
-     "desc": "Fires after the component is hidden."
-    },
-    {
-     "name": "invalid",
-     "sig": "function (_self, msg)\n{\n\n}",
-     "type": "function",
-     "desc": "Fires after the field has been marked as invalid."
-    },
-    {
-     "name": "keyup",
-     "sig": "function (_self, e)\n{\n\n}",
-     "type": "function",
-     "desc": "Fires after the key up"
-    },
-    {
-     "name": "move",
-     "sig": "function (_self, x, y)\n{\n\n}",
-     "type": "function",
-     "desc": "Fires after the component is moved."
-    },
-    {
-     "name": "render",
+     "name": "render",
      "sig": "function (_self)\n{\n\n}",
      "type": "function",
      "desc": "Fires after the component is rendered."
     },
-    {
-     "name": "resize",
-     "sig": "function (_self, adjWidth, adjHeight, rawWidth, rawHeight)\n{\n\n}",
-     "type": "function",
-     "desc": "Fires after the component is resized."
-    },
-    {
-     "name": "select",
-     "sig": "function (combo, record, index)\n{\n\n}",
-     "type": "function",
-     "desc": "Fires when a list item is selected"
-    },
     {
      "name": "show",
      "sig": "function (_self)\n{\n\n}",
      "type": "function",
      "desc": "Fires after the component is shown."
-    },
-    {
-     "name": "specialkey",
-     "sig": "function (_self, e)\n{\n\n}",
-     "type": "function",
-     "desc": "Fires when any key related to navigation (arrows, tab, enter, esc, etc.) is pressed.  You can check\n{@link Roo.EventObject#getKey} to determine which key was pressed."
-    },
-    {
-     "name": "valid",
-     "sig": "function (_self)\n{\n\n}",
-     "type": "function",
-     "desc": "Fires after the field has been validated with no errors."
     }
    ]
   },
-  "Roo.form.ComboBoxArray": {
+  "Roo.bootstrap.Header": {
    "props": [
     {
-     "name": "combo",
-     "type": "Roo.form.Combo",
-     "desc": "The combo box that is wrapped",
+     "name": "html",
+     "type": "String",
+     "desc": "content of header",
      "memberOf": ""
     },
     {
-     "name": "width",
+     "name": "level",
      "type": "Number",
-     "desc": "The width of the box that displays the selected element",
+     "desc": "(1|2|3|4|5|6) default 1",
      "memberOf": ""
     },
     {
-     "name": "name",
+     "name": "cls",
      "type": "String",
-     "desc": "The name of the visable items on this form (eg. titles not ids)",
-     "memberOf": ""
+     "desc": "css class",
+     "memberOf": "Roo.bootstrap.Component"
     },
     {
-     "name": "hiddenName",
+     "name": "style",
      "type": "String",
-     "desc": "The hidden name of the field, often contains an comma seperated list of names",
-     "memberOf": ""
+     "desc": "any extra css",
+     "memberOf": "Roo.bootstrap.Component"
     },
     {
-     "name": "grow",
+     "name": "xattr",
+     "type": "Object",
+     "desc": "extra attributes to add to 'element' (used by builder to store stuff.)",
+     "memberOf": "Roo.bootstrap.Component"
+    },
+    {
+     "name": "can_build_overlaid",
      "type": "Boolean",
-     "desc": "True if this field should automatically grow and shrink to its content",
-     "memberOf": "Roo.form.TextField"
+     "desc": "True if element can be rebuild from a HTML page",
+     "memberOf": "Roo.bootstrap.Component"
     },
     {
-     "name": "growMin",
-     "type": "Number",
-     "desc": "The minimum width to allow when grow = true (defaults to 30)",
-     "memberOf": "Roo.form.TextField"
+     "name": "dataId",
+     "type": "string",
+     "desc": "cutomer id",
+     "memberOf": "Roo.bootstrap.Component"
     },
     {
-     "name": "growMax",
-     "type": "Number",
-     "desc": "The maximum width to allow when grow = true (defaults to 800)",
-     "memberOf": "Roo.form.TextField"
+     "name": "name",
+     "type": "string",
+     "desc": "Specifies name attribute",
+     "memberOf": "Roo.bootstrap.Component"
     },
     {
-     "name": "vtype",
+     "name": "disableClass",
      "type": "String",
-     "desc": "A validation type name as defined in {@link Roo.form.VTypes} (defaults to null)",
-     "memberOf": "Roo.form.TextField"
+     "desc": "CSS class added to the component when it is disabled (defaults to \"x-item-disabled\").",
+     "memberOf": "Roo.Component"
     },
     {
-     "name": "maskRe",
+     "name": "allowDomMove",
+     "type": "Boolean",
+     "desc": "Whether the component can move the Dom node when rendering (defaults to true).",
+     "memberOf": "Roo.Component"
+    },
+    {
+     "name": "hideMode",
      "type": "String",
-     "desc": "An input mask regular expression that will be used to filter keystrokes that don't match (defaults to null)",
-     "memberOf": "Roo.form.TextField"
+     "desc": "How this component should hidden. Supported values are\n\"visibility\" (css visibility), \"offsets\" (negative offset position) and\n\"display\" (css display) - defaults to \"display\".",
+     "memberOf": "Roo.Component"
     },
     {
-     "name": "disableKeyFilter",
-     "type": "Boolean",
-     "desc": "True to disable input keystroke filtering (defaults to false)",
-     "memberOf": "Roo.form.TextField"
+     "name": "actionMode",
+     "type": "String",
+     "desc": "which property holds the element that used for  hide() / show() / disable() / enable()\ndefault is 'el'",
+     "memberOf": "Roo.Component"
     },
     {
-     "name": "allowBlank",
-     "type": "Boolean",
-     "desc": "False to validate that the value length > 0 (defaults to true)",
-     "memberOf": "Roo.form.TextField"
+     "name": "listeners",
+     "type": "Object",
+     "desc": "list of events and functions to call for this object, \nFor example :\n<pre><code>\n    listeners :  { \n       'click' : function(e) {\n           ..... \n        } ,\n        .... \n    } \n  </code></pre>",
+     "memberOf": "Roo.util.Observable"
+    }
+   ],
+   "events": [
+    {
+     "name": "beforedestroy",
+     "sig": "function (_self)\n{\n\n}",
+     "type": "function",
+     "desc": "Fires before the component is destroyed. Return false to stop the destroy."
     },
     {
-     "name": "minLength",
-     "type": "Number",
-     "desc": "Minimum input field length required (defaults to 0)",
-     "memberOf": "Roo.form.TextField"
+     "name": "beforehide",
+     "sig": "function (_self)\n{\n\n}",
+     "type": "function",
+     "desc": "Fires before the component is hidden. Return false to stop the hide."
     },
     {
-     "name": "maxLength",
-     "type": "Number",
-     "desc": "Maximum input field length allowed (defaults to Number.MAX_VALUE)",
-     "memberOf": "Roo.form.TextField"
+     "name": "beforerender",
+     "sig": "function (_self)\n{\n\n}",
+     "type": "function",
+     "desc": "Fires before the component is rendered. Return false to stop the render."
     },
     {
-     "name": "minLengthText",
-     "type": "String",
-     "desc": "Error text to display if the minimum length validation fails (defaults to \"The minimum length for this field is {minLength}\")",
-     "memberOf": "Roo.form.TextField"
+     "name": "beforeshow",
+     "sig": "function (_self)\n{\n\n}",
+     "type": "function",
+     "desc": "Fires before the component is shown.  Return false to stop the show."
     },
     {
-     "name": "maxLengthText",
-     "type": "String",
-     "desc": "Error text to display if the maximum length validation fails (defaults to \"The maximum length for this field is {maxLength}\")",
-     "memberOf": "Roo.form.TextField"
+     "name": "destroy",
+     "sig": "function (_self)\n{\n\n}",
+     "type": "function",
+     "desc": "Fires after the component is destroyed."
     },
     {
-     "name": "selectOnFocus",
-     "type": "Boolean",
-     "desc": "True to automatically select any existing field text when the field receives input focus (defaults to false)",
-     "memberOf": "Roo.form.TextField"
+     "name": "disable",
+     "sig": "function (_self)\n{\n\n}",
+     "type": "function",
+     "desc": "Fires after the component is disabled."
     },
     {
-     "name": "blankText",
-     "type": "String",
-     "desc": "Error text to display if the allow blank validation fails (defaults to \"This field is required\")",
-     "memberOf": "Roo.form.TextField"
+     "name": "enable",
+     "sig": "function (_self)\n{\n\n}",
+     "type": "function",
+     "desc": "Fires after the component is enabled."
     },
     {
-     "name": "validator",
-     "type": "Function",
-     "desc": "A custom validation function to be called during field validation (defaults to null).\nIf available, this function will be called only after the basic validators all return true, and will be passed the\ncurrent field value and expected to return boolean true if the value is valid or a string error message if invalid.",
-     "memberOf": "Roo.form.TextField"
+     "name": "hide",
+     "sig": "function (_self)\n{\n\n}",
+     "type": "function",
+     "desc": "Fires after the component is hidden."
     },
     {
-     "name": "regex",
-     "type": "RegExp",
-     "desc": "A JavaScript RegExp object to be tested against the field value during validation (defaults to null).\nIf available, this regex will be evaluated only after the basic validators all return true, and will be passed the\ncurrent field value.  If the test fails, the field will be marked invalid using {@link #regexText}.",
-     "memberOf": "Roo.form.TextField"
+     "name": "render",
+     "sig": "function (_self)\n{\n\n}",
+     "type": "function",
+     "desc": "Fires after the component is rendered."
     },
     {
-     "name": "regexText",
-     "type": "String",
-     "desc": "The error text to display if {@link #regex} is used and the test fails during validation (defaults to \"\")",
-     "memberOf": "Roo.form.TextField"
+     "name": "show",
+     "sig": "function (_self)\n{\n\n}",
+     "type": "function",
+     "desc": "Fires after the component is shown."
+    }
+   ]
+  },
+  "Roo.bootstrap.Img": {
+   "props": [
+    {
+     "name": "imgResponsive",
+     "type": "Boolean",
+     "desc": "false | true",
+     "memberOf": ""
     },
     {
-     "name": "emptyText",
+     "name": "border",
      "type": "String",
-     "desc": "The default text to display in an empty field - placeholder... (defaults to null).",
-     "memberOf": "Roo.form.TextField"
+     "desc": "rounded | circle | thumbnail",
+     "memberOf": ""
     },
     {
-     "name": "fieldLabel",
+     "name": "src",
      "type": "String",
-     "desc": "Label to use when rendering a form.",
-     "memberOf": "Roo.form.Field"
+     "desc": "image source",
+     "memberOf": ""
     },
     {
-     "name": "qtip",
+     "name": "alt",
      "type": "String",
-     "desc": "Mouse over tip",
-     "memberOf": "Roo.form.Field"
+     "desc": "image alternative text",
+     "memberOf": ""
     },
     {
-     "name": "invalidClass",
+     "name": "href",
      "type": "String",
-     "desc": "The CSS class to use when marking a field invalid (defaults to \"x-form-invalid\")",
-     "memberOf": "Roo.form.Field"
+     "desc": "a tag href",
+     "memberOf": ""
     },
     {
-     "name": "invalidText",
+     "name": "cls",
      "type": "String",
-     "desc": "The error text to use when marking a field invalid and no message is provided (defaults to \"The value in this field is invalid\")",
-     "memberOf": "Roo.form.Field"
+     "desc": "css class",
+     "memberOf": "Roo.bootstrap.Component"
     },
     {
-     "name": "focusClass",
+     "name": "style",
      "type": "String",
-     "desc": "The CSS class to use when the field receives focus (defaults to \"x-form-focus\")",
-     "memberOf": "Roo.form.Field"
+     "desc": "any extra css",
+     "memberOf": "Roo.bootstrap.Component"
     },
     {
-     "name": "validationEvent",
-     "type": "String/Boolean",
-     "desc": "The event that should initiate field validation. Set to false to disable\n      automatic validation (defaults to \"keyup\").",
-     "memberOf": "Roo.form.Field"
+     "name": "xattr",
+     "type": "Object",
+     "desc": "extra attributes to add to 'element' (used by builder to store stuff.)",
+     "memberOf": "Roo.bootstrap.Component"
     },
     {
-     "name": "validateOnBlur",
+     "name": "can_build_overlaid",
      "type": "Boolean",
-     "desc": "Whether the field should validate when it loses focus (defaults to true).",
-     "memberOf": "Roo.form.Field"
+     "desc": "True if element can be rebuild from a HTML page",
+     "memberOf": "Roo.bootstrap.Component"
     },
     {
-     "name": "validationDelay",
-     "type": "Number",
-     "desc": "The length of time in milliseconds after user input begins until validation is initiated (defaults to 250)",
-     "memberOf": "Roo.form.Field"
+     "name": "dataId",
+     "type": "string",
+     "desc": "cutomer id",
+     "memberOf": "Roo.bootstrap.Component"
     },
     {
-     "name": "autoCreate",
-     "type": "String/Object",
-     "desc": "A DomHelper element spec, or true for a default element spec (defaults to\n{tag: \"input\", type: \"text\", size: \"20\", autocomplete: \"off\"})",
-     "memberOf": "Roo.form.Field"
+     "name": "name",
+     "type": "string",
+     "desc": "Specifies name attribute",
+     "memberOf": "Roo.bootstrap.Component"
     },
     {
-     "name": "fieldClass",
+     "name": "disableClass",
      "type": "String",
-     "desc": "The default CSS class for the field (defaults to \"x-form-field\")",
-     "memberOf": "Roo.form.Field"
-    },
-    {
-     "name": "msgTarget",
-     "type": "String",
-     "desc": "The location where error text should display.  Should be one of the following values (defaults to 'qtip'):\n<pre>\nValue         Description\n-----------   ----------------------------------------------------------------------\nqtip          Display a quick tip when the user hovers over the field\ntitle         Display a default browser title attribute popup\nunder         Add a block div beneath the field containing the error text\nside          Add an error icon to the right of the field with a popup on hover\n[element id]  Add the error text directly to the innerHTML of the specified element\n</pre>",
-     "memberOf": "Roo.form.Field"
-    },
-    {
-     "name": "msgFx",
-     "type": "String",
-     "desc": "<b>Experimental</b> The effect used when displaying a validation message under the field (defaults to 'normal').",
-     "memberOf": "Roo.form.Field"
-    },
-    {
-     "name": "readOnly",
-     "type": "Boolean",
-     "desc": "True to mark the field as readOnly in HTML (defaults to false) -- Note: this only sets the element's readOnly DOM attribute.",
-     "memberOf": "Roo.form.Field"
-    },
-    {
-     "name": "disabled",
-     "type": "Boolean",
-     "desc": "True to disable the field (defaults to false).",
-     "memberOf": "Roo.form.Field"
-    },
-    {
-     "name": "inputType",
-     "type": "String",
-     "desc": "The type attribute for input fields -- e.g. radio, text, password (defaults to \"text\").",
-     "memberOf": "Roo.form.Field"
-    },
-    {
-     "name": "tabIndex",
-     "type": "Number",
-     "desc": "The tabIndex for this field. Note this only applies to fields that are rendered, not those which are built via applyTo (defaults to undefined).",
-     "memberOf": "Roo.form.Field"
-    },
-    {
-     "name": "value",
-     "type": "Mixed",
-     "desc": "A value to initialize this field with.",
-     "memberOf": "Roo.form.Field"
-    },
-    {
-     "name": "cls",
-     "type": "String",
-     "desc": "A CSS class to apply to the field's underlying element.",
-     "memberOf": "Roo.form.Field"
-    },
-    {
-     "name": "height",
-     "type": "Number",
-     "desc": "height (optional) size of component",
-     "memberOf": "Roo.BoxComponent"
-    },
-    {
-     "name": "disableClass",
-     "type": "String",
-     "desc": "CSS class added to the component when it is disabled (defaults to \"x-item-disabled\").",
-     "memberOf": "Roo.Component"
+     "desc": "CSS class added to the component when it is disabled (defaults to \"x-item-disabled\").",
+     "memberOf": "Roo.Component"
     },
     {
      "name": "allowDomMove",
     }
    ],
    "events": [
-    {
-     "name": "autosize",
-     "sig": "function (_self, width)\n{\n\n}",
-     "type": "function",
-     "desc": "Fires when the autosize function is triggered.  The field may or may not have actually changed size\naccording to the default logic, but this event provides a hook for the developer to apply additional\nlogic at runtime to resize the field if needed."
-    },
     {
      "name": "beforedestroy",
      "sig": "function (_self)\n{\n\n}",
      "desc": "Fires before the component is shown.  Return false to stop the show."
     },
     {
-     "name": "blur",
-     "sig": "function (_self)\n{\n\n}",
-     "type": "function",
-     "desc": "Fires when this field loses input focus."
-    },
-    {
-     "name": "change",
-     "sig": "function (_self, newValue, oldValue)\n{\n\n}",
+     "name": "click",
+     "sig": "function (e)\n{\n\n}",
      "type": "function",
-     "desc": "Fires just before the field blurs if the field value has changed."
+     "desc": "The img click event for the img."
     },
     {
      "name": "destroy",
      "type": "function",
      "desc": "Fires after the component is enabled."
     },
-    {
-     "name": "focus",
-     "sig": "function (_self)\n{\n\n}",
-     "type": "function",
-     "desc": "Fires when this field receives input focus."
-    },
     {
      "name": "hide",
      "sig": "function (_self)\n{\n\n}",
      "type": "function",
      "desc": "Fires after the component is hidden."
     },
-    {
-     "name": "invalid",
-     "sig": "function (_self, msg)\n{\n\n}",
-     "type": "function",
-     "desc": "Fires after the field has been marked as invalid."
-    },
-    {
-     "name": "keyup",
-     "sig": "function (_self, e)\n{\n\n}",
-     "type": "function",
-     "desc": "Fires after the key up"
-    },
-    {
-     "name": "move",
-     "sig": "function (_self, x, y)\n{\n\n}",
-     "type": "function",
-     "desc": "Fires after the component is moved."
-    },
     {
      "name": "render",
      "sig": "function (_self)\n{\n\n}",
      "type": "function",
      "desc": "Fires after the component is rendered."
     },
-    {
-     "name": "resize",
-     "sig": "function (_self, adjWidth, adjHeight, rawWidth, rawHeight)\n{\n\n}",
-     "type": "function",
-     "desc": "Fires after the component is resized."
-    },
     {
      "name": "show",
      "sig": "function (_self)\n{\n\n}",
      "type": "function",
      "desc": "Fires after the component is shown."
-    },
-    {
-     "name": "specialkey",
-     "sig": "function (_self, e)\n{\n\n}",
-     "type": "function",
-     "desc": "Fires when any key related to navigation (arrows, tab, enter, esc, etc.) is pressed.  You can check\n{@link Roo.EventObject#getKey} to determine which key was pressed."
-    },
-    {
-     "name": "valid",
-     "sig": "function (_self)\n{\n\n}",
-     "type": "function",
-     "desc": "Fires after the field has been validated with no errors."
     }
    ]
   },
-  "Roo.form.ComboBoxArray.Item": {
+  "Roo.bootstrap.Input": {
    "props": [
     {
-     "name": "width",
-     "type": "Number",
-     "desc": "width (optional) size of component",
-     "memberOf": "Roo.BoxComponent"
-    },
-    {
-     "name": "height",
-     "type": "Number",
-     "desc": "height (optional) size of component",
-     "memberOf": "Roo.BoxComponent"
+     "name": "disabled",
+     "type": "Boolean",
+     "desc": "is it disabled",
+     "memberOf": ""
     },
     {
-     "name": "disableClass",
+     "name": "fieldLabel",
      "type": "String",
-     "desc": "CSS class added to the component when it is disabled (defaults to \"x-item-disabled\").",
-     "memberOf": "Roo.Component"
-    },
-    {
-     "name": "allowDomMove",
-     "type": "Boolean",
-     "desc": "Whether the component can move the Dom node when rendering (defaults to true).",
-     "memberOf": "Roo.Component"
+     "desc": "- the label associated",
+     "memberOf": ""
     },
     {
-     "name": "hideMode",
+     "name": "inputType",
      "type": "String",
-     "desc": "How this component should hidden. Supported values are\n\"visibility\" (css visibility), \"offsets\" (negative offset position) and\n\"display\" (css display) - defaults to \"display\".",
-     "memberOf": "Roo.Component"
+     "desc": "button | checkbox | email | file | hidden | image | number | password | radio | range | reset | search | submit | text",
+     "memberOf": ""
     },
     {
-     "name": "actionMode",
+     "name": "name",
      "type": "String",
-     "desc": "which property holds the element that used for  hide() / show() / disable() / enable()\ndefault is 'el'",
-     "memberOf": "Roo.Component"
+     "desc": "name of the input",
+     "memberOf": ""
     },
     {
-     "name": "listeners",
-     "type": "Object",
-     "desc": "list of events and functions to call for this object, \nFor example :\n<pre><code>\n    listeners :  { \n       'click' : function(e) {\n           ..... \n        } ,\n        .... \n    } \n  </code></pre>",
-     "memberOf": "Roo.util.Observable"
-    }
-   ],
-   "events": [
-    {
-     "name": "beforedestroy",
-     "sig": "function (_self)\n{\n\n}",
-     "type": "function",
-     "desc": "Fires before the component is destroyed. Return false to stop the destroy."
+     "name": "placeholder",
+     "type": "string",
+     "desc": "- placeholder to put in text.",
+     "memberOf": ""
     },
     {
-     "name": "beforehide",
-     "sig": "function (_self)\n{\n\n}",
-     "type": "function",
-     "desc": "Fires before the component is hidden. Return false to stop the hide."
+     "name": "before",
+     "type": "string",
+     "desc": "- input group add on before",
+     "memberOf": ""
     },
     {
-     "name": "beforerender",
-     "sig": "function (_self)\n{\n\n}",
-     "type": "function",
-     "desc": "Fires before the component is rendered. Return false to stop the render."
+     "name": "after",
+     "type": "string",
+     "desc": "- input group add on after",
+     "memberOf": ""
     },
     {
-     "name": "beforeshow",
-     "sig": "function (_self)\n{\n\n}",
-     "type": "function",
-     "desc": "Fires before the component is shown.  Return false to stop the show."
+     "name": "size",
+     "type": "string",
+     "desc": "- (lg|sm) or leave empty..",
+     "memberOf": ""
     },
     {
-     "name": "destroy",
-     "sig": "function (_self)\n{\n\n}",
-     "type": "function",
-     "desc": "Fires after the component is destroyed."
+     "name": "xs",
+     "type": "Number",
+     "desc": "colspan out of 12 for mobile-sized screens",
+     "memberOf": ""
     },
     {
-     "name": "disable",
-     "sig": "function (_self)\n{\n\n}",
-     "type": "function",
-     "desc": "Fires after the component is disabled."
+     "name": "sm",
+     "type": "Number",
+     "desc": "colspan out of 12 for tablet-sized screens",
+     "memberOf": ""
     },
     {
-     "name": "enable",
-     "sig": "function (_self)\n{\n\n}",
-     "type": "function",
-     "desc": "Fires after the component is enabled."
+     "name": "md",
+     "type": "Number",
+     "desc": "colspan out of 12 for computer-sized screens",
+     "memberOf": ""
     },
     {
-     "name": "hide",
-     "sig": "function (_self)\n{\n\n}",
-     "type": "function",
-     "desc": "Fires after the component is hidden."
+     "name": "lg",
+     "type": "Number",
+     "desc": "colspan out of 12 for large computer-sized screens",
+     "memberOf": ""
     },
     {
-     "name": "move",
-     "sig": "function (_self, x, y)\n{\n\n}",
-     "type": "function",
-     "desc": "Fires after the component is moved."
+     "name": "value",
+     "type": "string",
+     "desc": "default value of the input",
+     "memberOf": ""
     },
     {
-     "name": "render",
-     "sig": "function (_self)\n{\n\n}",
-     "type": "function",
-     "desc": "Fires after the component is rendered."
+     "name": "labelWidth",
+     "type": "Number",
+     "desc": "set the width of label (0-12)",
+     "memberOf": ""
     },
     {
-     "name": "resize",
-     "sig": "function (_self, adjWidth, adjHeight, rawWidth, rawHeight)\n{\n\n}",
-     "type": "function",
-     "desc": "Fires after the component is resized."
+     "name": "checked",
+     "type": "Boolean",
+     "desc": "initial checkbox",
+     "memberOf": ""
     },
     {
-     "name": "show",
-     "sig": "function (_self)\n{\n\n}",
-     "type": "function",
-     "desc": "Fires after the component is shown."
-    }
-   ]
-  },
-  "Roo.form.ComboCheck": {
-   "props": [
-    {
-     "name": "transform",
-     "type": "String/HTMLElement/Element",
-     "desc": "The id, DOM node or element of an existing select to convert to a ComboBox",
-     "memberOf": "Roo.form.ComboBox"
+     "name": "validationEvent",
+     "type": "String/Boolean",
+     "desc": "The event that should initiate field validation. Set to false to disable\n      automatic validation (defaults to \"keyup\").",
+     "memberOf": ""
     },
     {
-     "name": "lazyRender",
+     "name": "validateOnBlur",
      "type": "Boolean",
-     "desc": "True to prevent the ComboBox from rendering until requested (should always be used when\nrendering into an Roo.Editor, defaults to false)",
-     "memberOf": "Roo.form.ComboBox"
+     "desc": "Whether the field should validate when it loses focus (defaults to true).",
+     "memberOf": ""
     },
     {
-     "name": "autoCreate",
-     "type": "Boolean/Object",
-     "desc": "A DomHelper element spec, or true for a default element spec (defaults to:\n{tag: \"input\", type: \"text\", size: \"24\", autocomplete: \"off\"})",
-     "memberOf": "Roo.form.ComboBox"
+     "name": "validationDelay",
+     "type": "Number",
+     "desc": "The length of time in milliseconds after user input begins until validation is initiated (defaults to 250)",
+     "memberOf": ""
     },
     {
-     "name": "store",
-     "type": "Roo.data.Store",
-     "desc": "The data store to which this combo is bound (defaults to undefined)",
-     "memberOf": "Roo.form.ComboBox"
+     "name": "focusClass",
+     "type": "String",
+     "desc": "The CSS class to use when the field receives focus (defaults to \"x-form-focus\")",
+     "memberOf": ""
     },
     {
-     "name": "title",
+     "name": "invalidClass",
      "type": "String",
-     "desc": "If supplied, a header element is created containing this text and added into the top of\nthe dropdown list (defaults to undefined, with no header element)",
-     "memberOf": "Roo.form.ComboBox"
+     "desc": "The CSS class to use when marking a field invalid (defaults to \"x-form-invalid\")",
+     "memberOf": ""
     },
     {
-     "name": "grow",
+     "name": "selectOnFocus",
      "type": "Boolean",
-     "desc": "",
-     "memberOf": "Roo.form.ComboBox"
+     "desc": "True to automatically select any existing field text when the field receives input focus (defaults to false)",
+     "memberOf": ""
     },
     {
-     "name": "growMin",
-     "type": "Number",
-     "desc": "",
-     "memberOf": "Roo.form.ComboBox"
+     "name": "maskRe",
+     "type": "String",
+     "desc": "An input mask regular expression that will be used to filter keystrokes that don't match (defaults to null)",
+     "memberOf": ""
     },
     {
-     "name": "growMax",
-     "type": "Number",
-     "desc": "",
-     "memberOf": "Roo.form.ComboBox"
+     "name": "vtype",
+     "type": "String",
+     "desc": "A validation type name as defined in {@link Roo.form.VTypes} (defaults to null)",
+     "memberOf": ""
     },
     {
-     "name": "tpl",
-     "type": "String/Roo.Template",
-     "desc": "The template to use to render the output",
-     "memberOf": "Roo.form.ComboBox"
+     "name": "disableKeyFilter",
+     "type": "Boolean",
+     "desc": "True to disable input keystroke filtering (defaults to false)",
+     "memberOf": ""
     },
     {
-     "name": "listWidth",
-     "type": "Number",
-     "desc": "The width in pixels of the dropdown list (defaults to the width of the ComboBox field)",
-     "memberOf": "Roo.form.ComboBox"
+     "name": "allowBlank",
+     "type": "Boolean",
+     "desc": "False to validate that the value length > 0 (defaults to true)",
+     "memberOf": ""
     },
     {
-     "name": "displayField",
+     "name": "blankText",
      "type": "String",
-     "desc": "The underlying data field name to bind to this CombBox (defaults to undefined if\nmode = 'remote' or 'text' if mode = 'local')",
-     "memberOf": "Roo.form.ComboBox"
+     "desc": "Error text to display if the allow blank validation fails (defaults to \"This field is required\")",
+     "memberOf": ""
     },
     {
-     "name": "valueField",
-     "type": "String",
-     "desc": "The underlying data value name to bind to this CombBox (defaults to undefined if\nmode = 'remote' or 'value' if mode = 'local'). \nNote: use of a valueField requires the user make a selection\nin order for a value to be mapped.",
-     "memberOf": "Roo.form.ComboBox"
+     "name": "minLength",
+     "type": "Number",
+     "desc": "Minimum input field length required (defaults to 0)",
+     "memberOf": ""
     },
     {
-     "name": "hiddenName",
-     "type": "String",
-     "desc": "If specified, a hidden form field with this name is dynamically generated to store the\nfield's data value (defaults to the underlying DOM element's name)",
-     "memberOf": "Roo.form.ComboBox"
+     "name": "maxLength",
+     "type": "Number",
+     "desc": "Maximum input field length allowed (defaults to Number.MAX_VALUE)",
+     "memberOf": ""
     },
     {
-     "name": "listClass",
+     "name": "minLengthText",
      "type": "String",
-     "desc": "CSS class to apply to the dropdown list element (defaults to '')",
-     "memberOf": "Roo.form.ComboBox"
+     "desc": "Error text to display if the minimum length validation fails (defaults to \"The minimum length for this field is {minLength}\")",
+     "memberOf": ""
     },
     {
-     "name": "selectedClass",
+     "name": "maxLengthText",
      "type": "String",
-     "desc": "CSS class to apply to the selected item in the dropdown list (defaults to 'x-combo-selected')",
-     "memberOf": "Roo.form.ComboBox"
+     "desc": "Error text to display if the maximum length validation fails (defaults to \"The maximum length for this field is {maxLength}\")",
+     "memberOf": ""
     },
     {
-     "name": "triggerClass",
-     "type": "String",
-     "desc": "An additional CSS class used to style the trigger button.  The trigger will always get the\nclass 'x-form-trigger' and triggerClass will be <b>appended</b> if specified (defaults to 'x-form-arrow-trigger'\nwhich displays a downward arrow icon).",
-     "memberOf": "Roo.form.ComboBox"
+     "name": "validator",
+     "type": "Function",
+     "desc": "A custom validation function to be called during field validation (defaults to null).\nIf available, this function will be called only after the basic validators all return true, and will be passed the\ncurrent field value and expected to return boolean true if the value is valid or a string error message if invalid.",
+     "memberOf": ""
     },
     {
-     "name": "shadow",
-     "type": "Boolean/String",
-     "desc": "True or \"sides\" for the default effect, \"frame\" for 4-way shadow, and \"drop\" for bottom-right",
-     "memberOf": "Roo.form.ComboBox"
+     "name": "regex",
+     "type": "RegExp",
+     "desc": "A JavaScript RegExp object to be tested against the field value during validation (defaults to null).\nIf available, this regex will be evaluated only after the basic validators all return true, and will be passed the\ncurrent field value.  If the test fails, the field will be marked invalid using {@link #regexText}.",
+     "memberOf": ""
     },
     {
-     "name": "listAlign",
+     "name": "regexText",
      "type": "String",
-     "desc": "A valid anchor position value. See {@link Roo.Element#alignTo} for details on supported\nanchor positions (defaults to 'tl-bl')",
-     "memberOf": "Roo.form.ComboBox"
+     "desc": "The error text to display if {@link #regex} is used and the test fails during validation (defaults to \"\")",
+     "memberOf": ""
     },
     {
-     "name": "maxHeight",
-     "type": "Number",
-     "desc": "The maximum height in pixels of the dropdown list before scrollbars are shown (defaults to 300)",
-     "memberOf": "Roo.form.ComboBox"
+     "name": "cls",
+     "type": "String",
+     "desc": "css class",
+     "memberOf": "Roo.bootstrap.Component"
     },
     {
-     "name": "triggerAction",
+     "name": "style",
      "type": "String",
-     "desc": "The action to execute when the trigger field is activated.  Use 'all' to run the\nquery specified by the allQuery config option (defaults to 'query')",
-     "memberOf": "Roo.form.ComboBox"
+     "desc": "any extra css",
+     "memberOf": "Roo.bootstrap.Component"
     },
     {
-     "name": "minChars",
-     "type": "Number",
-     "desc": "The minimum number of characters the user must type before autocomplete and typeahead activate\n(defaults to 4, does not apply if editable = false)",
-     "memberOf": "Roo.form.ComboBox"
+     "name": "xattr",
+     "type": "Object",
+     "desc": "extra attributes to add to 'element' (used by builder to store stuff.)",
+     "memberOf": "Roo.bootstrap.Component"
     },
     {
-     "name": "typeAhead",
+     "name": "can_build_overlaid",
      "type": "Boolean",
-     "desc": "True to populate and autoselect the remainder of the text being typed after a configurable\ndelay (typeAheadDelay) if it matches a known value (defaults to false)",
-     "memberOf": "Roo.form.ComboBox"
+     "desc": "True if element can be rebuild from a HTML page",
+     "memberOf": "Roo.bootstrap.Component"
     },
     {
-     "name": "queryDelay",
-     "type": "Number",
-     "desc": "The length of time in milliseconds to delay between the start of typing and sending the\nquery to filter the dropdown list (defaults to 500 if mode = 'remote' or 10 if mode = 'local')",
-     "memberOf": "Roo.form.ComboBox"
+     "name": "dataId",
+     "type": "string",
+     "desc": "cutomer id",
+     "memberOf": "Roo.bootstrap.Component"
     },
     {
-     "name": "pageSize",
-     "type": "Number",
-     "desc": "If greater than 0, a paging toolbar is displayed in the footer of the dropdown list and the\nfilter queries will execute with page start and limit parameters.  Only applies when mode = 'remote' (defaults to 0)",
-     "memberOf": "Roo.form.ComboBox"
+     "name": "disableClass",
+     "type": "String",
+     "desc": "CSS class added to the component when it is disabled (defaults to \"x-item-disabled\").",
+     "memberOf": "Roo.Component"
     },
     {
-     "name": "selectOnFocus",
+     "name": "allowDomMove",
      "type": "Boolean",
-     "desc": "True to select any existing text in the field immediately on focus.  Only applies\nwhen editable = true (defaults to false)",
-     "memberOf": "Roo.form.ComboBox"
+     "desc": "Whether the component can move the Dom node when rendering (defaults to true).",
+     "memberOf": "Roo.Component"
     },
     {
-     "name": "queryParam",
+     "name": "hideMode",
      "type": "String",
-     "desc": "Name of the query as it will be passed on the querystring (defaults to 'query')",
-     "memberOf": "Roo.form.ComboBox"
+     "desc": "How this component should hidden. Supported values are\n\"visibility\" (css visibility), \"offsets\" (negative offset position) and\n\"display\" (css display) - defaults to \"display\".",
+     "memberOf": "Roo.Component"
     },
     {
-     "name": "loadingText",
+     "name": "actionMode",
      "type": "String",
-     "desc": "The text to display in the dropdown list while data is loading.  Only applies\nwhen mode = 'remote' (defaults to 'Loading...')",
-     "memberOf": "Roo.form.ComboBox"
+     "desc": "which property holds the element that used for  hide() / show() / disable() / enable()\ndefault is 'el'",
+     "memberOf": "Roo.Component"
     },
     {
-     "name": "resizable",
-     "type": "Boolean",
-     "desc": "True to add a resize handle to the bottom of the dropdown list (defaults to false)",
-     "memberOf": "Roo.form.ComboBox"
-    },
+     "name": "listeners",
+     "type": "Object",
+     "desc": "list of events and functions to call for this object, \nFor example :\n<pre><code>\n    listeners :  { \n       'click' : function(e) {\n           ..... \n        } ,\n        .... \n    } \n  </code></pre>",
+     "memberOf": "Roo.util.Observable"
+    }
+   ],
+   "events": [
     {
-     "name": "handleHeight",
-     "type": "Number",
-     "desc": "The height in pixels of the dropdown list resize handle if resizable = true (defaults to 8)",
-     "memberOf": "Roo.form.ComboBox"
+     "name": "beforedestroy",
+     "sig": "function (_self)\n{\n\n}",
+     "type": "function",
+     "desc": "Fires before the component is destroyed. Return false to stop the destroy."
     },
     {
-     "name": "editable",
-     "type": "Boolean",
-     "desc": "False to prevent the user from typing text directly into the field, just like a\ntraditional select (defaults to true)",
-     "memberOf": "Roo.form.ComboBox"
+     "name": "beforehide",
+     "sig": "function (_self)\n{\n\n}",
+     "type": "function",
+     "desc": "Fires before the component is hidden. Return false to stop the hide."
     },
     {
-     "name": "allQuery",
-     "type": "String",
-     "desc": "The text query to send to the server to return all records for the list with no filtering (defaults to '')",
-     "memberOf": "Roo.form.ComboBox"
+     "name": "beforerender",
+     "sig": "function (_self)\n{\n\n}",
+     "type": "function",
+     "desc": "Fires before the component is rendered. Return false to stop the render."
     },
     {
-     "name": "mode",
-     "type": "String",
-     "desc": "Set to 'local' if the ComboBox loads local data (defaults to 'remote' which loads from the server)",
-     "memberOf": "Roo.form.ComboBox"
+     "name": "beforeshow",
+     "sig": "function (_self)\n{\n\n}",
+     "type": "function",
+     "desc": "Fires before the component is shown.  Return false to stop the show."
     },
     {
-     "name": "minListWidth",
-     "type": "Number",
-     "desc": "The minimum width of the dropdown list in pixels (defaults to 70, will be ignored if\nlistWidth has a higher value)",
-     "memberOf": "Roo.form.ComboBox"
+     "name": "blur",
+     "sig": "function (_self)\n{\n\n}",
+     "type": "function",
+     "desc": "Fires when this field loses input focus."
     },
     {
-     "name": "forceSelection",
-     "type": "Boolean",
-     "desc": "True to restrict the selected value to one of the values in the list, false to\nallow the user to set arbitrary text into the field (defaults to false)",
-     "memberOf": "Roo.form.ComboBox"
+     "name": "change",
+     "sig": "function (_self, newValue, oldValue)\n{\n\n}",
+     "type": "function",
+     "desc": "Fires just before the field blurs if the field value has changed."
     },
     {
-     "name": "typeAheadDelay",
-     "type": "Number",
-     "desc": "The length of time in milliseconds to wait until the typeahead text is displayed\nif typeAhead = true (defaults to 250)",
-     "memberOf": "Roo.form.ComboBox"
+     "name": "destroy",
+     "sig": "function (_self)\n{\n\n}",
+     "type": "function",
+     "desc": "Fires after the component is destroyed."
     },
     {
-     "name": "valueNotFoundText",
-     "type": "String",
-     "desc": "When using a name/value combo, if the value passed to setValue is not found in\nthe store, valueNotFoundText will be displayed as the field text if defined (defaults to undefined)",
-     "memberOf": "Roo.form.ComboBox"
+     "name": "disable",
+     "sig": "function (_self)\n{\n\n}",
+     "type": "function",
+     "desc": "Fires after the component is disabled."
     },
     {
-     "name": "blockFocus",
-     "type": "Boolean",
-     "desc": "Prevents all focus calls, so it can work with things like HTML edtor bar",
-     "memberOf": "Roo.form.ComboBox"
+     "name": "enable",
+     "sig": "function (_self)\n{\n\n}",
+     "type": "function",
+     "desc": "Fires after the component is enabled."
     },
     {
-     "name": "disableClear",
-     "type": "Boolean",
-     "desc": "Disable showing of clear button.",
-     "memberOf": "Roo.form.ComboBox"
+     "name": "focus",
+     "sig": "function (_self)\n{\n\n}",
+     "type": "function",
+     "desc": "Fires when this field receives input focus."
     },
     {
-     "name": "alwaysQuery",
-     "type": "Boolean",
-     "desc": "Disable caching of results, and always send query",
-     "memberOf": "Roo.form.ComboBox"
+     "name": "hide",
+     "sig": "function (_self)\n{\n\n}",
+     "type": "function",
+     "desc": "Fires after the component is hidden."
     },
     {
-     "name": "hideTrigger",
-     "type": "Boolean",
-     "desc": "True to hide the trigger element and display only the base text field (defaults to false)",
-     "memberOf": "Roo.form.TriggerField"
+     "name": "invalid",
+     "sig": "function (_self, msg)\n{\n\n}",
+     "type": "function",
+     "desc": "Fires after the field has been marked as invalid."
     },
     {
-     "name": "vtype",
-     "type": "String",
-     "desc": "A validation type name as defined in {@link Roo.form.VTypes} (defaults to null)",
-     "memberOf": "Roo.form.TextField"
+     "name": "keyup",
+     "sig": "function (_self, e)\n{\n\n}",
+     "type": "function",
+     "desc": "Fires after the key up"
     },
     {
-     "name": "maskRe",
-     "type": "String",
-     "desc": "An input mask regular expression that will be used to filter keystrokes that don't match (defaults to null)",
-     "memberOf": "Roo.form.TextField"
+     "name": "render",
+     "sig": "function (_self)\n{\n\n}",
+     "type": "function",
+     "desc": "Fires after the component is rendered."
     },
     {
-     "name": "disableKeyFilter",
-     "type": "Boolean",
-     "desc": "True to disable input keystroke filtering (defaults to false)",
-     "memberOf": "Roo.form.TextField"
+     "name": "show",
+     "sig": "function (_self)\n{\n\n}",
+     "type": "function",
+     "desc": "Fires after the component is shown."
     },
     {
-     "name": "allowBlank",
-     "type": "Boolean",
-     "desc": "False to validate that the value length > 0 (defaults to true)",
-     "memberOf": "Roo.form.TextField"
+     "name": "specialkey",
+     "sig": "function (_self, e)\n{\n\n}",
+     "type": "function",
+     "desc": "Fires when any key related to navigation (arrows, tab, enter, esc, etc.) is pressed.  You can check\n{@link Roo.EventObject#getKey} to determine which key was pressed."
     },
     {
-     "name": "minLength",
-     "type": "Number",
-     "desc": "Minimum input field length required (defaults to 0)",
-     "memberOf": "Roo.form.TextField"
-    },
+     "name": "valid",
+     "sig": "function (_self)\n{\n\n}",
+     "type": "function",
+     "desc": "Fires after the field has been validated with no errors."
+    }
+   ]
+  },
+  "Roo.bootstrap.Menu": {
+   "props": [
     {
-     "name": "maxLength",
-     "type": "Number",
-     "desc": "Maximum input field length allowed (defaults to Number.MAX_VALUE)",
-     "memberOf": "Roo.form.TextField"
+     "name": "type",
+     "type": "String",
+     "desc": "type of menu",
+     "memberOf": ""
     },
     {
-     "name": "minLengthText",
+     "name": "cls",
      "type": "String",
-     "desc": "Error text to display if the minimum length validation fails (defaults to \"The minimum length for this field is {minLength}\")",
-     "memberOf": "Roo.form.TextField"
+     "desc": "css class",
+     "memberOf": "Roo.bootstrap.Component"
     },
     {
-     "name": "maxLengthText",
+     "name": "style",
      "type": "String",
-     "desc": "Error text to display if the maximum length validation fails (defaults to \"The maximum length for this field is {maxLength}\")",
-     "memberOf": "Roo.form.TextField"
+     "desc": "any extra css",
+     "memberOf": "Roo.bootstrap.Component"
     },
     {
-     "name": "blankText",
-     "type": "String",
-     "desc": "Error text to display if the allow blank validation fails (defaults to \"This field is required\")",
-     "memberOf": "Roo.form.TextField"
+     "name": "xattr",
+     "type": "Object",
+     "desc": "extra attributes to add to 'element' (used by builder to store stuff.)",
+     "memberOf": "Roo.bootstrap.Component"
     },
     {
-     "name": "validator",
-     "type": "Function",
-     "desc": "A custom validation function to be called during field validation (defaults to null).\nIf available, this function will be called only after the basic validators all return true, and will be passed the\ncurrent field value and expected to return boolean true if the value is valid or a string error message if invalid.",
-     "memberOf": "Roo.form.TextField"
+     "name": "can_build_overlaid",
+     "type": "Boolean",
+     "desc": "True if element can be rebuild from a HTML page",
+     "memberOf": "Roo.bootstrap.Component"
     },
     {
-     "name": "regex",
-     "type": "RegExp",
-     "desc": "A JavaScript RegExp object to be tested against the field value during validation (defaults to null).\nIf available, this regex will be evaluated only after the basic validators all return true, and will be passed the\ncurrent field value.  If the test fails, the field will be marked invalid using {@link #regexText}.",
-     "memberOf": "Roo.form.TextField"
+     "name": "dataId",
+     "type": "string",
+     "desc": "cutomer id",
+     "memberOf": "Roo.bootstrap.Component"
     },
     {
-     "name": "regexText",
-     "type": "String",
-     "desc": "The error text to display if {@link #regex} is used and the test fails during validation (defaults to \"\")",
-     "memberOf": "Roo.form.TextField"
+     "name": "name",
+     "type": "string",
+     "desc": "Specifies name attribute",
+     "memberOf": "Roo.bootstrap.Component"
     },
     {
-     "name": "emptyText",
+     "name": "disableClass",
      "type": "String",
-     "desc": "The default text to display in an empty field - placeholder... (defaults to null).",
-     "memberOf": "Roo.form.TextField"
+     "desc": "CSS class added to the component when it is disabled (defaults to \"x-item-disabled\").",
+     "memberOf": "Roo.Component"
     },
     {
-     "name": "fieldLabel",
-     "type": "String",
-     "desc": "Label to use when rendering a form.",
-     "memberOf": "Roo.form.Field"
+     "name": "allowDomMove",
+     "type": "Boolean",
+     "desc": "Whether the component can move the Dom node when rendering (defaults to true).",
+     "memberOf": "Roo.Component"
     },
     {
-     "name": "qtip",
+     "name": "hideMode",
      "type": "String",
-     "desc": "Mouse over tip",
-     "memberOf": "Roo.form.Field"
+     "desc": "How this component should hidden. Supported values are\n\"visibility\" (css visibility), \"offsets\" (negative offset position) and\n\"display\" (css display) - defaults to \"display\".",
+     "memberOf": "Roo.Component"
     },
     {
-     "name": "name",
+     "name": "actionMode",
      "type": "String",
-     "desc": "The field's HTML name attribute.",
-     "memberOf": "Roo.form.Field"
+     "desc": "which property holds the element that used for  hide() / show() / disable() / enable()\ndefault is 'el'",
+     "memberOf": "Roo.Component"
     },
     {
-     "name": "invalidClass",
-     "type": "String",
-     "desc": "The CSS class to use when marking a field invalid (defaults to \"x-form-invalid\")",
-     "memberOf": "Roo.form.Field"
+     "name": "listeners",
+     "type": "Object",
+     "desc": "list of events and functions to call for this object, \nFor example :\n<pre><code>\n    listeners :  { \n       'click' : function(e) {\n           ..... \n        } ,\n        .... \n    } \n  </code></pre>",
+     "memberOf": "Roo.util.Observable"
+    }
+   ],
+   "events": [
+    {
+     "name": "beforedestroy",
+     "sig": "function (_self)\n{\n\n}",
+     "type": "function",
+     "desc": "Fires before the component is destroyed. Return false to stop the destroy."
     },
     {
-     "name": "invalidText",
-     "type": "String",
-     "desc": "The error text to use when marking a field invalid and no message is provided (defaults to \"The value in this field is invalid\")",
-     "memberOf": "Roo.form.Field"
+     "name": "beforehide",
+     "sig": "function (_self)\n{\n\n}",
+     "type": "function",
+     "desc": "Fires before the component is hidden. Return false to stop the hide."
     },
     {
-     "name": "focusClass",
-     "type": "String",
-     "desc": "The CSS class to use when the field receives focus (defaults to \"x-form-focus\")",
-     "memberOf": "Roo.form.Field"
+     "name": "beforerender",
+     "sig": "function (_self)\n{\n\n}",
+     "type": "function",
+     "desc": "Fires before the component is rendered. Return false to stop the render."
     },
     {
-     "name": "validationEvent",
-     "type": "String/Boolean",
-     "desc": "The event that should initiate field validation. Set to false to disable\n      automatic validation (defaults to \"keyup\").",
-     "memberOf": "Roo.form.Field"
+     "name": "beforeshow",
+     "sig": "function (_self)\n{\n\n}",
+     "type": "function",
+     "desc": "Fires before the component is shown.  Return false to stop the show."
     },
     {
-     "name": "validateOnBlur",
-     "type": "Boolean",
-     "desc": "Whether the field should validate when it loses focus (defaults to true).",
-     "memberOf": "Roo.form.Field"
+     "name": "destroy",
+     "sig": "function (_self)\n{\n\n}",
+     "type": "function",
+     "desc": "Fires after the component is destroyed."
     },
     {
-     "name": "validationDelay",
-     "type": "Number",
-     "desc": "The length of time in milliseconds after user input begins until validation is initiated (defaults to 250)",
-     "memberOf": "Roo.form.Field"
+     "name": "disable",
+     "sig": "function (_self)\n{\n\n}",
+     "type": "function",
+     "desc": "Fires after the component is disabled."
     },
     {
-     "name": "fieldClass",
-     "type": "String",
-     "desc": "The default CSS class for the field (defaults to \"x-form-field\")",
-     "memberOf": "Roo.form.Field"
+     "name": "enable",
+     "sig": "function (_self)\n{\n\n}",
+     "type": "function",
+     "desc": "Fires after the component is enabled."
     },
     {
-     "name": "msgTarget",
-     "type": "String",
-     "desc": "The location where error text should display.  Should be one of the following values (defaults to 'qtip'):\n<pre>\nValue         Description\n-----------   ----------------------------------------------------------------------\nqtip          Display a quick tip when the user hovers over the field\ntitle         Display a default browser title attribute popup\nunder         Add a block div beneath the field containing the error text\nside          Add an error icon to the right of the field with a popup on hover\n[element id]  Add the error text directly to the innerHTML of the specified element\n</pre>",
-     "memberOf": "Roo.form.Field"
+     "name": "hide",
+     "sig": "function (_self)\n{\n\n}",
+     "type": "function",
+     "desc": "Fires after the component is hidden."
     },
     {
-     "name": "msgFx",
-     "type": "String",
-     "desc": "<b>Experimental</b> The effect used when displaying a validation message under the field (defaults to 'normal').",
-     "memberOf": "Roo.form.Field"
+     "name": "render",
+     "sig": "function (_self)\n{\n\n}",
+     "type": "function",
+     "desc": "Fires after the component is rendered."
     },
     {
-     "name": "readOnly",
-     "type": "Boolean",
-     "desc": "True to mark the field as readOnly in HTML (defaults to false) -- Note: this only sets the element's readOnly DOM attribute.",
-     "memberOf": "Roo.form.Field"
+     "name": "show",
+     "sig": "function (_self)\n{\n\n}",
+     "type": "function",
+     "desc": "Fires after the component is shown."
+    }
+   ]
+  },
+  "Roo.bootstrap.MenuItem": {
+   "props": [
+    {
+     "name": "html",
+     "type": "String",
+     "desc": "the menu label",
+     "memberOf": ""
     },
     {
-     "name": "disabled",
-     "type": "Boolean",
-     "desc": "True to disable the field (defaults to false).",
-     "memberOf": "Roo.form.Field"
+     "name": "href",
+     "type": "String",
+     "desc": "the link",
+     "memberOf": ""
     },
     {
-     "name": "inputType",
+     "name": "cls",
      "type": "String",
-     "desc": "The type attribute for input fields -- e.g. radio, text, password (defaults to \"text\").",
-     "memberOf": "Roo.form.Field"
+     "desc": "css class",
+     "memberOf": "Roo.bootstrap.Component"
     },
     {
-     "name": "tabIndex",
-     "type": "Number",
-     "desc": "The tabIndex for this field. Note this only applies to fields that are rendered, not those which are built via applyTo (defaults to undefined).",
-     "memberOf": "Roo.form.Field"
+     "name": "style",
+     "type": "String",
+     "desc": "any extra css",
+     "memberOf": "Roo.bootstrap.Component"
     },
     {
-     "name": "value",
-     "type": "Mixed",
-     "desc": "A value to initialize this field with.",
-     "memberOf": "Roo.form.Field"
+     "name": "xattr",
+     "type": "Object",
+     "desc": "extra attributes to add to 'element' (used by builder to store stuff.)",
+     "memberOf": "Roo.bootstrap.Component"
     },
     {
-     "name": "cls",
-     "type": "String",
-     "desc": "A CSS class to apply to the field's underlying element.",
-     "memberOf": "Roo.form.Field"
+     "name": "can_build_overlaid",
+     "type": "Boolean",
+     "desc": "True if element can be rebuild from a HTML page",
+     "memberOf": "Roo.bootstrap.Component"
     },
     {
-     "name": "width",
-     "type": "Number",
-     "desc": "width (optional) size of component",
-     "memberOf": "Roo.BoxComponent"
+     "name": "dataId",
+     "type": "string",
+     "desc": "cutomer id",
+     "memberOf": "Roo.bootstrap.Component"
     },
     {
-     "name": "height",
-     "type": "Number",
-     "desc": "height (optional) size of component",
-     "memberOf": "Roo.BoxComponent"
+     "name": "name",
+     "type": "string",
+     "desc": "Specifies name attribute",
+     "memberOf": "Roo.bootstrap.Component"
     },
     {
      "name": "disableClass",
     }
    ],
    "events": [
-    {
-     "name": "add",
-     "sig": "function (combo)\n{\n\n}",
-     "type": "function",
-     "desc": "Fires when the 'add' icon is pressed (add a listener to enable add button)"
-    },
-    {
-     "name": "autosize",
-     "sig": "function (_self, width)\n{\n\n}",
-     "type": "function",
-     "desc": "Fires when the autosize function is triggered.  The field may or may not have actually changed size\naccording to the default logic, but this event provides a hook for the developer to apply additional\nlogic at runtime to resize the field if needed."
-    },
     {
      "name": "beforedestroy",
      "sig": "function (_self)\n{\n\n}",
      "type": "function",
      "desc": "Fires before the component is hidden. Return false to stop the hide."
     },
-    {
-     "name": "beforequery",
-     "sig": "function (combo, query, forceAll, cancel, e)\n{\n\n}",
-     "type": "function",
-     "desc": "Fires before all queries are processed. Return false to cancel the query or set cancel to true.\nThe event object passed has these properties:"
-    },
     {
      "name": "beforerender",
      "sig": "function (_self)\n{\n\n}",
      "type": "function",
      "desc": "Fires before the component is rendered. Return false to stop the render."
     },
-    {
-     "name": "beforeselect",
-     "sig": "function (combo, record, index)\n{\n\n}",
-     "type": "function",
-     "desc": "Fires before a list item is selected. Return false to cancel the selection."
-    },
     {
      "name": "beforeshow",
      "sig": "function (_self)\n{\n\n}",
      "desc": "Fires before the component is shown.  Return false to stop the show."
     },
     {
-     "name": "blur",
+     "name": "destroy",
      "sig": "function (_self)\n{\n\n}",
      "type": "function",
-     "desc": "Fires when this field loses input focus."
+     "desc": "Fires after the component is destroyed."
     },
     {
-     "name": "change",
-     "sig": "function (_self, newValue, oldValue)\n{\n\n}",
+     "name": "disable",
+     "sig": "function (_self)\n{\n\n}",
      "type": "function",
-     "desc": "Fires just before the field blurs if the field value has changed."
+     "desc": "Fires after the component is disabled."
     },
     {
-     "name": "collapse",
-     "sig": "function (combo)\n{\n\n}",
+     "name": "enable",
+     "sig": "function (_self)\n{\n\n}",
      "type": "function",
-     "desc": "Fires when the dropdown list is collapsed"
+     "desc": "Fires after the component is enabled."
     },
     {
-     "name": "destroy",
+     "name": "hide",
      "sig": "function (_self)\n{\n\n}",
      "type": "function",
-     "desc": "Fires after the component is destroyed."
+     "desc": "Fires after the component is hidden."
     },
     {
-     "name": "disable",
+     "name": "render",
      "sig": "function (_self)\n{\n\n}",
      "type": "function",
-     "desc": "Fires after the component is disabled."
+     "desc": "Fires after the component is rendered."
     },
     {
-     "name": "edit",
-     "sig": "function (combo, record)\n{\n\n}",
+     "name": "show",
+     "sig": "function (_self)\n{\n\n}",
      "type": "function",
-     "desc": "Fires when the 'edit' icon is pressed (add a listener to enable add button)"
+     "desc": "Fires after the component is shown."
+    }
+   ]
+  },
+  "Roo.bootstrap.MenuSeparator": {
+   "props": [
+    {
+     "name": "cls",
+     "type": "String",
+     "desc": "css class",
+     "memberOf": "Roo.bootstrap.Component"
     },
     {
-     "name": "enable",
-     "sig": "function (_self)\n{\n\n}",
-     "type": "function",
-     "desc": "Fires after the component is enabled."
+     "name": "style",
+     "type": "String",
+     "desc": "any extra css",
+     "memberOf": "Roo.bootstrap.Component"
     },
     {
-     "name": "expand",
-     "sig": "function (combo)\n{\n\n}",
-     "type": "function",
-     "desc": "Fires when the dropdown list is expanded"
+     "name": "xattr",
+     "type": "Object",
+     "desc": "extra attributes to add to 'element' (used by builder to store stuff.)",
+     "memberOf": "Roo.bootstrap.Component"
     },
     {
-     "name": "focus",
-     "sig": "function (_self)\n{\n\n}",
-     "type": "function",
-     "desc": "Fires when this field receives input focus."
+     "name": "can_build_overlaid",
+     "type": "Boolean",
+     "desc": "True if element can be rebuild from a HTML page",
+     "memberOf": "Roo.bootstrap.Component"
     },
     {
-     "name": "hide",
+     "name": "dataId",
+     "type": "string",
+     "desc": "cutomer id",
+     "memberOf": "Roo.bootstrap.Component"
+    },
+    {
+     "name": "name",
+     "type": "string",
+     "desc": "Specifies name attribute",
+     "memberOf": "Roo.bootstrap.Component"
+    },
+    {
+     "name": "disableClass",
+     "type": "String",
+     "desc": "CSS class added to the component when it is disabled (defaults to \"x-item-disabled\").",
+     "memberOf": "Roo.Component"
+    },
+    {
+     "name": "allowDomMove",
+     "type": "Boolean",
+     "desc": "Whether the component can move the Dom node when rendering (defaults to true).",
+     "memberOf": "Roo.Component"
+    },
+    {
+     "name": "hideMode",
+     "type": "String",
+     "desc": "How this component should hidden. Supported values are\n\"visibility\" (css visibility), \"offsets\" (negative offset position) and\n\"display\" (css display) - defaults to \"display\".",
+     "memberOf": "Roo.Component"
+    },
+    {
+     "name": "actionMode",
+     "type": "String",
+     "desc": "which property holds the element that used for  hide() / show() / disable() / enable()\ndefault is 'el'",
+     "memberOf": "Roo.Component"
+    },
+    {
+     "name": "listeners",
+     "type": "Object",
+     "desc": "list of events and functions to call for this object, \nFor example :\n<pre><code>\n    listeners :  { \n       'click' : function(e) {\n           ..... \n        } ,\n        .... \n    } \n  </code></pre>",
+     "memberOf": "Roo.util.Observable"
+    }
+   ],
+   "events": [
+    {
+     "name": "beforedestroy",
      "sig": "function (_self)\n{\n\n}",
      "type": "function",
-     "desc": "Fires after the component is hidden."
+     "desc": "Fires before the component is destroyed. Return false to stop the destroy."
     },
     {
-     "name": "invalid",
-     "sig": "function (_self, msg)\n{\n\n}",
+     "name": "beforehide",
+     "sig": "function (_self)\n{\n\n}",
      "type": "function",
-     "desc": "Fires after the field has been marked as invalid."
+     "desc": "Fires before the component is hidden. Return false to stop the hide."
     },
     {
-     "name": "keyup",
-     "sig": "function (_self, e)\n{\n\n}",
+     "name": "beforerender",
+     "sig": "function (_self)\n{\n\n}",
      "type": "function",
-     "desc": "Fires after the key up"
+     "desc": "Fires before the component is rendered. Return false to stop the render."
     },
     {
-     "name": "move",
-     "sig": "function (_self, x, y)\n{\n\n}",
+     "name": "beforeshow",
+     "sig": "function (_self)\n{\n\n}",
      "type": "function",
-     "desc": "Fires after the component is moved."
+     "desc": "Fires before the component is shown.  Return false to stop the show."
     },
     {
-     "name": "render",
+     "name": "destroy",
      "sig": "function (_self)\n{\n\n}",
      "type": "function",
-     "desc": "Fires after the component is rendered."
+     "desc": "Fires after the component is destroyed."
     },
     {
-     "name": "resize",
-     "sig": "function (_self, adjWidth, adjHeight, rawWidth, rawHeight)\n{\n\n}",
+     "name": "disable",
+     "sig": "function (_self)\n{\n\n}",
      "type": "function",
-     "desc": "Fires after the component is resized."
+     "desc": "Fires after the component is disabled."
     },
     {
-     "name": "select",
-     "sig": "function (combo, record, index)\n{\n\n}",
+     "name": "enable",
+     "sig": "function (_self)\n{\n\n}",
      "type": "function",
-     "desc": "Fires when a list item is selected"
+     "desc": "Fires after the component is enabled."
     },
     {
-     "name": "show",
+     "name": "hide",
      "sig": "function (_self)\n{\n\n}",
      "type": "function",
-     "desc": "Fires after the component is shown."
+     "desc": "Fires after the component is hidden."
     },
     {
-     "name": "specialkey",
-     "sig": "function (_self, e)\n{\n\n}",
+     "name": "render",
+     "sig": "function (_self)\n{\n\n}",
      "type": "function",
-     "desc": "Fires when any key related to navigation (arrows, tab, enter, esc, etc.) is pressed.  You can check\n{@link Roo.EventObject#getKey} to determine which key was pressed."
+     "desc": "Fires after the component is rendered."
     },
     {
-     "name": "valid",
+     "name": "show",
      "sig": "function (_self)\n{\n\n}",
      "type": "function",
-     "desc": "Fires after the field has been validated with no errors."
+     "desc": "Fires after the component is shown."
     }
    ]
   },
-  "Roo.form.DateField": {
+  "Roo.bootstrap.Modal": {
    "props": [
     {
-     "name": "format",
+     "name": "title",
      "type": "String",
-     "desc": "The default date format string which can be overriden for localization support.  The format must be\nvalid according to {@link Date#parseDate} (defaults to 'm/d/y').",
+     "desc": "Title of dialog",
      "memberOf": ""
     },
     {
-     "name": "altFormats",
-     "type": "String",
-     "desc": "Multiple date formats separated by \"|\" to try when parsing a user input value and it doesn't match the defined\nformat (defaults to 'm/d/Y|m-d-y|m-d-Y|m/d|m-d|d').",
+     "name": "buttons",
+     "type": "Array",
+     "desc": "Array of buttons or standard button set..",
      "memberOf": ""
     },
     {
-     "name": "disabledDays",
-     "type": "Array",
-     "desc": "An array of days to disable, 0 based. For example, [0, 6] disables Sunday and Saturday (defaults to null).",
-     "memberOf": ""
+     "name": "cls",
+     "type": "String",
+     "desc": "css class",
+     "memberOf": "Roo.bootstrap.Component"
     },
     {
-     "name": "disabledDaysText",
+     "name": "style",
      "type": "String",
-     "desc": "The tooltip to display when the date falls on a disabled day (defaults to 'Disabled')",
-     "memberOf": ""
+     "desc": "any extra css",
+     "memberOf": "Roo.bootstrap.Component"
     },
     {
-     "name": "disabledDates",
-     "type": "Array",
-     "desc": "An array of \"dates\" to disable, as strings. These strings will be used to build a dynamic regular\nexpression so they are very powerful. Some examples:\n<ul>\n<li>[\"03/08/2003\", \"09/16/2003\"] would disable those exact dates</li>\n<li>[\"03/08\", \"09/16\"] would disable those days for every year</li>\n<li>[\"^03/08\"] would only match the beginning (useful if you are using short years)</li>\n<li>[\"03/../2006\"] would disable every day in March 2006</li>\n<li>[\"^03\"] would disable every day in every March</li>\n</ul>\nIn order to support regular expressions, if you are using a date format that has \".\" in it, you will have to\nescape the dot when restricting dates. For example: [\"03\\\\.08\\\\.03\"].",
-     "memberOf": ""
+     "name": "xattr",
+     "type": "Object",
+     "desc": "extra attributes to add to 'element' (used by builder to store stuff.)",
+     "memberOf": "Roo.bootstrap.Component"
     },
     {
-     "name": "disabledDatesText",
-     "type": "String",
-     "desc": "The tooltip text to display when the date falls on a disabled date (defaults to 'Disabled')",
-     "memberOf": ""
+     "name": "can_build_overlaid",
+     "type": "Boolean",
+     "desc": "True if element can be rebuild from a HTML page",
+     "memberOf": "Roo.bootstrap.Component"
     },
     {
-     "name": "minValue",
-     "type": "Date/String",
-     "desc": "The minimum allowed date. Can be either a Javascript date object or a string date in a\nvalid format (defaults to null).",
-     "memberOf": ""
+     "name": "dataId",
+     "type": "string",
+     "desc": "cutomer id",
+     "memberOf": "Roo.bootstrap.Component"
     },
     {
-     "name": "maxValue",
-     "type": "Date/String",
-     "desc": "The maximum allowed date. Can be either a Javascript date object or a string date in a\nvalid format (defaults to null).",
-     "memberOf": ""
+     "name": "name",
+     "type": "string",
+     "desc": "Specifies name attribute",
+     "memberOf": "Roo.bootstrap.Component"
     },
     {
-     "name": "minText",
+     "name": "disableClass",
      "type": "String",
-     "desc": "The error text to display when the date in the cell is before minValue (defaults to\n'The date in this field must be after {minValue}').",
-     "memberOf": ""
+     "desc": "CSS class added to the component when it is disabled (defaults to \"x-item-disabled\").",
+     "memberOf": "Roo.Component"
     },
     {
-     "name": "maxText",
-     "type": "String",
-     "desc": "The error text to display when the date in the cell is after maxValue (defaults to\n'The date in this field must be before {maxValue}').",
-     "memberOf": ""
+     "name": "allowDomMove",
+     "type": "Boolean",
+     "desc": "Whether the component can move the Dom node when rendering (defaults to true).",
+     "memberOf": "Roo.Component"
     },
     {
-     "name": "invalidText",
+     "name": "hideMode",
      "type": "String",
-     "desc": "The error text to display when the date in the field is invalid (defaults to\n'{value} is not a valid date - it must be in the format {format}').",
-     "memberOf": ""
+     "desc": "How this component should hidden. Supported values are\n\"visibility\" (css visibility), \"offsets\" (negative offset position) and\n\"display\" (css display) - defaults to \"display\".",
+     "memberOf": "Roo.Component"
     },
     {
-     "name": "triggerClass",
+     "name": "actionMode",
      "type": "String",
-     "desc": "An additional CSS class used to style the trigger button.  The trigger will always get the\nclass 'x-form-trigger' and triggerClass will be <b>appended</b> if specified (defaults to 'x-form-date-trigger'\nwhich displays a calendar icon).",
-     "memberOf": ""
+     "desc": "which property holds the element that used for  hide() / show() / disable() / enable()\ndefault is 'el'",
+     "memberOf": "Roo.Component"
     },
     {
-     "name": "useIso",
-     "type": "Boolean",
-     "desc": "if enabled, then the date field will use a hidden field to store the \nreal value as iso formated date. default (false)",
-     "memberOf": ""
-    },
+     "name": "listeners",
+     "type": "Object",
+     "desc": "list of events and functions to call for this object, \nFor example :\n<pre><code>\n    listeners :  { \n       'click' : function(e) {\n           ..... \n        } ,\n        .... \n    } \n  </code></pre>",
+     "memberOf": "Roo.util.Observable"
+    }
+   ],
+   "events": [
     {
-     "name": "autoCreate",
-     "type": "String/Object",
-     "desc": "A DomHelper element spec, or true for a default element spec (defaults to\n{tag: \"input\", type: \"text\", size: \"10\", autocomplete: \"off\"})",
-     "memberOf": ""
+     "name": "beforedestroy",
+     "sig": "function (_self)\n{\n\n}",
+     "type": "function",
+     "desc": "Fires before the component is destroyed. Return false to stop the destroy."
     },
     {
-     "name": "hideTrigger",
-     "type": "Boolean",
-     "desc": "True to hide the trigger element and display only the base text field (defaults to false)",
-     "memberOf": "Roo.form.TriggerField"
+     "name": "beforehide",
+     "sig": "function (_self)\n{\n\n}",
+     "type": "function",
+     "desc": "Fires before the component is hidden. Return false to stop the hide."
     },
     {
-     "name": "vtype",
-     "type": "String",
-     "desc": "A validation type name as defined in {@link Roo.form.VTypes} (defaults to null)",
-     "memberOf": "Roo.form.TextField"
+     "name": "beforerender",
+     "sig": "function (_self)\n{\n\n}",
+     "type": "function",
+     "desc": "Fires before the component is rendered. Return false to stop the render."
     },
     {
-     "name": "maskRe",
-     "type": "String",
-     "desc": "An input mask regular expression that will be used to filter keystrokes that don't match (defaults to null)",
-     "memberOf": "Roo.form.TextField"
-    },
-    {
-     "name": "disableKeyFilter",
-     "type": "Boolean",
-     "desc": "True to disable input keystroke filtering (defaults to false)",
-     "memberOf": "Roo.form.TextField"
-    },
-    {
-     "name": "allowBlank",
-     "type": "Boolean",
-     "desc": "False to validate that the value length > 0 (defaults to true)",
-     "memberOf": "Roo.form.TextField"
-    },
-    {
-     "name": "minLength",
-     "type": "Number",
-     "desc": "Minimum input field length required (defaults to 0)",
-     "memberOf": "Roo.form.TextField"
-    },
-    {
-     "name": "maxLength",
-     "type": "Number",
-     "desc": "Maximum input field length allowed (defaults to Number.MAX_VALUE)",
-     "memberOf": "Roo.form.TextField"
-    },
-    {
-     "name": "minLengthText",
-     "type": "String",
-     "desc": "Error text to display if the minimum length validation fails (defaults to \"The minimum length for this field is {minLength}\")",
-     "memberOf": "Roo.form.TextField"
-    },
-    {
-     "name": "maxLengthText",
-     "type": "String",
-     "desc": "Error text to display if the maximum length validation fails (defaults to \"The maximum length for this field is {maxLength}\")",
-     "memberOf": "Roo.form.TextField"
-    },
-    {
-     "name": "selectOnFocus",
-     "type": "Boolean",
-     "desc": "True to automatically select any existing field text when the field receives input focus (defaults to false)",
-     "memberOf": "Roo.form.TextField"
-    },
-    {
-     "name": "blankText",
-     "type": "String",
-     "desc": "Error text to display if the allow blank validation fails (defaults to \"This field is required\")",
-     "memberOf": "Roo.form.TextField"
-    },
-    {
-     "name": "validator",
-     "type": "Function",
-     "desc": "A custom validation function to be called during field validation (defaults to null).\nIf available, this function will be called only after the basic validators all return true, and will be passed the\ncurrent field value and expected to return boolean true if the value is valid or a string error message if invalid.",
-     "memberOf": "Roo.form.TextField"
+     "name": "beforeshow",
+     "sig": "function (_self)\n{\n\n}",
+     "type": "function",
+     "desc": "Fires before the component is shown.  Return false to stop the show."
     },
     {
-     "name": "regex",
-     "type": "RegExp",
-     "desc": "A JavaScript RegExp object to be tested against the field value during validation (defaults to null).\nIf available, this regex will be evaluated only after the basic validators all return true, and will be passed the\ncurrent field value.  If the test fails, the field will be marked invalid using {@link #regexText}.",
-     "memberOf": "Roo.form.TextField"
+     "name": "btnclick",
+     "sig": "function (e)\n{\n\n}",
+     "type": "function",
+     "desc": "The raw btnclick event for the button"
     },
     {
-     "name": "regexText",
-     "type": "String",
-     "desc": "The error text to display if {@link #regex} is used and the test fails during validation (defaults to \"\")",
-     "memberOf": "Roo.form.TextField"
+     "name": "destroy",
+     "sig": "function (_self)\n{\n\n}",
+     "type": "function",
+     "desc": "Fires after the component is destroyed."
     },
     {
-     "name": "emptyText",
-     "type": "String",
-     "desc": "The default text to display in an empty field - placeholder... (defaults to null).",
-     "memberOf": "Roo.form.TextField"
+     "name": "disable",
+     "sig": "function (_self)\n{\n\n}",
+     "type": "function",
+     "desc": "Fires after the component is disabled."
     },
     {
-     "name": "fieldLabel",
-     "type": "String",
-     "desc": "Label to use when rendering a form.",
-     "memberOf": "Roo.form.Field"
+     "name": "enable",
+     "sig": "function (_self)\n{\n\n}",
+     "type": "function",
+     "desc": "Fires after the component is enabled."
     },
     {
-     "name": "qtip",
-     "type": "String",
-     "desc": "Mouse over tip",
-     "memberOf": "Roo.form.Field"
+     "name": "hide",
+     "sig": "function (_self)\n{\n\n}",
+     "type": "function",
+     "desc": "Fires after the component is hidden."
     },
     {
-     "name": "name",
-     "type": "String",
-     "desc": "The field's HTML name attribute.",
-     "memberOf": "Roo.form.Field"
+     "name": "render",
+     "sig": "function (_self)\n{\n\n}",
+     "type": "function",
+     "desc": "Fires after the component is rendered."
     },
     {
-     "name": "invalidClass",
-     "type": "String",
-     "desc": "The CSS class to use when marking a field invalid (defaults to \"x-form-invalid\")",
-     "memberOf": "Roo.form.Field"
-    },
+     "name": "show",
+     "sig": "function (_self)\n{\n\n}",
+     "type": "function",
+     "desc": "Fires after the component is shown."
+    }
+   ]
+  },
+  "Roo.bootstrap.NavGroup": {
+   "props": [
     {
-     "name": "focusClass",
+     "name": "align",
      "type": "String",
-     "desc": "The CSS class to use when the field receives focus (defaults to \"x-form-focus\")",
-     "memberOf": "Roo.form.Field"
-    },
-    {
-     "name": "validationEvent",
-     "type": "String/Boolean",
-     "desc": "The event that should initiate field validation. Set to false to disable\n      automatic validation (defaults to \"keyup\").",
-     "memberOf": "Roo.form.Field"
+     "desc": "left | right",
+     "memberOf": ""
     },
     {
-     "name": "validateOnBlur",
+     "name": "inverse",
      "type": "Boolean",
-     "desc": "Whether the field should validate when it loses focus (defaults to true).",
-     "memberOf": "Roo.form.Field"
-    },
-    {
-     "name": "validationDelay",
-     "type": "Number",
-     "desc": "The length of time in milliseconds after user input begins until validation is initiated (defaults to 250)",
-     "memberOf": "Roo.form.Field"
-    },
-    {
-     "name": "fieldClass",
-     "type": "String",
-     "desc": "The default CSS class for the field (defaults to \"x-form-field\")",
-     "memberOf": "Roo.form.Field"
+     "desc": "false | true",
+     "memberOf": ""
     },
     {
-     "name": "msgTarget",
+     "name": "cls",
      "type": "String",
-     "desc": "The location where error text should display.  Should be one of the following values (defaults to 'qtip'):\n<pre>\nValue         Description\n-----------   ----------------------------------------------------------------------\nqtip          Display a quick tip when the user hovers over the field\ntitle         Display a default browser title attribute popup\nunder         Add a block div beneath the field containing the error text\nside          Add an error icon to the right of the field with a popup on hover\n[element id]  Add the error text directly to the innerHTML of the specified element\n</pre>",
-     "memberOf": "Roo.form.Field"
+     "desc": "css class",
+     "memberOf": "Roo.bootstrap.Component"
     },
     {
-     "name": "msgFx",
+     "name": "style",
      "type": "String",
-     "desc": "<b>Experimental</b> The effect used when displaying a validation message under the field (defaults to 'normal').",
-     "memberOf": "Roo.form.Field"
+     "desc": "any extra css",
+     "memberOf": "Roo.bootstrap.Component"
     },
     {
-     "name": "readOnly",
-     "type": "Boolean",
-     "desc": "True to mark the field as readOnly in HTML (defaults to false) -- Note: this only sets the element's readOnly DOM attribute.",
-     "memberOf": "Roo.form.Field"
+     "name": "xattr",
+     "type": "Object",
+     "desc": "extra attributes to add to 'element' (used by builder to store stuff.)",
+     "memberOf": "Roo.bootstrap.Component"
     },
     {
-     "name": "disabled",
+     "name": "can_build_overlaid",
      "type": "Boolean",
-     "desc": "True to disable the field (defaults to false).",
-     "memberOf": "Roo.form.Field"
-    },
-    {
-     "name": "inputType",
-     "type": "String",
-     "desc": "The type attribute for input fields -- e.g. radio, text, password (defaults to \"text\").",
-     "memberOf": "Roo.form.Field"
-    },
-    {
-     "name": "tabIndex",
-     "type": "Number",
-     "desc": "The tabIndex for this field. Note this only applies to fields that are rendered, not those which are built via applyTo (defaults to undefined).",
-     "memberOf": "Roo.form.Field"
-    },
-    {
-     "name": "value",
-     "type": "Mixed",
-     "desc": "A value to initialize this field with.",
-     "memberOf": "Roo.form.Field"
-    },
-    {
-     "name": "cls",
-     "type": "String",
-     "desc": "A CSS class to apply to the field's underlying element.",
-     "memberOf": "Roo.form.Field"
+     "desc": "True if element can be rebuild from a HTML page",
+     "memberOf": "Roo.bootstrap.Component"
     },
     {
-     "name": "width",
-     "type": "Number",
-     "desc": "width (optional) size of component",
-     "memberOf": "Roo.BoxComponent"
+     "name": "dataId",
+     "type": "string",
+     "desc": "cutomer id",
+     "memberOf": "Roo.bootstrap.Component"
     },
     {
-     "name": "height",
-     "type": "Number",
-     "desc": "height (optional) size of component",
-     "memberOf": "Roo.BoxComponent"
+     "name": "name",
+     "type": "string",
+     "desc": "Specifies name attribute",
+     "memberOf": "Roo.bootstrap.Component"
     },
     {
      "name": "disableClass",
     }
    ],
    "events": [
-    {
-     "name": "autosize",
-     "sig": "function (_self, width)\n{\n\n}",
-     "type": "function",
-     "desc": "Fires when the autosize function is triggered.  The field may or may not have actually changed size\naccording to the default logic, but this event provides a hook for the developer to apply additional\nlogic at runtime to resize the field if needed."
-    },
     {
      "name": "beforedestroy",
      "sig": "function (_self)\n{\n\n}",
      "type": "function",
      "desc": "Fires before the component is shown.  Return false to stop the show."
     },
-    {
-     "name": "blur",
-     "sig": "function (_self)\n{\n\n}",
-     "type": "function",
-     "desc": "Fires when this field loses input focus."
-    },
-    {
-     "name": "change",
-     "sig": "function (_self, newValue, oldValue)\n{\n\n}",
-     "type": "function",
-     "desc": "Fires just before the field blurs if the field value has changed."
-    },
     {
      "name": "destroy",
      "sig": "function (_self)\n{\n\n}",
      "type": "function",
      "desc": "Fires after the component is enabled."
     },
-    {
-     "name": "focus",
-     "sig": "function (_self)\n{\n\n}",
-     "type": "function",
-     "desc": "Fires when this field receives input focus."
-    },
     {
      "name": "hide",
      "sig": "function (_self)\n{\n\n}",
      "type": "function",
      "desc": "Fires after the component is hidden."
     },
-    {
-     "name": "invalid",
-     "sig": "function (_self, msg)\n{\n\n}",
-     "type": "function",
-     "desc": "Fires after the field has been marked as invalid."
-    },
-    {
-     "name": "keyup",
-     "sig": "function (_self, e)\n{\n\n}",
-     "type": "function",
-     "desc": "Fires after the key up"
-    },
-    {
-     "name": "move",
-     "sig": "function (_self, x, y)\n{\n\n}",
-     "type": "function",
-     "desc": "Fires after the component is moved."
-    },
     {
      "name": "render",
      "sig": "function (_self)\n{\n\n}",
      "type": "function",
      "desc": "Fires after the component is rendered."
     },
-    {
-     "name": "resize",
-     "sig": "function (_self, adjWidth, adjHeight, rawWidth, rawHeight)\n{\n\n}",
-     "type": "function",
-     "desc": "Fires after the component is resized."
-    },
-    {
-     "name": "select",
-     "sig": "function (combo, date)\n{\n\n}",
-     "type": "function",
-     "desc": "Fires when a date is selected"
-    },
     {
      "name": "show",
      "sig": "function (_self)\n{\n\n}",
      "type": "function",
      "desc": "Fires after the component is shown."
+    }
+   ]
+  },
+  "Roo.bootstrap.Navbar": {
+   "props": [
+    {
+     "name": "sidebar",
+     "type": "Boolean",
+     "desc": "has side bar",
+     "memberOf": ""
     },
     {
-     "name": "specialkey",
-     "sig": "function (_self, e)\n{\n\n}",
-     "type": "function",
-     "desc": "Fires when any key related to navigation (arrows, tab, enter, esc, etc.) is pressed.  You can check\n{@link Roo.EventObject#getKey} to determine which key was pressed."
+     "name": "bar",
+     "type": "Boolean",
+     "desc": "is a bar?",
+     "memberOf": ""
     },
     {
-     "name": "valid",
-     "sig": "function (_self)\n{\n\n}",
-     "type": "function",
-     "desc": "Fires after the field has been validated with no errors."
-    }
-   ]
-  },
-  "Roo.form.DayPicker": {
-   "props": [
-    {
-     "name": "focusClass",
+     "name": "position",
      "type": "String",
-     "desc": "The CSS class to use when the checkbox receives focus (defaults to undefined)",
+     "desc": "(fixed-top|fixed-bottom|static-top) position",
      "memberOf": ""
     },
     {
-     "name": "fieldClass",
+     "name": "brand",
      "type": "String",
-     "desc": "The default CSS class for the checkbox (defaults to \"x-form-field\")",
+     "desc": "what is brand",
      "memberOf": ""
     },
     {
-     "name": "autoCreate",
-     "type": "String/Object",
-     "desc": "A DomHelper element spec, or true for a default element spec (defaults to\n{tag: \"input\", type: \"checkbox\", autocomplete: \"off\"})",
+     "name": "inverse",
+     "type": "Boolean",
+     "desc": "is inverted color",
      "memberOf": ""
     },
     {
-     "name": "fieldLabel",
-     "type": "String",
-     "desc": "Label to use when rendering a form.",
-     "memberOf": "Roo.form.Field"
-    },
-    {
-     "name": "qtip",
+     "name": "type",
      "type": "String",
-     "desc": "Mouse over tip",
-     "memberOf": "Roo.form.Field"
+     "desc": "(nav | pills | tabs)",
+     "memberOf": ""
     },
     {
-     "name": "name",
-     "type": "String",
-     "desc": "The field's HTML name attribute.",
-     "memberOf": "Roo.form.Field"
+     "name": "arrangement",
+     "type": "Boolean",
+     "desc": "stacked | justified",
+     "memberOf": ""
     },
     {
-     "name": "invalidClass",
+     "name": "align",
      "type": "String",
-     "desc": "The CSS class to use when marking a field invalid (defaults to \"x-form-invalid\")",
-     "memberOf": "Roo.form.Field"
+     "desc": "(left | right) alignment",
+     "memberOf": ""
     },
     {
-     "name": "invalidText",
+     "name": "brand_href",
      "type": "String",
-     "desc": "The error text to use when marking a field invalid and no message is provided (defaults to \"The value in this field is invalid\")",
-     "memberOf": "Roo.form.Field"
-    },
-    {
-     "name": "validationEvent",
-     "type": "String/Boolean",
-     "desc": "The event that should initiate field validation. Set to false to disable\n      automatic validation (defaults to \"keyup\").",
-     "memberOf": "Roo.form.Field"
-    },
-    {
-     "name": "validateOnBlur",
-     "type": "Boolean",
-     "desc": "Whether the field should validate when it loses focus (defaults to true).",
-     "memberOf": "Roo.form.Field"
-    },
-    {
-     "name": "validationDelay",
-     "type": "Number",
-     "desc": "The length of time in milliseconds after user input begins until validation is initiated (defaults to 250)",
-     "memberOf": "Roo.form.Field"
+     "desc": "href of the brand",
+     "memberOf": ""
     },
     {
-     "name": "msgTarget",
+     "name": "cls",
      "type": "String",
-     "desc": "The location where error text should display.  Should be one of the following values (defaults to 'qtip'):\n<pre>\nValue         Description\n-----------   ----------------------------------------------------------------------\nqtip          Display a quick tip when the user hovers over the field\ntitle         Display a default browser title attribute popup\nunder         Add a block div beneath the field containing the error text\nside          Add an error icon to the right of the field with a popup on hover\n[element id]  Add the error text directly to the innerHTML of the specified element\n</pre>",
-     "memberOf": "Roo.form.Field"
+     "desc": "css class",
+     "memberOf": "Roo.bootstrap.Component"
     },
     {
-     "name": "msgFx",
+     "name": "style",
      "type": "String",
-     "desc": "<b>Experimental</b> The effect used when displaying a validation message under the field (defaults to 'normal').",
-     "memberOf": "Roo.form.Field"
+     "desc": "any extra css",
+     "memberOf": "Roo.bootstrap.Component"
     },
     {
-     "name": "readOnly",
-     "type": "Boolean",
-     "desc": "True to mark the field as readOnly in HTML (defaults to false) -- Note: this only sets the element's readOnly DOM attribute.",
-     "memberOf": "Roo.form.Field"
+     "name": "xattr",
+     "type": "Object",
+     "desc": "extra attributes to add to 'element' (used by builder to store stuff.)",
+     "memberOf": "Roo.bootstrap.Component"
     },
     {
-     "name": "disabled",
+     "name": "can_build_overlaid",
      "type": "Boolean",
-     "desc": "True to disable the field (defaults to false).",
-     "memberOf": "Roo.form.Field"
-    },
-    {
-     "name": "inputType",
-     "type": "String",
-     "desc": "The type attribute for input fields -- e.g. radio, text, password (defaults to \"text\").",
-     "memberOf": "Roo.form.Field"
-    },
-    {
-     "name": "tabIndex",
-     "type": "Number",
-     "desc": "The tabIndex for this field. Note this only applies to fields that are rendered, not those which are built via applyTo (defaults to undefined).",
-     "memberOf": "Roo.form.Field"
+     "desc": "True if element can be rebuild from a HTML page",
+     "memberOf": "Roo.bootstrap.Component"
     },
     {
-     "name": "value",
-     "type": "Mixed",
-     "desc": "A value to initialize this field with.",
-     "memberOf": "Roo.form.Field"
-    },
-    {
-     "name": "cls",
-     "type": "String",
-     "desc": "A CSS class to apply to the field's underlying element.",
-     "memberOf": "Roo.form.Field"
-    },
-    {
-     "name": "width",
-     "type": "Number",
-     "desc": "width (optional) size of component",
-     "memberOf": "Roo.BoxComponent"
+     "name": "dataId",
+     "type": "string",
+     "desc": "cutomer id",
+     "memberOf": "Roo.bootstrap.Component"
     },
     {
-     "name": "height",
-     "type": "Number",
-     "desc": "height (optional) size of component",
-     "memberOf": "Roo.BoxComponent"
+     "name": "name",
+     "type": "string",
+     "desc": "Specifies name attribute",
+     "memberOf": "Roo.bootstrap.Component"
     },
     {
      "name": "disableClass",
      "type": "function",
      "desc": "Fires before the component is shown.  Return false to stop the show."
     },
-    {
-     "name": "blur",
-     "sig": "function (_self)\n{\n\n}",
-     "type": "function",
-     "desc": "Fires when this field loses input focus."
-    },
-    {
-     "name": "change",
-     "sig": "function (_self, newValue, oldValue)\n{\n\n}",
-     "type": "function",
-     "desc": "Fires just before the field blurs if the field value has changed."
-    },
     {
      "name": "destroy",
      "sig": "function (_self)\n{\n\n}",
      "type": "function",
      "desc": "Fires after the component is enabled."
     },
-    {
-     "name": "focus",
-     "sig": "function (_self)\n{\n\n}",
-     "type": "function",
-     "desc": "Fires when this field receives input focus."
-    },
     {
      "name": "hide",
      "sig": "function (_self)\n{\n\n}",
      "type": "function",
      "desc": "Fires after the component is hidden."
     },
-    {
-     "name": "invalid",
-     "sig": "function (_self, msg)\n{\n\n}",
-     "type": "function",
-     "desc": "Fires after the field has been marked as invalid."
-    },
-    {
-     "name": "keyup",
-     "sig": "function (_self, e)\n{\n\n}",
-     "type": "function",
-     "desc": "Fires after the key up"
-    },
-    {
-     "name": "move",
-     "sig": "function (_self, x, y)\n{\n\n}",
-     "type": "function",
-     "desc": "Fires after the component is moved."
-    },
     {
      "name": "render",
      "sig": "function (_self)\n{\n\n}",
      "type": "function",
      "desc": "Fires after the component is rendered."
     },
-    {
-     "name": "resize",
-     "sig": "function (_self, adjWidth, adjHeight, rawWidth, rawHeight)\n{\n\n}",
-     "type": "function",
-     "desc": "Fires after the component is resized."
-    },
     {
      "name": "show",
      "sig": "function (_self)\n{\n\n}",
      "type": "function",
      "desc": "Fires after the component is shown."
-    },
-    {
-     "name": "specialkey",
-     "sig": "function (_self, e)\n{\n\n}",
-     "type": "function",
-     "desc": "Fires when any key related to navigation (arrows, tab, enter, esc, etc.) is pressed.  You can check\n{@link Roo.EventObject#getKey} to determine which key was pressed."
-    },
-    {
-     "name": "valid",
-     "sig": "function (_self)\n{\n\n}",
-     "type": "function",
-     "desc": "Fires after the field has been validated with no errors."
     }
    ]
   },
-  "Roo.form.DisplayField": {
+  "Roo.bootstrap.Navbar.Item": {
    "props": [
     {
-     "name": "focusClass",
+     "name": "href",
      "type": "String",
-     "desc": "The CSS class to use when the checkbox receives focus (defaults to undefined)",
+     "desc": "link to",
      "memberOf": ""
     },
     {
-     "name": "fieldClass",
+     "name": "html",
      "type": "String",
-     "desc": "The default CSS class for the checkbox (defaults to \"x-form-field\")",
-     "memberOf": ""
-    },
-    {
-     "name": "valueRenderer",
-     "type": "Function",
-     "desc": "The renderer for the field (so you can reformat output). should return raw HTML",
+     "desc": "content of button",
      "memberOf": ""
     },
     {
-     "name": "autoCreate",
-     "type": "String/Object",
-     "desc": "A DomHelper element spec, or true for a default element spec (defaults to\n{tag: \"input\", type: \"checkbox\", autocomplete: \"off\"})",
-     "memberOf": ""
-    },
-    {
-     "name": "fieldLabel",
+     "name": "badge",
      "type": "String",
-     "desc": "Label to use when rendering a form.",
-     "memberOf": "Roo.form.Field"
+     "desc": "text inside badge",
+     "memberOf": ""
     },
     {
-     "name": "qtip",
+     "name": "glyphicon",
      "type": "String",
-     "desc": "Mouse over tip",
-     "memberOf": "Roo.form.Field"
+     "desc": "name of glyphicon",
+     "memberOf": ""
     },
     {
-     "name": "name",
+     "name": "icon",
      "type": "String",
-     "desc": "The field's HTML name attribute.",
-     "memberOf": "Roo.form.Field"
+     "desc": "name of font awesome icon",
+     "memberOf": ""
     },
     {
-     "name": "invalidClass",
+     "name": "cls",
      "type": "String",
-     "desc": "The CSS class to use when marking a field invalid (defaults to \"x-form-invalid\")",
-     "memberOf": "Roo.form.Field"
+     "desc": "css class",
+     "memberOf": "Roo.bootstrap.Component"
     },
     {
-     "name": "invalidText",
+     "name": "style",
      "type": "String",
-     "desc": "The error text to use when marking a field invalid and no message is provided (defaults to \"The value in this field is invalid\")",
-     "memberOf": "Roo.form.Field"
+     "desc": "any extra css",
+     "memberOf": "Roo.bootstrap.Component"
     },
     {
-     "name": "validationEvent",
-     "type": "String/Boolean",
-     "desc": "The event that should initiate field validation. Set to false to disable\n      automatic validation (defaults to \"keyup\").",
-     "memberOf": "Roo.form.Field"
+     "name": "xattr",
+     "type": "Object",
+     "desc": "extra attributes to add to 'element' (used by builder to store stuff.)",
+     "memberOf": "Roo.bootstrap.Component"
     },
     {
-     "name": "validateOnBlur",
+     "name": "can_build_overlaid",
      "type": "Boolean",
-     "desc": "Whether the field should validate when it loses focus (defaults to true).",
-     "memberOf": "Roo.form.Field"
+     "desc": "True if element can be rebuild from a HTML page",
+     "memberOf": "Roo.bootstrap.Component"
     },
     {
-     "name": "validationDelay",
-     "type": "Number",
-     "desc": "The length of time in milliseconds after user input begins until validation is initiated (defaults to 250)",
-     "memberOf": "Roo.form.Field"
+     "name": "dataId",
+     "type": "string",
+     "desc": "cutomer id",
+     "memberOf": "Roo.bootstrap.Component"
     },
     {
-     "name": "msgTarget",
-     "type": "String",
-     "desc": "The location where error text should display.  Should be one of the following values (defaults to 'qtip'):\n<pre>\nValue         Description\n-----------   ----------------------------------------------------------------------\nqtip          Display a quick tip when the user hovers over the field\ntitle         Display a default browser title attribute popup\nunder         Add a block div beneath the field containing the error text\nside          Add an error icon to the right of the field with a popup on hover\n[element id]  Add the error text directly to the innerHTML of the specified element\n</pre>",
-     "memberOf": "Roo.form.Field"
+     "name": "name",
+     "type": "string",
+     "desc": "Specifies name attribute",
+     "memberOf": "Roo.bootstrap.Component"
     },
     {
-     "name": "msgFx",
+     "name": "disableClass",
      "type": "String",
-     "desc": "<b>Experimental</b> The effect used when displaying a validation message under the field (defaults to 'normal').",
-     "memberOf": "Roo.form.Field"
+     "desc": "CSS class added to the component when it is disabled (defaults to \"x-item-disabled\").",
+     "memberOf": "Roo.Component"
     },
     {
-     "name": "readOnly",
+     "name": "allowDomMove",
      "type": "Boolean",
-     "desc": "True to mark the field as readOnly in HTML (defaults to false) -- Note: this only sets the element's readOnly DOM attribute.",
-     "memberOf": "Roo.form.Field"
+     "desc": "Whether the component can move the Dom node when rendering (defaults to true).",
+     "memberOf": "Roo.Component"
     },
     {
-     "name": "disabled",
-     "type": "Boolean",
-     "desc": "True to disable the field (defaults to false).",
-     "memberOf": "Roo.form.Field"
+     "name": "hideMode",
+     "type": "String",
+     "desc": "How this component should hidden. Supported values are\n\"visibility\" (css visibility), \"offsets\" (negative offset position) and\n\"display\" (css display) - defaults to \"display\".",
+     "memberOf": "Roo.Component"
     },
     {
-     "name": "inputType",
+     "name": "actionMode",
      "type": "String",
-     "desc": "The type attribute for input fields -- e.g. radio, text, password (defaults to \"text\").",
-     "memberOf": "Roo.form.Field"
+     "desc": "which property holds the element that used for  hide() / show() / disable() / enable()\ndefault is 'el'",
+     "memberOf": "Roo.Component"
     },
     {
-     "name": "tabIndex",
-     "type": "Number",
-     "desc": "The tabIndex for this field. Note this only applies to fields that are rendered, not those which are built via applyTo (defaults to undefined).",
-     "memberOf": "Roo.form.Field"
+     "name": "listeners",
+     "type": "Object",
+     "desc": "list of events and functions to call for this object, \nFor example :\n<pre><code>\n    listeners :  { \n       'click' : function(e) {\n           ..... \n        } ,\n        .... \n    } \n  </code></pre>",
+     "memberOf": "Roo.util.Observable"
+    }
+   ],
+   "events": [
+    {
+     "name": "beforedestroy",
+     "sig": "function (_self)\n{\n\n}",
+     "type": "function",
+     "desc": "Fires before the component is destroyed. Return false to stop the destroy."
     },
     {
-     "name": "value",
-     "type": "Mixed",
-     "desc": "A value to initialize this field with.",
-     "memberOf": "Roo.form.Field"
+     "name": "beforehide",
+     "sig": "function (_self)\n{\n\n}",
+     "type": "function",
+     "desc": "Fires before the component is hidden. Return false to stop the hide."
     },
     {
-     "name": "cls",
+     "name": "beforerender",
+     "sig": "function (_self)\n{\n\n}",
+     "type": "function",
+     "desc": "Fires before the component is rendered. Return false to stop the render."
+    },
+    {
+     "name": "beforeshow",
+     "sig": "function (_self)\n{\n\n}",
+     "type": "function",
+     "desc": "Fires before the component is shown.  Return false to stop the show."
+    },
+    {
+     "name": "destroy",
+     "sig": "function (_self)\n{\n\n}",
+     "type": "function",
+     "desc": "Fires after the component is destroyed."
+    },
+    {
+     "name": "disable",
+     "sig": "function (_self)\n{\n\n}",
+     "type": "function",
+     "desc": "Fires after the component is disabled."
+    },
+    {
+     "name": "enable",
+     "sig": "function (_self)\n{\n\n}",
+     "type": "function",
+     "desc": "Fires after the component is enabled."
+    },
+    {
+     "name": "hide",
+     "sig": "function (_self)\n{\n\n}",
+     "type": "function",
+     "desc": "Fires after the component is hidden."
+    },
+    {
+     "name": "render",
+     "sig": "function (_self)\n{\n\n}",
+     "type": "function",
+     "desc": "Fires after the component is rendered."
+    },
+    {
+     "name": "show",
+     "sig": "function (_self)\n{\n\n}",
+     "type": "function",
+     "desc": "Fires after the component is shown."
+    }
+   ]
+  },
+  "Roo.bootstrap.Pagination": {
+   "props": [
+    {
+     "name": "size",
      "type": "String",
-     "desc": "A CSS class to apply to the field's underlying element.",
-     "memberOf": "Roo.form.Field"
+     "desc": "xs | sm | md | lg",
+     "memberOf": ""
     },
     {
-     "name": "width",
+     "name": "inverse",
+     "type": "Boolean",
+     "desc": "false | true",
+     "memberOf": ""
+    },
+    {
+     "name": "from",
      "type": "Number",
-     "desc": "width (optional) size of component",
-     "memberOf": "Roo.BoxComponent"
+     "desc": "pagination starting number",
+     "memberOf": ""
     },
     {
-     "name": "height",
+     "name": "to",
      "type": "Number",
-     "desc": "height (optional) size of component",
-     "memberOf": "Roo.BoxComponent"
+     "desc": "pagination ending number",
+     "memberOf": ""
+    },
+    {
+     "name": "align",
+     "type": "String",
+     "desc": "empty or left | right",
+     "memberOf": ""
+    },
+    {
+     "name": "active",
+     "type": "Number",
+     "desc": "active page number",
+     "memberOf": ""
+    },
+    {
+     "name": "cls",
+     "type": "String",
+     "desc": "css class",
+     "memberOf": "Roo.bootstrap.Component"
+    },
+    {
+     "name": "style",
+     "type": "String",
+     "desc": "any extra css",
+     "memberOf": "Roo.bootstrap.Component"
+    },
+    {
+     "name": "xattr",
+     "type": "Object",
+     "desc": "extra attributes to add to 'element' (used by builder to store stuff.)",
+     "memberOf": "Roo.bootstrap.Component"
+    },
+    {
+     "name": "can_build_overlaid",
+     "type": "Boolean",
+     "desc": "True if element can be rebuild from a HTML page",
+     "memberOf": "Roo.bootstrap.Component"
+    },
+    {
+     "name": "dataId",
+     "type": "string",
+     "desc": "cutomer id",
+     "memberOf": "Roo.bootstrap.Component"
+    },
+    {
+     "name": "name",
+     "type": "string",
+     "desc": "Specifies name attribute",
+     "memberOf": "Roo.bootstrap.Component"
     },
     {
      "name": "disableClass",
      "type": "function",
      "desc": "Fires before the component is shown.  Return false to stop the show."
     },
-    {
-     "name": "blur",
-     "sig": "function (_self)\n{\n\n}",
-     "type": "function",
-     "desc": "Fires when this field loses input focus."
-    },
-    {
-     "name": "change",
-     "sig": "function (_self, newValue, oldValue)\n{\n\n}",
-     "type": "function",
-     "desc": "Fires just before the field blurs if the field value has changed."
-    },
     {
      "name": "destroy",
      "sig": "function (_self)\n{\n\n}",
      "type": "function",
      "desc": "Fires after the component is enabled."
     },
-    {
-     "name": "focus",
-     "sig": "function (_self)\n{\n\n}",
-     "type": "function",
-     "desc": "Fires when this field receives input focus."
-    },
     {
      "name": "hide",
      "sig": "function (_self)\n{\n\n}",
      "type": "function",
      "desc": "Fires after the component is hidden."
     },
-    {
-     "name": "invalid",
-     "sig": "function (_self, msg)\n{\n\n}",
-     "type": "function",
-     "desc": "Fires after the field has been marked as invalid."
-    },
-    {
-     "name": "keyup",
-     "sig": "function (_self, e)\n{\n\n}",
-     "type": "function",
-     "desc": "Fires after the key up"
-    },
-    {
-     "name": "move",
-     "sig": "function (_self, x, y)\n{\n\n}",
-     "type": "function",
-     "desc": "Fires after the component is moved."
-    },
     {
      "name": "render",
      "sig": "function (_self)\n{\n\n}",
      "type": "function",
      "desc": "Fires after the component is rendered."
     },
-    {
-     "name": "resize",
-     "sig": "function (_self, adjWidth, adjHeight, rawWidth, rawHeight)\n{\n\n}",
-     "type": "function",
-     "desc": "Fires after the component is resized."
-    },
     {
      "name": "show",
      "sig": "function (_self)\n{\n\n}",
      "type": "function",
      "desc": "Fires after the component is shown."
-    },
-    {
-     "name": "specialkey",
-     "sig": "function (_self, e)\n{\n\n}",
-     "type": "function",
-     "desc": "Fires when any key related to navigation (arrows, tab, enter, esc, etc.) is pressed.  You can check\n{@link Roo.EventObject#getKey} to determine which key was pressed."
-    },
-    {
-     "name": "valid",
-     "sig": "function (_self)\n{\n\n}",
-     "type": "function",
-     "desc": "Fires after the field has been validated with no errors."
     }
    ]
   },
-  "Roo.form.FCKeditor": {
+  "Roo.bootstrap.Popover": {
    "props": [
     {
-     "name": "fck",
-     "type": "Object",
-     "desc": "options - see fck manual for details.",
+     "name": "html",
+     "type": "String",
+     "desc": "contents of the popover   (or false to use children..)",
      "memberOf": ""
     },
     {
-     "name": "growMin",
-     "type": "Number",
-     "desc": "The minimum height to allow when grow = true (defaults to 60)",
-     "memberOf": "Roo.form.TextArea"
-    },
-    {
-     "name": "growMax",
-     "type": "Number",
-     "desc": "The maximum height to allow when grow = true (defaults to 1000)",
-     "memberOf": "Roo.form.TextArea"
+     "name": "title",
+     "type": "String",
+     "desc": "of popover (or false to hide)",
+     "memberOf": ""
     },
     {
-     "name": "preventScrollbars",
-     "type": "Boolean",
-     "desc": "True to prevent scrollbars from appearing regardless of how much text is\nin the field (equivalent to setting overflow: hidden, defaults to false)",
-     "memberOf": "Roo.form.TextArea"
+     "name": "placement",
+     "type": "String",
+     "desc": "how it is placed",
+     "memberOf": ""
     },
     {
-     "name": "autoCreate",
-     "type": "String/Object",
-     "desc": "A DomHelper element spec, or true for a default element spec (defaults to\n{tag: \"textarea\", style: \"width:300px;height:60px;\", autocomplete: \"off\"})",
-     "memberOf": "Roo.form.TextArea"
+     "name": "trigger",
+     "type": "String",
+     "desc": "click || hover (or false to trigger manually)",
+     "memberOf": ""
     },
     {
-     "name": "grow",
-     "type": "Boolean",
-     "desc": "True if this field should automatically grow and shrink to its content",
-     "memberOf": "Roo.form.TextField"
+     "name": "over",
+     "type": "String",
+     "desc": "what (parent or false to trigger manually.)",
+     "memberOf": ""
     },
     {
-     "name": "vtype",
+     "name": "cls",
      "type": "String",
-     "desc": "A validation type name as defined in {@link Roo.form.VTypes} (defaults to null)",
-     "memberOf": "Roo.form.TextField"
+     "desc": "css class",
+     "memberOf": "Roo.bootstrap.Component"
     },
     {
-     "name": "maskRe",
+     "name": "style",
      "type": "String",
-     "desc": "An input mask regular expression that will be used to filter keystrokes that don't match (defaults to null)",
-     "memberOf": "Roo.form.TextField"
+     "desc": "any extra css",
+     "memberOf": "Roo.bootstrap.Component"
     },
     {
-     "name": "disableKeyFilter",
-     "type": "Boolean",
-     "desc": "True to disable input keystroke filtering (defaults to false)",
-     "memberOf": "Roo.form.TextField"
+     "name": "xattr",
+     "type": "Object",
+     "desc": "extra attributes to add to 'element' (used by builder to store stuff.)",
+     "memberOf": "Roo.bootstrap.Component"
     },
     {
-     "name": "allowBlank",
+     "name": "can_build_overlaid",
      "type": "Boolean",
-     "desc": "False to validate that the value length > 0 (defaults to true)",
-     "memberOf": "Roo.form.TextField"
-    },
-    {
-     "name": "minLength",
-     "type": "Number",
-     "desc": "Minimum input field length required (defaults to 0)",
-     "memberOf": "Roo.form.TextField"
+     "desc": "True if element can be rebuild from a HTML page",
+     "memberOf": "Roo.bootstrap.Component"
     },
     {
-     "name": "maxLength",
-     "type": "Number",
-     "desc": "Maximum input field length allowed (defaults to Number.MAX_VALUE)",
-     "memberOf": "Roo.form.TextField"
+     "name": "dataId",
+     "type": "string",
+     "desc": "cutomer id",
+     "memberOf": "Roo.bootstrap.Component"
     },
     {
-     "name": "minLengthText",
-     "type": "String",
-     "desc": "Error text to display if the minimum length validation fails (defaults to \"The minimum length for this field is {minLength}\")",
-     "memberOf": "Roo.form.TextField"
+     "name": "name",
+     "type": "string",
+     "desc": "Specifies name attribute",
+     "memberOf": "Roo.bootstrap.Component"
     },
     {
-     "name": "maxLengthText",
+     "name": "disableClass",
      "type": "String",
-     "desc": "Error text to display if the maximum length validation fails (defaults to \"The maximum length for this field is {maxLength}\")",
-     "memberOf": "Roo.form.TextField"
+     "desc": "CSS class added to the component when it is disabled (defaults to \"x-item-disabled\").",
+     "memberOf": "Roo.Component"
     },
     {
-     "name": "selectOnFocus",
+     "name": "allowDomMove",
      "type": "Boolean",
-     "desc": "True to automatically select any existing field text when the field receives input focus (defaults to false)",
-     "memberOf": "Roo.form.TextField"
+     "desc": "Whether the component can move the Dom node when rendering (defaults to true).",
+     "memberOf": "Roo.Component"
     },
     {
-     "name": "blankText",
+     "name": "hideMode",
      "type": "String",
-     "desc": "Error text to display if the allow blank validation fails (defaults to \"This field is required\")",
-     "memberOf": "Roo.form.TextField"
-    },
-    {
-     "name": "validator",
-     "type": "Function",
-     "desc": "A custom validation function to be called during field validation (defaults to null).\nIf available, this function will be called only after the basic validators all return true, and will be passed the\ncurrent field value and expected to return boolean true if the value is valid or a string error message if invalid.",
-     "memberOf": "Roo.form.TextField"
-    },
-    {
-     "name": "regex",
-     "type": "RegExp",
-     "desc": "A JavaScript RegExp object to be tested against the field value during validation (defaults to null).\nIf available, this regex will be evaluated only after the basic validators all return true, and will be passed the\ncurrent field value.  If the test fails, the field will be marked invalid using {@link #regexText}.",
-     "memberOf": "Roo.form.TextField"
+     "desc": "How this component should hidden. Supported values are\n\"visibility\" (css visibility), \"offsets\" (negative offset position) and\n\"display\" (css display) - defaults to \"display\".",
+     "memberOf": "Roo.Component"
     },
     {
-     "name": "regexText",
+     "name": "actionMode",
      "type": "String",
-     "desc": "The error text to display if {@link #regex} is used and the test fails during validation (defaults to \"\")",
-     "memberOf": "Roo.form.TextField"
+     "desc": "which property holds the element that used for  hide() / show() / disable() / enable()\ndefault is 'el'",
+     "memberOf": "Roo.Component"
     },
     {
-     "name": "emptyText",
-     "type": "String",
-     "desc": "The default text to display in an empty field - placeholder... (defaults to null).",
-     "memberOf": "Roo.form.TextField"
-    },
+     "name": "listeners",
+     "type": "Object",
+     "desc": "list of events and functions to call for this object, \nFor example :\n<pre><code>\n    listeners :  { \n       'click' : function(e) {\n           ..... \n        } ,\n        .... \n    } \n  </code></pre>",
+     "memberOf": "Roo.util.Observable"
+    }
+   ],
+   "events": [
     {
-     "name": "fieldLabel",
-     "type": "String",
-     "desc": "Label to use when rendering a form.",
-     "memberOf": "Roo.form.Field"
+     "name": "beforedestroy",
+     "sig": "function (_self)\n{\n\n}",
+     "type": "function",
+     "desc": "Fires before the component is destroyed. Return false to stop the destroy."
     },
     {
-     "name": "qtip",
-     "type": "String",
-     "desc": "Mouse over tip",
-     "memberOf": "Roo.form.Field"
+     "name": "beforehide",
+     "sig": "function (_self)\n{\n\n}",
+     "type": "function",
+     "desc": "Fires before the component is hidden. Return false to stop the hide."
     },
     {
-     "name": "name",
-     "type": "String",
-     "desc": "The field's HTML name attribute.",
-     "memberOf": "Roo.form.Field"
+     "name": "beforerender",
+     "sig": "function (_self)\n{\n\n}",
+     "type": "function",
+     "desc": "Fires before the component is rendered. Return false to stop the render."
     },
     {
-     "name": "invalidClass",
-     "type": "String",
-     "desc": "The CSS class to use when marking a field invalid (defaults to \"x-form-invalid\")",
-     "memberOf": "Roo.form.Field"
+     "name": "beforeshow",
+     "sig": "function (_self)\n{\n\n}",
+     "type": "function",
+     "desc": "Fires before the component is shown.  Return false to stop the show."
     },
     {
-     "name": "invalidText",
-     "type": "String",
-     "desc": "The error text to use when marking a field invalid and no message is provided (defaults to \"The value in this field is invalid\")",
-     "memberOf": "Roo.form.Field"
+     "name": "destroy",
+     "sig": "function (_self)\n{\n\n}",
+     "type": "function",
+     "desc": "Fires after the component is destroyed."
     },
     {
-     "name": "focusClass",
-     "type": "String",
-     "desc": "The CSS class to use when the field receives focus (defaults to \"x-form-focus\")",
-     "memberOf": "Roo.form.Field"
+     "name": "disable",
+     "sig": "function (_self)\n{\n\n}",
+     "type": "function",
+     "desc": "Fires after the component is disabled."
     },
     {
-     "name": "validationEvent",
-     "type": "String/Boolean",
-     "desc": "The event that should initiate field validation. Set to false to disable\n      automatic validation (defaults to \"keyup\").",
-     "memberOf": "Roo.form.Field"
+     "name": "enable",
+     "sig": "function (_self)\n{\n\n}",
+     "type": "function",
+     "desc": "Fires after the component is enabled."
     },
     {
-     "name": "validateOnBlur",
-     "type": "Boolean",
-     "desc": "Whether the field should validate when it loses focus (defaults to true).",
-     "memberOf": "Roo.form.Field"
+     "name": "hide",
+     "sig": "function (_self)\n{\n\n}",
+     "type": "function",
+     "desc": "Fires after the component is hidden."
     },
     {
-     "name": "validationDelay",
-     "type": "Number",
-     "desc": "The length of time in milliseconds after user input begins until validation is initiated (defaults to 250)",
-     "memberOf": "Roo.form.Field"
+     "name": "render",
+     "sig": "function (_self)\n{\n\n}",
+     "type": "function",
+     "desc": "Fires after the component is rendered."
     },
     {
-     "name": "fieldClass",
-     "type": "String",
-     "desc": "The default CSS class for the field (defaults to \"x-form-field\")",
-     "memberOf": "Roo.form.Field"
-    },
+     "name": "show",
+     "sig": "function (_self)\n{\n\n}",
+     "type": "function",
+     "desc": "Fires after the component is shown."
+    }
+   ]
+  },
+  "Roo.bootstrap.Row": {
+   "props": [
     {
-     "name": "msgTarget",
+     "name": "cls",
      "type": "String",
-     "desc": "The location where error text should display.  Should be one of the following values (defaults to 'qtip'):\n<pre>\nValue         Description\n-----------   ----------------------------------------------------------------------\nqtip          Display a quick tip when the user hovers over the field\ntitle         Display a default browser title attribute popup\nunder         Add a block div beneath the field containing the error text\nside          Add an error icon to the right of the field with a popup on hover\n[element id]  Add the error text directly to the innerHTML of the specified element\n</pre>",
-     "memberOf": "Roo.form.Field"
+     "desc": "css class",
+     "memberOf": "Roo.bootstrap.Component"
     },
     {
-     "name": "msgFx",
+     "name": "style",
      "type": "String",
-     "desc": "<b>Experimental</b> The effect used when displaying a validation message under the field (defaults to 'normal').",
-     "memberOf": "Roo.form.Field"
+     "desc": "any extra css",
+     "memberOf": "Roo.bootstrap.Component"
     },
     {
-     "name": "readOnly",
-     "type": "Boolean",
-     "desc": "True to mark the field as readOnly in HTML (defaults to false) -- Note: this only sets the element's readOnly DOM attribute.",
-     "memberOf": "Roo.form.Field"
+     "name": "xattr",
+     "type": "Object",
+     "desc": "extra attributes to add to 'element' (used by builder to store stuff.)",
+     "memberOf": "Roo.bootstrap.Component"
     },
     {
-     "name": "disabled",
+     "name": "can_build_overlaid",
      "type": "Boolean",
-     "desc": "True to disable the field (defaults to false).",
-     "memberOf": "Roo.form.Field"
-    },
-    {
-     "name": "inputType",
-     "type": "String",
-     "desc": "The type attribute for input fields -- e.g. radio, text, password (defaults to \"text\").",
-     "memberOf": "Roo.form.Field"
-    },
-    {
-     "name": "tabIndex",
-     "type": "Number",
-     "desc": "The tabIndex for this field. Note this only applies to fields that are rendered, not those which are built via applyTo (defaults to undefined).",
-     "memberOf": "Roo.form.Field"
-    },
-    {
-     "name": "value",
-     "type": "Mixed",
-     "desc": "A value to initialize this field with.",
-     "memberOf": "Roo.form.Field"
-    },
-    {
-     "name": "cls",
-     "type": "String",
-     "desc": "A CSS class to apply to the field's underlying element.",
-     "memberOf": "Roo.form.Field"
+     "desc": "True if element can be rebuild from a HTML page",
+     "memberOf": "Roo.bootstrap.Component"
     },
     {
-     "name": "width",
-     "type": "Number",
-     "desc": "width (optional) size of component",
-     "memberOf": "Roo.BoxComponent"
+     "name": "dataId",
+     "type": "string",
+     "desc": "cutomer id",
+     "memberOf": "Roo.bootstrap.Component"
     },
     {
-     "name": "height",
-     "type": "Number",
-     "desc": "height (optional) size of component",
-     "memberOf": "Roo.BoxComponent"
+     "name": "name",
+     "type": "string",
+     "desc": "Specifies name attribute",
+     "memberOf": "Roo.bootstrap.Component"
     },
     {
      "name": "disableClass",
     }
    ],
    "events": [
-    {
-     "name": "autosize",
-     "sig": "function (_self, width)\n{\n\n}",
-     "type": "function",
-     "desc": "Fires when the autosize function is triggered.  The field may or may not have actually changed size\naccording to the default logic, but this event provides a hook for the developer to apply additional\nlogic at runtime to resize the field if needed."
-    },
     {
      "name": "beforedestroy",
      "sig": "function (_self)\n{\n\n}",
      "type": "function",
      "desc": "Fires before the component is shown.  Return false to stop the show."
     },
-    {
-     "name": "blur",
-     "sig": "function (_self)\n{\n\n}",
-     "type": "function",
-     "desc": "Fires when this field loses input focus."
-    },
-    {
-     "name": "change",
-     "sig": "function (_self, newValue, oldValue)\n{\n\n}",
-     "type": "function",
-     "desc": "Fires just before the field blurs if the field value has changed."
-    },
     {
      "name": "destroy",
      "sig": "function (_self)\n{\n\n}",
      "type": "function",
      "desc": "Fires after the component is disabled."
     },
-    {
-     "name": "editorinit",
-     "sig": "function (_self, the)\n{\n\n}",
-     "type": "function",
-     "desc": "Fired when the editor is initialized - you can add extra handlers here.."
-    },
     {
      "name": "enable",
      "sig": "function (_self)\n{\n\n}",
      "type": "function",
      "desc": "Fires after the component is enabled."
     },
-    {
-     "name": "focus",
-     "sig": "function (_self)\n{\n\n}",
-     "type": "function",
-     "desc": "Fires when this field receives input focus."
-    },
     {
      "name": "hide",
      "sig": "function (_self)\n{\n\n}",
      "type": "function",
      "desc": "Fires after the component is hidden."
     },
-    {
-     "name": "invalid",
-     "sig": "function (_self, msg)\n{\n\n}",
-     "type": "function",
-     "desc": "Fires after the field has been marked as invalid."
-    },
-    {
-     "name": "keyup",
-     "sig": "function (_self, e)\n{\n\n}",
-     "type": "function",
-     "desc": "Fires after the key up"
-    },
-    {
-     "name": "move",
-     "sig": "function (_self, x, y)\n{\n\n}",
-     "type": "function",
-     "desc": "Fires after the component is moved."
-    },
     {
      "name": "render",
      "sig": "function (_self)\n{\n\n}",
      "type": "function",
      "desc": "Fires after the component is rendered."
     },
-    {
-     "name": "resize",
-     "sig": "function (_self, adjWidth, adjHeight, rawWidth, rawHeight)\n{\n\n}",
-     "type": "function",
-     "desc": "Fires after the component is resized."
-    },
     {
      "name": "show",
      "sig": "function (_self)\n{\n\n}",
      "type": "function",
      "desc": "Fires after the component is shown."
-    },
-    {
-     "name": "specialkey",
-     "sig": "function (_self, e)\n{\n\n}",
-     "type": "function",
-     "desc": "Fires when any key related to navigation (arrows, tab, enter, esc, etc.) is pressed.  You can check\n{@link Roo.EventObject#getKey} to determine which key was pressed."
-    },
-    {
-     "name": "valid",
-     "sig": "function (_self)\n{\n\n}",
-     "type": "function",
-     "desc": "Fires after the field has been validated with no errors."
     }
    ]
   },
-  "Roo.form.Field": {
+  "Roo.bootstrap.Slider": {
    "props": [
     {
-     "name": "fieldLabel",
+     "name": "cls",
      "type": "String",
-     "desc": "Label to use when rendering a form.",
-     "memberOf": ""
+     "desc": "css class",
+     "memberOf": "Roo.bootstrap.Component"
     },
     {
-     "name": "qtip",
+     "name": "style",
      "type": "String",
-     "desc": "Mouse over tip",
-     "memberOf": ""
+     "desc": "any extra css",
+     "memberOf": "Roo.bootstrap.Component"
     },
     {
-     "name": "name",
-     "type": "String",
-     "desc": "The field's HTML name attribute.",
-     "memberOf": ""
+     "name": "xattr",
+     "type": "Object",
+     "desc": "extra attributes to add to 'element' (used by builder to store stuff.)",
+     "memberOf": "Roo.bootstrap.Component"
     },
     {
-     "name": "invalidClass",
-     "type": "String",
-     "desc": "The CSS class to use when marking a field invalid (defaults to \"x-form-invalid\")",
-     "memberOf": ""
+     "name": "can_build_overlaid",
+     "type": "Boolean",
+     "desc": "True if element can be rebuild from a HTML page",
+     "memberOf": "Roo.bootstrap.Component"
     },
     {
-     "name": "invalidText",
-     "type": "String",
-     "desc": "The error text to use when marking a field invalid and no message is provided (defaults to \"The value in this field is invalid\")",
-     "memberOf": ""
+     "name": "dataId",
+     "type": "string",
+     "desc": "cutomer id",
+     "memberOf": "Roo.bootstrap.Component"
     },
     {
-     "name": "focusClass",
-     "type": "String",
-     "desc": "The CSS class to use when the field receives focus (defaults to \"x-form-focus\")",
-     "memberOf": ""
+     "name": "name",
+     "type": "string",
+     "desc": "Specifies name attribute",
+     "memberOf": "Roo.bootstrap.Component"
     },
     {
-     "name": "validationEvent",
-     "type": "String/Boolean",
-     "desc": "The event that should initiate field validation. Set to false to disable\n      automatic validation (defaults to \"keyup\").",
-     "memberOf": ""
+     "name": "disableClass",
+     "type": "String",
+     "desc": "CSS class added to the component when it is disabled (defaults to \"x-item-disabled\").",
+     "memberOf": "Roo.Component"
     },
     {
-     "name": "validateOnBlur",
+     "name": "allowDomMove",
      "type": "Boolean",
-     "desc": "Whether the field should validate when it loses focus (defaults to true).",
-     "memberOf": ""
+     "desc": "Whether the component can move the Dom node when rendering (defaults to true).",
+     "memberOf": "Roo.Component"
     },
     {
-     "name": "validationDelay",
-     "type": "Number",
-     "desc": "The length of time in milliseconds after user input begins until validation is initiated (defaults to 250)",
-     "memberOf": ""
+     "name": "hideMode",
+     "type": "String",
+     "desc": "How this component should hidden. Supported values are\n\"visibility\" (css visibility), \"offsets\" (negative offset position) and\n\"display\" (css display) - defaults to \"display\".",
+     "memberOf": "Roo.Component"
     },
     {
-     "name": "autoCreate",
-     "type": "String/Object",
-     "desc": "A DomHelper element spec, or true for a default element spec (defaults to\n{tag: \"input\", type: \"text\", size: \"20\", autocomplete: \"off\"})",
-     "memberOf": ""
+     "name": "actionMode",
+     "type": "String",
+     "desc": "which property holds the element that used for  hide() / show() / disable() / enable()\ndefault is 'el'",
+     "memberOf": "Roo.Component"
     },
     {
-     "name": "fieldClass",
+     "name": "listeners",
+     "type": "Object",
+     "desc": "list of events and functions to call for this object, \nFor example :\n<pre><code>\n    listeners :  { \n       'click' : function(e) {\n           ..... \n        } ,\n        .... \n    } \n  </code></pre>",
+     "memberOf": "Roo.util.Observable"
+    }
+   ],
+   "events": [
+    {
+     "name": "beforedestroy",
+     "sig": "function (_self)\n{\n\n}",
+     "type": "function",
+     "desc": "Fires before the component is destroyed. Return false to stop the destroy."
+    },
+    {
+     "name": "beforehide",
+     "sig": "function (_self)\n{\n\n}",
+     "type": "function",
+     "desc": "Fires before the component is hidden. Return false to stop the hide."
+    },
+    {
+     "name": "beforerender",
+     "sig": "function (_self)\n{\n\n}",
+     "type": "function",
+     "desc": "Fires before the component is rendered. Return false to stop the render."
+    },
+    {
+     "name": "beforeshow",
+     "sig": "function (_self)\n{\n\n}",
+     "type": "function",
+     "desc": "Fires before the component is shown.  Return false to stop the show."
+    },
+    {
+     "name": "destroy",
+     "sig": "function (_self)\n{\n\n}",
+     "type": "function",
+     "desc": "Fires after the component is destroyed."
+    },
+    {
+     "name": "disable",
+     "sig": "function (_self)\n{\n\n}",
+     "type": "function",
+     "desc": "Fires after the component is disabled."
+    },
+    {
+     "name": "enable",
+     "sig": "function (_self)\n{\n\n}",
+     "type": "function",
+     "desc": "Fires after the component is enabled."
+    },
+    {
+     "name": "hide",
+     "sig": "function (_self)\n{\n\n}",
+     "type": "function",
+     "desc": "Fires after the component is hidden."
+    },
+    {
+     "name": "render",
+     "sig": "function (_self)\n{\n\n}",
+     "type": "function",
+     "desc": "Fires after the component is rendered."
+    },
+    {
+     "name": "show",
+     "sig": "function (_self)\n{\n\n}",
+     "type": "function",
+     "desc": "Fires after the component is shown."
+    }
+   ]
+  },
+  "Roo.bootstrap.Table": {
+   "props": [
+    {
+     "name": "cls",
      "type": "String",
-     "desc": "The default CSS class for the field (defaults to \"x-form-field\")",
+     "desc": "table class",
      "memberOf": ""
     },
     {
-     "name": "msgTarget",
+     "name": "align",
      "type": "String",
-     "desc": "The location where error text should display.  Should be one of the following values (defaults to 'qtip'):\n<pre>\nValue         Description\n-----------   ----------------------------------------------------------------------\nqtip          Display a quick tip when the user hovers over the field\ntitle         Display a default browser title attribute popup\nunder         Add a block div beneath the field containing the error text\nside          Add an error icon to the right of the field with a popup on hover\n[element id]  Add the error text directly to the innerHTML of the specified element\n</pre>",
+     "desc": "(left|center|right) Specifies the alignment of a table according to surrounding text",
      "memberOf": ""
     },
     {
-     "name": "msgFx",
+     "name": "bgcolor",
      "type": "String",
-     "desc": "<b>Experimental</b> The effect used when displaying a validation message under the field (defaults to 'normal').",
+     "desc": "Specifies the background color for a table",
      "memberOf": ""
     },
     {
-     "name": "readOnly",
-     "type": "Boolean",
-     "desc": "True to mark the field as readOnly in HTML (defaults to false) -- Note: this only sets the element's readOnly DOM attribute.",
+     "name": "border",
+     "type": "Number",
+     "desc": "Specifies whether the table cells should have borders or not",
      "memberOf": ""
     },
     {
-     "name": "disabled",
-     "type": "Boolean",
-     "desc": "True to disable the field (defaults to false).",
+     "name": "cellpadding",
+     "type": "Number",
+     "desc": "Specifies the space between the cell wall and the cell content",
      "memberOf": ""
     },
     {
-     "name": "inputType",
+     "name": "cellspacing",
+     "type": "Number",
+     "desc": "Specifies the space between cells",
+     "memberOf": ""
+    },
+    {
+     "name": "frame",
      "type": "String",
-     "desc": "The type attribute for input fields -- e.g. radio, text, password (defaults to \"text\").",
+     "desc": "Specifies which parts of the outside borders that should be visible",
      "memberOf": ""
     },
     {
-     "name": "tabIndex",
-     "type": "Number",
-     "desc": "The tabIndex for this field. Note this only applies to fields that are rendered, not those which are built via applyTo (defaults to undefined).",
+     "name": "rules",
+     "type": "String",
+     "desc": "Specifies which parts of the inside borders that should be visible",
      "memberOf": ""
     },
     {
-     "name": "value",
-     "type": "Mixed",
-     "desc": "A value to initialize this field with.",
+     "name": "sortable",
+     "type": "String",
+     "desc": "Specifies that the table should be sortable",
      "memberOf": ""
     },
     {
-     "name": "cls",
+     "name": "summary",
      "type": "String",
-     "desc": "A CSS class to apply to the field's underlying element.",
+     "desc": "Specifies a summary of the content of a table",
      "memberOf": ""
     },
     {
      "name": "width",
      "type": "Number",
-     "desc": "width (optional) size of component",
-     "memberOf": "Roo.BoxComponent"
+     "desc": "Specifies the width of a table",
+     "memberOf": ""
     },
     {
-     "name": "height",
-     "type": "Number",
-     "desc": "height (optional) size of component",
-     "memberOf": "Roo.BoxComponent"
+     "name": "style",
+     "type": "String",
+     "desc": "any extra css",
+     "memberOf": "Roo.bootstrap.Component"
+    },
+    {
+     "name": "xattr",
+     "type": "Object",
+     "desc": "extra attributes to add to 'element' (used by builder to store stuff.)",
+     "memberOf": "Roo.bootstrap.Component"
+    },
+    {
+     "name": "can_build_overlaid",
+     "type": "Boolean",
+     "desc": "True if element can be rebuild from a HTML page",
+     "memberOf": "Roo.bootstrap.Component"
+    },
+    {
+     "name": "dataId",
+     "type": "string",
+     "desc": "cutomer id",
+     "memberOf": "Roo.bootstrap.Component"
+    },
+    {
+     "name": "name",
+     "type": "string",
+     "desc": "Specifies name attribute",
+     "memberOf": "Roo.bootstrap.Component"
     },
     {
      "name": "disableClass",
      "type": "function",
      "desc": "Fires before the component is shown.  Return false to stop the show."
     },
-    {
-     "name": "blur",
-     "sig": "function (_self)\n{\n\n}",
-     "type": "function",
-     "desc": "Fires when this field loses input focus."
-    },
-    {
-     "name": "change",
-     "sig": "function (_self, newValue, oldValue)\n{\n\n}",
-     "type": "function",
-     "desc": "Fires just before the field blurs if the field value has changed."
-    },
     {
      "name": "destroy",
      "sig": "function (_self)\n{\n\n}",
      "type": "function",
      "desc": "Fires after the component is enabled."
     },
-    {
-     "name": "focus",
-     "sig": "function (_self)\n{\n\n}",
-     "type": "function",
-     "desc": "Fires when this field receives input focus."
-    },
     {
      "name": "hide",
      "sig": "function (_self)\n{\n\n}",
      "type": "function",
      "desc": "Fires after the component is hidden."
     },
-    {
-     "name": "invalid",
-     "sig": "function (_self, msg)\n{\n\n}",
-     "type": "function",
-     "desc": "Fires after the field has been marked as invalid."
-    },
-    {
-     "name": "keyup",
-     "sig": "function (_self, e)\n{\n\n}",
-     "type": "function",
-     "desc": "Fires after the key up"
-    },
-    {
-     "name": "move",
-     "sig": "function (_self, x, y)\n{\n\n}",
-     "type": "function",
-     "desc": "Fires after the component is moved."
-    },
     {
      "name": "render",
      "sig": "function (_self)\n{\n\n}",
      "type": "function",
      "desc": "Fires after the component is rendered."
     },
-    {
-     "name": "resize",
-     "sig": "function (_self, adjWidth, adjHeight, rawWidth, rawHeight)\n{\n\n}",
-     "type": "function",
-     "desc": "Fires after the component is resized."
-    },
     {
      "name": "show",
      "sig": "function (_self)\n{\n\n}",
      "type": "function",
      "desc": "Fires after the component is shown."
-    },
-    {
-     "name": "specialkey",
-     "sig": "function (_self, e)\n{\n\n}",
-     "type": "function",
-     "desc": "Fires when any key related to navigation (arrows, tab, enter, esc, etc.) is pressed.  You can check\n{@link Roo.EventObject#getKey} to determine which key was pressed."
-    },
-    {
-     "name": "valid",
-     "sig": "function (_self)\n{\n\n}",
-     "type": "function",
-     "desc": "Fires after the field has been validated with no errors."
     }
    ]
   },
-  "Roo.form.FieldSet": {
+  "Roo.bootstrap.TableBody": {
    "props": [
     {
-     "name": "legend",
+     "name": "cls",
      "type": "String",
-     "desc": "The text to display as the legend for the FieldSet (defaults to '')",
+     "desc": "element class",
      "memberOf": ""
     },
     {
-     "name": "autoCreate",
-     "type": "String/Object",
-     "desc": "A DomHelper element spec used to autocreate the fieldset (defaults to {tag: 'fieldset', cn: {tag:'legend'}})",
+     "name": "tag",
+     "type": "String",
+     "desc": "element tag (thead|tbody|tfoot) default tbody",
      "memberOf": ""
     },
     {
-     "name": "style",
-     "type": "String/Object/Function",
-     "desc": "A style specification string, e.g. \"width:100px\", or object in the form {width:\"100px\"}, or\na function which returns such a specification.",
-     "memberOf": "Roo.form.Layout"
-    },
-    {
-     "name": "labelAlign",
+     "name": "align",
      "type": "String",
-     "desc": "Valid values are \"left,\" \"top\" and \"right\" (defaults to \"left\")",
-     "memberOf": "Roo.form.Layout"
+     "desc": "Aligns the content inside the element",
+     "memberOf": ""
     },
     {
-     "name": "labelWidth",
+     "name": "charoff",
      "type": "Number",
-     "desc": "Fixed width in pixels of all field labels (defaults to undefined)",
-     "memberOf": "Roo.form.Layout"
+     "desc": "Sets the number of characters the content inside the element will be aligned from the character specified by the char attribute",
+     "memberOf": ""
     },
     {
-     "name": "clear",
-     "type": "Boolean",
-     "desc": "True to add a clearing element at the end of this layout, equivalent to CSS clear: both (defaults to true)",
-     "memberOf": "Roo.form.Layout"
+     "name": "valign",
+     "type": "String",
+     "desc": "Vertical aligns the content inside the <tbody> element",
+     "memberOf": ""
     },
     {
-     "name": "labelSeparator",
+     "name": "style",
      "type": "String",
-     "desc": "The separator to use after field labels (defaults to ':')",
-     "memberOf": "Roo.form.Layout"
+     "desc": "any extra css",
+     "memberOf": "Roo.bootstrap.Component"
     },
     {
-     "name": "hideLabels",
+     "name": "xattr",
+     "type": "Object",
+     "desc": "extra attributes to add to 'element' (used by builder to store stuff.)",
+     "memberOf": "Roo.bootstrap.Component"
+    },
+    {
+     "name": "can_build_overlaid",
      "type": "Boolean",
-     "desc": "True to suppress the display of field labels in this layout (defaults to false)",
-     "memberOf": "Roo.form.Layout"
+     "desc": "True if element can be rebuild from a HTML page",
+     "memberOf": "Roo.bootstrap.Component"
+    },
+    {
+     "name": "dataId",
+     "type": "string",
+     "desc": "cutomer id",
+     "memberOf": "Roo.bootstrap.Component"
+    },
+    {
+     "name": "name",
+     "type": "string",
+     "desc": "Specifies name attribute",
+     "memberOf": "Roo.bootstrap.Component"
     },
     {
      "name": "disableClass",
     }
    ]
   },
-  "Roo.form.Form": {
+  "Roo.bootstrap.TableCell": {
    "props": [
     {
-     "name": "labelWidth",
-     "type": "Number",
-     "desc": "The width of labels. This property cascades to child containers.",
-     "memberOf": ""
-    },
-    {
-     "name": "itemCls",
+     "name": "html",
      "type": "String",
-     "desc": "A css class to apply to the x-form-item of fields. This property cascades to child containers.",
+     "desc": "cell contain text",
      "memberOf": ""
     },
     {
-     "name": "buttonAlign",
+     "name": "cls",
      "type": "String",
-     "desc": "Valid values are \"left,\" \"center\" and \"right\" (defaults to \"center\")",
-     "memberOf": ""
-    },
-    {
-     "name": "minButtonWidth",
-     "type": "Number",
-     "desc": "Minimum width of all buttons in pixels (defaults to 75)",
+     "desc": "cell class",
      "memberOf": ""
     },
     {
-     "name": "labelAlign",
+     "name": "tag",
      "type": "String",
-     "desc": "Valid values are \"left,\" \"top\" and \"right\" (defaults to \"left\").\nThis property cascades to child containers if not set.",
-     "memberOf": ""
-    },
-    {
-     "name": "monitorValid",
-     "type": "Boolean",
-     "desc": "If true the form monitors its valid state <b>client-side</b> and\nfires a looping event with that state. This is required to bind buttons to the valid\nstate using the config value formBind:true on the button.",
+     "desc": "cell tag (td|th) default td",
      "memberOf": ""
     },
     {
-     "name": "monitorPoll",
-     "type": "Number",
-     "desc": "The milliseconds to poll valid state, ignored if monitorValid is not true (defaults to 200)",
+     "name": "abbr",
+     "type": "String",
+     "desc": "Specifies an abbreviated version of the content in a cell",
      "memberOf": ""
     },
     {
-     "name": "progressUrl",
+     "name": "align",
      "type": "String",
-     "desc": "- Url to return progress data",
+     "desc": "Aligns the content in a cell",
      "memberOf": ""
     },
     {
-     "name": "method",
+     "name": "axis",
      "type": "String",
-     "desc": "The request method to use (GET or POST) for form actions if one isn't supplied in the action options.",
-     "memberOf": "Roo.form.BasicForm"
-    },
-    {
-     "name": "reader",
-     "type": "DataReader",
-     "desc": "An Roo.data.DataReader (e.g. {@link Roo.data.XmlReader}) to be used to read data when executing \"load\" actions.\nThis is optional as there is built-in support for processing JSON.",
-     "memberOf": "Roo.form.BasicForm"
-    },
-    {
-     "name": "errorReader",
-     "type": "DataReader",
-     "desc": "An Roo.data.DataReader (e.g. {@link Roo.data.XmlReader}) to be used to read data when reading validation errors on \"submit\" actions.\nThis is completely optional as there is built-in support for processing JSON.",
-     "memberOf": "Roo.form.BasicForm"
+     "desc": "Categorizes cells",
+     "memberOf": ""
     },
     {
-     "name": "url",
+     "name": "bgcolor",
      "type": "String",
-     "desc": "The URL to use for form actions if one isn't supplied in the action options.",
-     "memberOf": "Roo.form.BasicForm"
-    },
-    {
-     "name": "fileUpload",
-     "type": "Boolean",
-     "desc": "Set to true if this form is a file upload.",
-     "memberOf": "Roo.form.BasicForm"
-    },
-    {
-     "name": "baseParams",
-     "type": "Object",
-     "desc": "Parameters to pass with all requests. e.g. baseParams: {id: '123', foo: 'bar'}.",
-     "memberOf": "Roo.form.BasicForm"
-    },
-    {
-     "name": "timeout",
-     "type": "Number",
-     "desc": "Timeout for form actions in seconds (default is 30 seconds).",
-     "memberOf": "Roo.form.BasicForm"
-    },
-    {
-     "name": "trackResetOnLoad",
-     "type": "Boolean",
-     "desc": "If set to true, form.reset() resets to the last loaded\nor setValues() data instead of when the form was first created.",
-     "memberOf": "Roo.form.BasicForm"
-    },
-    {
-     "name": "listeners",
-     "type": "Object",
-     "desc": "list of events and functions to call for this object, \nFor example :\n<pre><code>\n    listeners :  { \n       'click' : function(e) {\n           ..... \n        } ,\n        .... \n    } \n  </code></pre>",
-     "memberOf": "Roo.util.Observable"
-    }
-   ],
-   "events": [
-    {
-     "name": "actioncomplete",
-     "sig": "function (_self, action)\n{\n\n}",
-     "type": "function",
-     "desc": "Fires when an action is completed."
-    },
-    {
-     "name": "actionfailed",
-     "sig": "function (_self, action)\n{\n\n}",
-     "type": "function",
-     "desc": "Fires when an action fails."
-    },
-    {
-     "name": "beforeaction",
-     "sig": "function (_self, action)\n{\n\n}",
-     "type": "function",
-     "desc": "Fires before any action is performed. Return false to cancel the action."
-    },
-    {
-     "name": "clientvalidation",
-     "sig": "function (_self, valid)\n{\n\n}",
-     "type": "function",
-     "desc": "If the monitorValid config option is true, this event fires repetitively to notify of valid state"
+     "desc": "Specifies the background color of a cell",
+     "memberOf": ""
     },
     {
-     "name": "rendered",
-     "sig": "function (form)\n{\n\n}",
-     "type": "function",
-     "desc": "Fires when the form is rendered"
-    }
-   ]
-  },
-  "Roo.form.GridField": {
-   "props": [
-    {
-     "name": "width",
+     "name": "charoff",
      "type": "Number",
-     "desc": "- used to restrict width of grid..",
+     "desc": "Sets the number of characters the content will be aligned from the character specified by the char attribute",
      "memberOf": ""
     },
     {
-     "name": "height",
+     "name": "colspan",
      "type": "Number",
-     "desc": "- used to restrict height of grid..",
+     "desc": "Specifies the number of columns a cell should span",
      "memberOf": ""
     },
     {
-     "name": "xgrid",
-     "type": "Object",
-     "desc": "(xtype'd description of grid) { xtype : 'Grid', dataSource: .... }\n\n}",
+     "name": "headers",
+     "type": "String",
+     "desc": "Specifies one or more header cells a cell is related to",
      "memberOf": ""
     },
     {
-     "name": "autoCreate",
-     "type": "String/Object",
-     "desc": "A DomHelper element spec, or true for a default element spec (defaults to\n{tag: \"input\", type: \"checkbox\", autocomplete: \"off\"})",
+     "name": "height",
+     "type": "Number",
+     "desc": "Sets the height of a cell",
      "memberOf": ""
     },
     {
-     "name": "addTitle",
+     "name": "nowrap",
      "type": "String",
-     "desc": "Text to include for adding a title.",
+     "desc": "Specifies that the content inside a cell should not wrap",
      "memberOf": ""
     },
     {
-     "name": "fieldLabel",
-     "type": "String",
-     "desc": "Label to use when rendering a form.",
-     "memberOf": "Roo.form.Field"
-    },
-    {
-     "name": "qtip",
-     "type": "String",
-     "desc": "Mouse over tip",
-     "memberOf": "Roo.form.Field"
-    },
-    {
-     "name": "name",
-     "type": "String",
-     "desc": "The field's HTML name attribute.",
-     "memberOf": "Roo.form.Field"
-    },
-    {
-     "name": "invalidClass",
-     "type": "String",
-     "desc": "The CSS class to use when marking a field invalid (defaults to \"x-form-invalid\")",
-     "memberOf": "Roo.form.Field"
+     "name": "rowspan",
+     "type": "Number",
+     "desc": "Sets the number of rows a cell should span",
+     "memberOf": ""
     },
     {
-     "name": "invalidText",
+     "name": "scope",
      "type": "String",
-     "desc": "The error text to use when marking a field invalid and no message is provided (defaults to \"The value in this field is invalid\")",
-     "memberOf": "Roo.form.Field"
+     "desc": "Defines a way to associate header cells and data cells in a table",
+     "memberOf": ""
     },
     {
-     "name": "focusClass",
+     "name": "valign",
      "type": "String",
-     "desc": "The CSS class to use when the field receives focus (defaults to \"x-form-focus\")",
-     "memberOf": "Roo.form.Field"
-    },
-    {
-     "name": "validationEvent",
-     "type": "String/Boolean",
-     "desc": "The event that should initiate field validation. Set to false to disable\n      automatic validation (defaults to \"keyup\").",
-     "memberOf": "Roo.form.Field"
-    },
-    {
-     "name": "validateOnBlur",
-     "type": "Boolean",
-     "desc": "Whether the field should validate when it loses focus (defaults to true).",
-     "memberOf": "Roo.form.Field"
+     "desc": "Vertical aligns the content in a cell",
+     "memberOf": ""
     },
     {
-     "name": "validationDelay",
+     "name": "width",
      "type": "Number",
-     "desc": "The length of time in milliseconds after user input begins until validation is initiated (defaults to 250)",
-     "memberOf": "Roo.form.Field"
-    },
-    {
-     "name": "fieldClass",
-     "type": "String",
-     "desc": "The default CSS class for the field (defaults to \"x-form-field\")",
-     "memberOf": "Roo.form.Field"
-    },
-    {
-     "name": "msgTarget",
-     "type": "String",
-     "desc": "The location where error text should display.  Should be one of the following values (defaults to 'qtip'):\n<pre>\nValue         Description\n-----------   ----------------------------------------------------------------------\nqtip          Display a quick tip when the user hovers over the field\ntitle         Display a default browser title attribute popup\nunder         Add a block div beneath the field containing the error text\nside          Add an error icon to the right of the field with a popup on hover\n[element id]  Add the error text directly to the innerHTML of the specified element\n</pre>",
-     "memberOf": "Roo.form.Field"
+     "desc": "Specifies the width of a cell",
+     "memberOf": ""
     },
     {
-     "name": "msgFx",
+     "name": "style",
      "type": "String",
-     "desc": "<b>Experimental</b> The effect used when displaying a validation message under the field (defaults to 'normal').",
-     "memberOf": "Roo.form.Field"
+     "desc": "any extra css",
+     "memberOf": "Roo.bootstrap.Component"
     },
     {
-     "name": "readOnly",
-     "type": "Boolean",
-     "desc": "True to mark the field as readOnly in HTML (defaults to false) -- Note: this only sets the element's readOnly DOM attribute.",
-     "memberOf": "Roo.form.Field"
+     "name": "xattr",
+     "type": "Object",
+     "desc": "extra attributes to add to 'element' (used by builder to store stuff.)",
+     "memberOf": "Roo.bootstrap.Component"
     },
     {
-     "name": "disabled",
+     "name": "can_build_overlaid",
      "type": "Boolean",
-     "desc": "True to disable the field (defaults to false).",
-     "memberOf": "Roo.form.Field"
-    },
-    {
-     "name": "inputType",
-     "type": "String",
-     "desc": "The type attribute for input fields -- e.g. radio, text, password (defaults to \"text\").",
-     "memberOf": "Roo.form.Field"
-    },
-    {
-     "name": "tabIndex",
-     "type": "Number",
-     "desc": "The tabIndex for this field. Note this only applies to fields that are rendered, not those which are built via applyTo (defaults to undefined).",
-     "memberOf": "Roo.form.Field"
+     "desc": "True if element can be rebuild from a HTML page",
+     "memberOf": "Roo.bootstrap.Component"
     },
     {
-     "name": "value",
-     "type": "Mixed",
-     "desc": "A value to initialize this field with.",
-     "memberOf": "Roo.form.Field"
+     "name": "dataId",
+     "type": "string",
+     "desc": "cutomer id",
+     "memberOf": "Roo.bootstrap.Component"
     },
     {
-     "name": "cls",
-     "type": "String",
-     "desc": "A CSS class to apply to the field's underlying element.",
-     "memberOf": "Roo.form.Field"
+     "name": "name",
+     "type": "string",
+     "desc": "Specifies name attribute",
+     "memberOf": "Roo.bootstrap.Component"
     },
     {
      "name": "disableClass",
      "type": "function",
      "desc": "Fires before the component is shown.  Return false to stop the show."
     },
-    {
-     "name": "blur",
-     "sig": "function (_self)\n{\n\n}",
-     "type": "function",
-     "desc": "Fires when this field loses input focus."
-    },
-    {
-     "name": "change",
-     "sig": "function (_self, newValue, oldValue)\n{\n\n}",
-     "type": "function",
-     "desc": "Fires just before the field blurs if the field value has changed."
-    },
     {
      "name": "destroy",
      "sig": "function (_self)\n{\n\n}",
      "type": "function",
      "desc": "Fires after the component is enabled."
     },
-    {
-     "name": "focus",
-     "sig": "function (_self)\n{\n\n}",
-     "type": "function",
-     "desc": "Fires when this field receives input focus."
-    },
     {
      "name": "hide",
      "sig": "function (_self)\n{\n\n}",
      "desc": "Fires after the component is hidden."
     },
     {
-     "name": "invalid",
-     "sig": "function (_self, msg)\n{\n\n}",
+     "name": "render",
+     "sig": "function (_self)\n{\n\n}",
      "type": "function",
-     "desc": "Fires after the field has been marked as invalid."
-    },
-    {
-     "name": "keyup",
-     "sig": "function (_self, e)\n{\n\n}",
-     "type": "function",
-     "desc": "Fires after the key up"
-    },
-    {
-     "name": "move",
-     "sig": "function (_self, x, y)\n{\n\n}",
-     "type": "function",
-     "desc": "Fires after the component is moved."
-    },
-    {
-     "name": "render",
-     "sig": "function (_self)\n{\n\n}",
-     "type": "function",
-     "desc": "Fires after the component is rendered."
-    },
-    {
-     "name": "resize",
-     "sig": "function (_self, adjWidth, adjHeight, rawWidth, rawHeight)\n{\n\n}",
-     "type": "function",
-     "desc": "Fires after the component is resized."
+     "desc": "Fires after the component is rendered."
     },
     {
      "name": "show",
      "sig": "function (_self)\n{\n\n}",
      "type": "function",
      "desc": "Fires after the component is shown."
-    },
-    {
-     "name": "specialkey",
-     "sig": "function (_self, e)\n{\n\n}",
-     "type": "function",
-     "desc": "Fires when any key related to navigation (arrows, tab, enter, esc, etc.) is pressed.  You can check\n{@link Roo.EventObject#getKey} to determine which key was pressed."
-    },
-    {
-     "name": "valid",
-     "sig": "function (_self)\n{\n\n}",
-     "type": "function",
-     "desc": "Fires after the field has been validated with no errors."
     }
    ]
   },
-  "Roo.form.Hidden": {
+  "Roo.bootstrap.TableRow": {
    "props": [
     {
-     "name": "grow",
-     "type": "Boolean",
-     "desc": "True if this field should automatically grow and shrink to its content",
-     "memberOf": "Roo.form.TextField"
-    },
-    {
-     "name": "growMin",
-     "type": "Number",
-     "desc": "The minimum width to allow when grow = true (defaults to 30)",
-     "memberOf": "Roo.form.TextField"
-    },
-    {
-     "name": "growMax",
-     "type": "Number",
-     "desc": "The maximum width to allow when grow = true (defaults to 800)",
-     "memberOf": "Roo.form.TextField"
-    },
-    {
-     "name": "vtype",
-     "type": "String",
-     "desc": "A validation type name as defined in {@link Roo.form.VTypes} (defaults to null)",
-     "memberOf": "Roo.form.TextField"
-    },
-    {
-     "name": "maskRe",
-     "type": "String",
-     "desc": "An input mask regular expression that will be used to filter keystrokes that don't match (defaults to null)",
-     "memberOf": "Roo.form.TextField"
-    },
-    {
-     "name": "disableKeyFilter",
-     "type": "Boolean",
-     "desc": "True to disable input keystroke filtering (defaults to false)",
-     "memberOf": "Roo.form.TextField"
-    },
-    {
-     "name": "allowBlank",
-     "type": "Boolean",
-     "desc": "False to validate that the value length > 0 (defaults to true)",
-     "memberOf": "Roo.form.TextField"
-    },
-    {
-     "name": "minLength",
-     "type": "Number",
-     "desc": "Minimum input field length required (defaults to 0)",
-     "memberOf": "Roo.form.TextField"
-    },
-    {
-     "name": "maxLength",
-     "type": "Number",
-     "desc": "Maximum input field length allowed (defaults to Number.MAX_VALUE)",
-     "memberOf": "Roo.form.TextField"
-    },
-    {
-     "name": "minLengthText",
-     "type": "String",
-     "desc": "Error text to display if the minimum length validation fails (defaults to \"The minimum length for this field is {minLength}\")",
-     "memberOf": "Roo.form.TextField"
-    },
-    {
-     "name": "maxLengthText",
-     "type": "String",
-     "desc": "Error text to display if the maximum length validation fails (defaults to \"The maximum length for this field is {maxLength}\")",
-     "memberOf": "Roo.form.TextField"
-    },
-    {
-     "name": "selectOnFocus",
-     "type": "Boolean",
-     "desc": "True to automatically select any existing field text when the field receives input focus (defaults to false)",
-     "memberOf": "Roo.form.TextField"
-    },
-    {
-     "name": "blankText",
-     "type": "String",
-     "desc": "Error text to display if the allow blank validation fails (defaults to \"This field is required\")",
-     "memberOf": "Roo.form.TextField"
-    },
-    {
-     "name": "validator",
-     "type": "Function",
-     "desc": "A custom validation function to be called during field validation (defaults to null).\nIf available, this function will be called only after the basic validators all return true, and will be passed the\ncurrent field value and expected to return boolean true if the value is valid or a string error message if invalid.",
-     "memberOf": "Roo.form.TextField"
-    },
-    {
-     "name": "regex",
-     "type": "RegExp",
-     "desc": "A JavaScript RegExp object to be tested against the field value during validation (defaults to null).\nIf available, this regex will be evaluated only after the basic validators all return true, and will be passed the\ncurrent field value.  If the test fails, the field will be marked invalid using {@link #regexText}.",
-     "memberOf": "Roo.form.TextField"
-    },
-    {
-     "name": "regexText",
-     "type": "String",
-     "desc": "The error text to display if {@link #regex} is used and the test fails during validation (defaults to \"\")",
-     "memberOf": "Roo.form.TextField"
-    },
-    {
-     "name": "emptyText",
-     "type": "String",
-     "desc": "The default text to display in an empty field - placeholder... (defaults to null).",
-     "memberOf": "Roo.form.TextField"
-    },
-    {
-     "name": "fieldLabel",
-     "type": "String",
-     "desc": "Label to use when rendering a form.",
-     "memberOf": "Roo.form.Field"
-    },
-    {
-     "name": "qtip",
-     "type": "String",
-     "desc": "Mouse over tip",
-     "memberOf": "Roo.form.Field"
-    },
-    {
-     "name": "name",
-     "type": "String",
-     "desc": "The field's HTML name attribute.",
-     "memberOf": "Roo.form.Field"
-    },
-    {
-     "name": "invalidClass",
+     "name": "cls",
      "type": "String",
-     "desc": "The CSS class to use when marking a field invalid (defaults to \"x-form-invalid\")",
-     "memberOf": "Roo.form.Field"
+     "desc": "row class",
+     "memberOf": ""
     },
     {
-     "name": "invalidText",
+     "name": "align",
      "type": "String",
-     "desc": "The error text to use when marking a field invalid and no message is provided (defaults to \"The value in this field is invalid\")",
-     "memberOf": "Roo.form.Field"
+     "desc": "Aligns the content in a table row",
+     "memberOf": ""
     },
     {
-     "name": "focusClass",
+     "name": "bgcolor",
      "type": "String",
-     "desc": "The CSS class to use when the field receives focus (defaults to \"x-form-focus\")",
-     "memberOf": "Roo.form.Field"
-    },
-    {
-     "name": "validationEvent",
-     "type": "String/Boolean",
-     "desc": "The event that should initiate field validation. Set to false to disable\n      automatic validation (defaults to \"keyup\").",
-     "memberOf": "Roo.form.Field"
-    },
-    {
-     "name": "validateOnBlur",
-     "type": "Boolean",
-     "desc": "Whether the field should validate when it loses focus (defaults to true).",
-     "memberOf": "Roo.form.Field"
+     "desc": "Specifies a background color for a table row",
+     "memberOf": ""
     },
     {
-     "name": "validationDelay",
+     "name": "charoff",
      "type": "Number",
-     "desc": "The length of time in milliseconds after user input begins until validation is initiated (defaults to 250)",
-     "memberOf": "Roo.form.Field"
-    },
-    {
-     "name": "autoCreate",
-     "type": "String/Object",
-     "desc": "A DomHelper element spec, or true for a default element spec (defaults to\n{tag: \"input\", type: \"text\", size: \"20\", autocomplete: \"off\"})",
-     "memberOf": "Roo.form.Field"
-    },
-    {
-     "name": "fieldClass",
-     "type": "String",
-     "desc": "The default CSS class for the field (defaults to \"x-form-field\")",
-     "memberOf": "Roo.form.Field"
+     "desc": "Sets the number of characters the content will be aligned from the character specified by the char attribute",
+     "memberOf": ""
     },
     {
-     "name": "msgTarget",
+     "name": "valign",
      "type": "String",
-     "desc": "The location where error text should display.  Should be one of the following values (defaults to 'qtip'):\n<pre>\nValue         Description\n-----------   ----------------------------------------------------------------------\nqtip          Display a quick tip when the user hovers over the field\ntitle         Display a default browser title attribute popup\nunder         Add a block div beneath the field containing the error text\nside          Add an error icon to the right of the field with a popup on hover\n[element id]  Add the error text directly to the innerHTML of the specified element\n</pre>",
-     "memberOf": "Roo.form.Field"
+     "desc": "Vertical aligns the content in a table row",
+     "memberOf": ""
     },
     {
-     "name": "msgFx",
+     "name": "style",
      "type": "String",
-     "desc": "<b>Experimental</b> The effect used when displaying a validation message under the field (defaults to 'normal').",
-     "memberOf": "Roo.form.Field"
+     "desc": "any extra css",
+     "memberOf": "Roo.bootstrap.Component"
     },
     {
-     "name": "readOnly",
-     "type": "Boolean",
-     "desc": "True to mark the field as readOnly in HTML (defaults to false) -- Note: this only sets the element's readOnly DOM attribute.",
-     "memberOf": "Roo.form.Field"
+     "name": "xattr",
+     "type": "Object",
+     "desc": "extra attributes to add to 'element' (used by builder to store stuff.)",
+     "memberOf": "Roo.bootstrap.Component"
     },
     {
-     "name": "disabled",
+     "name": "can_build_overlaid",
      "type": "Boolean",
-     "desc": "True to disable the field (defaults to false).",
-     "memberOf": "Roo.form.Field"
-    },
-    {
-     "name": "inputType",
-     "type": "String",
-     "desc": "The type attribute for input fields -- e.g. radio, text, password (defaults to \"text\").",
-     "memberOf": "Roo.form.Field"
-    },
-    {
-     "name": "tabIndex",
-     "type": "Number",
-     "desc": "The tabIndex for this field. Note this only applies to fields that are rendered, not those which are built via applyTo (defaults to undefined).",
-     "memberOf": "Roo.form.Field"
-    },
-    {
-     "name": "value",
-     "type": "Mixed",
-     "desc": "A value to initialize this field with.",
-     "memberOf": "Roo.form.Field"
-    },
-    {
-     "name": "cls",
-     "type": "String",
-     "desc": "A CSS class to apply to the field's underlying element.",
-     "memberOf": "Roo.form.Field"
+     "desc": "True if element can be rebuild from a HTML page",
+     "memberOf": "Roo.bootstrap.Component"
     },
     {
-     "name": "width",
-     "type": "Number",
-     "desc": "width (optional) size of component",
-     "memberOf": "Roo.BoxComponent"
+     "name": "dataId",
+     "type": "string",
+     "desc": "cutomer id",
+     "memberOf": "Roo.bootstrap.Component"
     },
     {
-     "name": "height",
-     "type": "Number",
-     "desc": "height (optional) size of component",
-     "memberOf": "Roo.BoxComponent"
+     "name": "name",
+     "type": "string",
+     "desc": "Specifies name attribute",
+     "memberOf": "Roo.bootstrap.Component"
     },
     {
      "name": "disableClass",
     }
    ],
    "events": [
-    {
-     "name": "autosize",
-     "sig": "function (_self, width)\n{\n\n}",
-     "type": "function",
-     "desc": "Fires when the autosize function is triggered.  The field may or may not have actually changed size\naccording to the default logic, but this event provides a hook for the developer to apply additional\nlogic at runtime to resize the field if needed."
-    },
     {
      "name": "beforedestroy",
      "sig": "function (_self)\n{\n\n}",
      "desc": "Fires before the component is shown.  Return false to stop the show."
     },
     {
-     "name": "blur",
+     "name": "destroy",
      "sig": "function (_self)\n{\n\n}",
      "type": "function",
-     "desc": "Fires when this field loses input focus."
-    },
-    {
-     "name": "change",
-     "sig": "function (_self, newValue, oldValue)\n{\n\n}",
-     "type": "function",
-     "desc": "Fires just before the field blurs if the field value has changed."
-    },
-    {
-     "name": "destroy",
-     "sig": "function (_self)\n{\n\n}",
-     "type": "function",
-     "desc": "Fires after the component is destroyed."
+     "desc": "Fires after the component is destroyed."
     },
     {
      "name": "disable",
      "type": "function",
      "desc": "Fires after the component is enabled."
     },
-    {
-     "name": "focus",
-     "sig": "function (_self)\n{\n\n}",
-     "type": "function",
-     "desc": "Fires when this field receives input focus."
-    },
     {
      "name": "hide",
      "sig": "function (_self)\n{\n\n}",
      "type": "function",
      "desc": "Fires after the component is hidden."
     },
-    {
-     "name": "invalid",
-     "sig": "function (_self, msg)\n{\n\n}",
-     "type": "function",
-     "desc": "Fires after the field has been marked as invalid."
-    },
-    {
-     "name": "keyup",
-     "sig": "function (_self, e)\n{\n\n}",
-     "type": "function",
-     "desc": "Fires after the key up"
-    },
-    {
-     "name": "move",
-     "sig": "function (_self, x, y)\n{\n\n}",
-     "type": "function",
-     "desc": "Fires after the component is moved."
-    },
     {
      "name": "render",
      "sig": "function (_self)\n{\n\n}",
      "type": "function",
      "desc": "Fires after the component is rendered."
     },
-    {
-     "name": "resize",
-     "sig": "function (_self, adjWidth, adjHeight, rawWidth, rawHeight)\n{\n\n}",
-     "type": "function",
-     "desc": "Fires after the component is resized."
-    },
     {
      "name": "show",
      "sig": "function (_self)\n{\n\n}",
      "type": "function",
      "desc": "Fires after the component is shown."
-    },
-    {
-     "name": "specialkey",
-     "sig": "function (_self, e)\n{\n\n}",
-     "type": "function",
-     "desc": "Fires when any key related to navigation (arrows, tab, enter, esc, etc.) is pressed.  You can check\n{@link Roo.EventObject#getKey} to determine which key was pressed."
-    },
-    {
-     "name": "valid",
-     "sig": "function (_self)\n{\n\n}",
-     "type": "function",
-     "desc": "Fires after the field has been validated with no errors."
     }
    ]
   },
-  "Roo.form.HtmlEditor": {
+  "Roo.bootstrap.TextArea": {
    "props": [
     {
-     "name": "toolbars",
-     "type": "Array",
-     "desc": "Array of toolbars. - defaults to just the Standard one",
+     "name": "cols",
+     "type": "Number",
+     "desc": "Specifies the visible width of a text area",
      "memberOf": ""
     },
     {
-     "name": "createLinkText",
-     "type": "String",
-     "desc": "The default text for the create link prompt",
+     "name": "rows",
+     "type": "Number",
+     "desc": "Specifies the visible number of lines in a text area",
      "memberOf": ""
     },
     {
-     "name": "defaultLinkValue",
-     "type": "String",
-     "desc": "The default value for the create link prompt (defaults to http:/ /)",
+     "name": "readOnly",
+     "type": "Number",
+     "desc": "Specifies that a text area should be read-only",
      "memberOf": ""
     },
     {
-     "name": "resizable",
-     "type": "String",
-     "desc": "'s' or 'se' or 'e' - wrapps the element in a\n                       Roo.resizable.",
+     "name": "wrap",
+     "type": "string",
+     "desc": "(soft|hard)Specifies how the text in a text area is to be wrapped when submitted in a form",
      "memberOf": ""
     },
     {
-     "name": "height",
-     "type": "Number",
-     "desc": "(in pixels)",
+     "name": "resize",
+     "type": "string",
+     "desc": "(none|both|horizontal|vertical|inherit|initial)",
      "memberOf": ""
     },
     {
-     "name": "width",
-     "type": "Number",
-     "desc": "(in pixels)",
-     "memberOf": ""
+     "name": "disabled",
+     "type": "Boolean",
+     "desc": "is it disabled",
+     "memberOf": "Roo.bootstrap.Input"
     },
     {
-     "name": "stylesheets",
-     "type": "Array",
-     "desc": "url of stylesheets. set to [] to disable stylesheets.",
-     "memberOf": ""
-    }
-   ],
-   "events": [
+     "name": "fieldLabel",
+     "type": "String",
+     "desc": "- the label associated",
+     "memberOf": "Roo.bootstrap.Input"
+    },
     {
-     "name": "activate",
-     "sig": "function (_self)\n{\n\n}",
-     "type": "function",
-     "desc": "Fires when the editor is first receives the focus. Any insertion must wait\nuntil after this event."
+     "name": "inputType",
+     "type": "String",
+     "desc": "button | checkbox | email | file | hidden | image | number | password | radio | range | reset | search | submit | text",
+     "memberOf": "Roo.bootstrap.Input"
     },
     {
-     "name": "beforepush",
-     "sig": "function (_self, html)\n{\n\n}",
-     "type": "function",
-     "desc": "Fires before the iframe editor is updated with content from the textarea. Return false\nto cancel the push."
+     "name": "name",
+     "type": "String",
+     "desc": "name of the input",
+     "memberOf": "Roo.bootstrap.Input"
     },
     {
-     "name": "beforesync",
-     "sig": "function (_self, html)\n{\n\n}",
-     "type": "function",
-     "desc": "Fires before the textarea is updated with content from the editor iframe. Return false\nto cancel the sync."
+     "name": "placeholder",
+     "type": "string",
+     "desc": "- placeholder to put in text.",
+     "memberOf": "Roo.bootstrap.Input"
     },
     {
-     "name": "editmodechange",
-     "sig": "function (_self, sourceEdit)\n{\n\n}",
-     "type": "function",
-     "desc": "Fires when the editor switches edit modes"
+     "name": "before",
+     "type": "string",
+     "desc": "- input group add on before",
+     "memberOf": "Roo.bootstrap.Input"
     },
     {
-     "name": "editorevent",
-     "sig": "function (_self)\n{\n\n}",
-     "type": "function",
-     "desc": "Fires when on any editor (mouse up/down cursor movement etc.) - used for toolbar hooks."
+     "name": "after",
+     "type": "string",
+     "desc": "- input group add on after",
+     "memberOf": "Roo.bootstrap.Input"
     },
     {
-     "name": "initialize",
-     "sig": "function (_self)\n{\n\n}",
-     "type": "function",
-     "desc": "Fires when the editor is fully initialized (including the iframe)"
+     "name": "size",
+     "type": "string",
+     "desc": "- (lg|sm) or leave empty..",
+     "memberOf": "Roo.bootstrap.Input"
     },
     {
-     "name": "push",
-     "sig": "function (_self, html)\n{\n\n}",
-     "type": "function",
-     "desc": "Fires when the iframe editor is updated with content from the textarea."
+     "name": "xs",
+     "type": "Number",
+     "desc": "colspan out of 12 for mobile-sized screens",
+     "memberOf": "Roo.bootstrap.Input"
     },
     {
-     "name": "sync",
-     "sig": "function (_self, html)\n{\n\n}",
-     "type": "function",
-     "desc": "Fires when the textarea is updated with content from the editor iframe."
-    }
-   ]
-  },
-  "Roo.form.HtmlEditor.ToolbarContext": {
-   "props": [
+     "name": "sm",
+     "type": "Number",
+     "desc": "colspan out of 12 for tablet-sized screens",
+     "memberOf": "Roo.bootstrap.Input"
+    },
     {
-     "name": "disable",
-     "type": "Object",
-     "desc": "List of toolbar elements to disable",
-     "memberOf": ""
+     "name": "md",
+     "type": "Number",
+     "desc": "colspan out of 12 for computer-sized screens",
+     "memberOf": "Roo.bootstrap.Input"
     },
     {
-     "name": "styles",
-     "type": "Object",
-     "desc": "List of styles \n   eg. { '*' : [ 'headline' ] , 'TD' : [ 'underline', 'double-underline' ] } \n\nThese must be defined in the page, so they get rendered correctly..\n.headline { }\nTD.underline { }",
-     "memberOf": ""
-    }
-   ],
-   "events": []
-  },
-  "Roo.form.HtmlEditor.ToolbarStandard": {
-   "props": [
+     "name": "lg",
+     "type": "Number",
+     "desc": "colspan out of 12 for large computer-sized screens",
+     "memberOf": "Roo.bootstrap.Input"
+    },
     {
-     "name": "disable",
-     "type": "Object",
-     "desc": "List of elements to disable..",
-     "memberOf": ""
+     "name": "value",
+     "type": "string",
+     "desc": "default value of the input",
+     "memberOf": "Roo.bootstrap.Input"
     },
     {
-     "name": "btns",
-     "type": "Array",
-     "desc": "List of additional buttons.\n\n\nNEEDS Extra CSS? \n.x-html-editor-tb .x-edit-none .x-btn-text { background: none; }",
-     "memberOf": ""
+     "name": "labelWidth",
+     "type": "Number",
+     "desc": "set the width of label (0-12)",
+     "memberOf": "Roo.bootstrap.Input"
     },
     {
-     "name": "fontFamilies",
-     "type": "Array",
-     "desc": "An array of available font families",
-     "memberOf": ""
+     "name": "checked",
+     "type": "Boolean",
+     "desc": "initial checkbox",
+     "memberOf": "Roo.bootstrap.Input"
     },
     {
-     "name": "defaultFont",
-     "type": "String",
-     "desc": "default font to use.",
-     "memberOf": ""
-    }
-   ],
-   "events": []
-  },
-  "Roo.form.Layout": {
-   "props": [
+     "name": "validationEvent",
+     "type": "String/Boolean",
+     "desc": "The event that should initiate field validation. Set to false to disable\n      automatic validation (defaults to \"keyup\").",
+     "memberOf": "Roo.bootstrap.Input"
+    },
     {
-     "name": "autoCreate",
-     "type": "String/Object",
-     "desc": "A DomHelper element spec used to autocreate the layout (defaults to {tag: 'div', cls: 'x-form-ct'})",
-     "memberOf": ""
+     "name": "validateOnBlur",
+     "type": "Boolean",
+     "desc": "Whether the field should validate when it loses focus (defaults to true).",
+     "memberOf": "Roo.bootstrap.Input"
     },
     {
-     "name": "style",
-     "type": "String/Object/Function",
-     "desc": "A style specification string, e.g. \"width:100px\", or object in the form {width:\"100px\"}, or\na function which returns such a specification.",
-     "memberOf": ""
+     "name": "validationDelay",
+     "type": "Number",
+     "desc": "The length of time in milliseconds after user input begins until validation is initiated (defaults to 250)",
+     "memberOf": "Roo.bootstrap.Input"
     },
     {
-     "name": "labelAlign",
+     "name": "focusClass",
      "type": "String",
-     "desc": "Valid values are \"left,\" \"top\" and \"right\" (defaults to \"left\")",
-     "memberOf": ""
+     "desc": "The CSS class to use when the field receives focus (defaults to \"x-form-focus\")",
+     "memberOf": "Roo.bootstrap.Input"
     },
     {
-     "name": "labelWidth",
-     "type": "Number",
-     "desc": "Fixed width in pixels of all field labels (defaults to undefined)",
-     "memberOf": ""
+     "name": "invalidClass",
+     "type": "String",
+     "desc": "The CSS class to use when marking a field invalid (defaults to \"x-form-invalid\")",
+     "memberOf": "Roo.bootstrap.Input"
     },
     {
-     "name": "clear",
+     "name": "selectOnFocus",
      "type": "Boolean",
-     "desc": "True to add a clearing element at the end of this layout, equivalent to CSS clear: both (defaults to true)",
-     "memberOf": ""
+     "desc": "True to automatically select any existing field text when the field receives input focus (defaults to false)",
+     "memberOf": "Roo.bootstrap.Input"
     },
     {
-     "name": "labelSeparator",
+     "name": "maskRe",
      "type": "String",
-     "desc": "The separator to use after field labels (defaults to ':')",
-     "memberOf": ""
+     "desc": "An input mask regular expression that will be used to filter keystrokes that don't match (defaults to null)",
+     "memberOf": "Roo.bootstrap.Input"
     },
     {
-     "name": "hideLabels",
-     "type": "Boolean",
-     "desc": "True to suppress the display of field labels in this layout (defaults to false)",
-     "memberOf": ""
+     "name": "vtype",
+     "type": "String",
+     "desc": "A validation type name as defined in {@link Roo.form.VTypes} (defaults to null)",
+     "memberOf": "Roo.bootstrap.Input"
     },
     {
-     "name": "disableClass",
-     "type": "String",
-     "desc": "CSS class added to the component when it is disabled (defaults to \"x-item-disabled\").",
-     "memberOf": "Roo.Component"
+     "name": "disableKeyFilter",
+     "type": "Boolean",
+     "desc": "True to disable input keystroke filtering (defaults to false)",
+     "memberOf": "Roo.bootstrap.Input"
     },
     {
-     "name": "allowDomMove",
+     "name": "allowBlank",
      "type": "Boolean",
-     "desc": "Whether the component can move the Dom node when rendering (defaults to true).",
-     "memberOf": "Roo.Component"
+     "desc": "False to validate that the value length > 0 (defaults to true)",
+     "memberOf": "Roo.bootstrap.Input"
     },
     {
-     "name": "hideMode",
+     "name": "blankText",
      "type": "String",
-     "desc": "How this component should hidden. Supported values are\n\"visibility\" (css visibility), \"offsets\" (negative offset position) and\n\"display\" (css display) - defaults to \"display\".",
-     "memberOf": "Roo.Component"
+     "desc": "Error text to display if the allow blank validation fails (defaults to \"This field is required\")",
+     "memberOf": "Roo.bootstrap.Input"
     },
     {
-     "name": "actionMode",
-     "type": "String",
-     "desc": "which property holds the element that used for  hide() / show() / disable() / enable()\ndefault is 'el'",
-     "memberOf": "Roo.Component"
+     "name": "minLength",
+     "type": "Number",
+     "desc": "Minimum input field length required (defaults to 0)",
+     "memberOf": "Roo.bootstrap.Input"
     },
     {
-     "name": "listeners",
-     "type": "Object",
-     "desc": "list of events and functions to call for this object, \nFor example :\n<pre><code>\n    listeners :  { \n       'click' : function(e) {\n           ..... \n        } ,\n        .... \n    } \n  </code></pre>",
-     "memberOf": "Roo.util.Observable"
-    }
+     "name": "maxLength",
+     "type": "Number",
+     "desc": "Maximum input field length allowed (defaults to Number.MAX_VALUE)",
+     "memberOf": "Roo.bootstrap.Input"
+    },
+    {
+     "name": "minLengthText",
+     "type": "String",
+     "desc": "Error text to display if the minimum length validation fails (defaults to \"The minimum length for this field is {minLength}\")",
+     "memberOf": "Roo.bootstrap.Input"
+    },
+    {
+     "name": "maxLengthText",
+     "type": "String",
+     "desc": "Error text to display if the maximum length validation fails (defaults to \"The maximum length for this field is {maxLength}\")",
+     "memberOf": "Roo.bootstrap.Input"
+    },
+    {
+     "name": "validator",
+     "type": "Function",
+     "desc": "A custom validation function to be called during field validation (defaults to null).\nIf available, this function will be called only after the basic validators all return true, and will be passed the\ncurrent field value and expected to return boolean true if the value is valid or a string error message if invalid.",
+     "memberOf": "Roo.bootstrap.Input"
+    },
+    {
+     "name": "regex",
+     "type": "RegExp",
+     "desc": "A JavaScript RegExp object to be tested against the field value during validation (defaults to null).\nIf available, this regex will be evaluated only after the basic validators all return true, and will be passed the\ncurrent field value.  If the test fails, the field will be marked invalid using {@link #regexText}.",
+     "memberOf": "Roo.bootstrap.Input"
+    },
+    {
+     "name": "regexText",
+     "type": "String",
+     "desc": "The error text to display if {@link #regex} is used and the test fails during validation (defaults to \"\")",
+     "memberOf": "Roo.bootstrap.Input"
+    },
+    {
+     "name": "cls",
+     "type": "String",
+     "desc": "css class",
+     "memberOf": "Roo.bootstrap.Component"
+    },
+    {
+     "name": "style",
+     "type": "String",
+     "desc": "any extra css",
+     "memberOf": "Roo.bootstrap.Component"
+    },
+    {
+     "name": "xattr",
+     "type": "Object",
+     "desc": "extra attributes to add to 'element' (used by builder to store stuff.)",
+     "memberOf": "Roo.bootstrap.Component"
+    },
+    {
+     "name": "can_build_overlaid",
+     "type": "Boolean",
+     "desc": "True if element can be rebuild from a HTML page",
+     "memberOf": "Roo.bootstrap.Component"
+    },
+    {
+     "name": "dataId",
+     "type": "string",
+     "desc": "cutomer id",
+     "memberOf": "Roo.bootstrap.Component"
+    },
+    {
+     "name": "disableClass",
+     "type": "String",
+     "desc": "CSS class added to the component when it is disabled (defaults to \"x-item-disabled\").",
+     "memberOf": "Roo.Component"
+    },
+    {
+     "name": "allowDomMove",
+     "type": "Boolean",
+     "desc": "Whether the component can move the Dom node when rendering (defaults to true).",
+     "memberOf": "Roo.Component"
+    },
+    {
+     "name": "hideMode",
+     "type": "String",
+     "desc": "How this component should hidden. Supported values are\n\"visibility\" (css visibility), \"offsets\" (negative offset position) and\n\"display\" (css display) - defaults to \"display\".",
+     "memberOf": "Roo.Component"
+    },
+    {
+     "name": "actionMode",
+     "type": "String",
+     "desc": "which property holds the element that used for  hide() / show() / disable() / enable()\ndefault is 'el'",
+     "memberOf": "Roo.Component"
+    },
+    {
+     "name": "listeners",
+     "type": "Object",
+     "desc": "list of events and functions to call for this object, \nFor example :\n<pre><code>\n    listeners :  { \n       'click' : function(e) {\n           ..... \n        } ,\n        .... \n    } \n  </code></pre>",
+     "memberOf": "Roo.util.Observable"
+    }
    ],
    "events": [
     {
      "type": "function",
      "desc": "Fires before the component is shown.  Return false to stop the show."
     },
+    {
+     "name": "blur",
+     "sig": "function (_self)\n{\n\n}",
+     "type": "function",
+     "desc": "Fires when this field loses input focus."
+    },
+    {
+     "name": "change",
+     "sig": "function (_self, newValue, oldValue)\n{\n\n}",
+     "type": "function",
+     "desc": "Fires just before the field blurs if the field value has changed."
+    },
     {
      "name": "destroy",
      "sig": "function (_self)\n{\n\n}",
      "type": "function",
      "desc": "Fires after the component is enabled."
     },
+    {
+     "name": "focus",
+     "sig": "function (_self)\n{\n\n}",
+     "type": "function",
+     "desc": "Fires when this field receives input focus."
+    },
     {
      "name": "hide",
      "sig": "function (_self)\n{\n\n}",
      "type": "function",
      "desc": "Fires after the component is hidden."
     },
+    {
+     "name": "invalid",
+     "sig": "function (_self, msg)\n{\n\n}",
+     "type": "function",
+     "desc": "Fires after the field has been marked as invalid."
+    },
+    {
+     "name": "keyup",
+     "sig": "function (_self, e)\n{\n\n}",
+     "type": "function",
+     "desc": "Fires after the key up"
+    },
     {
      "name": "render",
      "sig": "function (_self)\n{\n\n}",
      "sig": "function (_self)\n{\n\n}",
      "type": "function",
      "desc": "Fires after the component is shown."
+    },
+    {
+     "name": "specialkey",
+     "sig": "function (_self, e)\n{\n\n}",
+     "type": "function",
+     "desc": "Fires when any key related to navigation (arrows, tab, enter, esc, etc.) is pressed.  You can check\n{@link Roo.EventObject#getKey} to determine which key was pressed."
+    },
+    {
+     "name": "valid",
+     "sig": "function (_self)\n{\n\n}",
+     "type": "function",
+     "desc": "Fires after the field has been validated with no errors."
     }
    ]
   },
-  "Roo.form.MonthField": {
+  "Roo.bootstrap.TriggerField": {
    "props": [
     {
-     "name": "format",
+     "name": "triggerClass",
      "type": "String",
-     "desc": "The default date format string which can be overriden for localization support.  The format must be\nvalid according to {@link Date#parseDate} (defaults to 'm/d/y').",
+     "desc": "An additional CSS class used to style the trigger button.  The trigger will always get the\nclass 'x-form-trigger' by default and triggerClass will be <b>appended</b> if specified.",
      "memberOf": ""
     },
     {
-     "name": "altFormats",
-     "type": "String",
-     "desc": "Multiple date formats separated by \"|\" to try when parsing a user input value and it doesn't match the defined\nformat (defaults to 'm/d/Y|m-d-y|m-d-Y|m/d|m-d|d').",
+     "name": "hideTrigger",
+     "type": "Boolean",
+     "desc": "True to hide the trigger element and display only the base text field (defaults to false)",
      "memberOf": ""
     },
     {
-     "name": "disabledDays",
-     "type": "Array",
-     "desc": "An array of days to disable, 0 based. For example, [0, 6] disables Sunday and Saturday (defaults to null).",
-     "memberOf": ""
+     "name": "disabled",
+     "type": "Boolean",
+     "desc": "is it disabled",
+     "memberOf": "Roo.bootstrap.Input"
     },
     {
-     "name": "disabledDaysText",
+     "name": "fieldLabel",
      "type": "String",
-     "desc": "The tooltip to display when the date falls on a disabled day (defaults to 'Disabled')",
-     "memberOf": ""
+     "desc": "- the label associated",
+     "memberOf": "Roo.bootstrap.Input"
     },
     {
-     "name": "disabledDates",
-     "type": "Array",
-     "desc": "An array of \"dates\" to disable, as strings. These strings will be used to build a dynamic regular\nexpression so they are very powerful. Some examples:\n<ul>\n<li>[\"03/08/2003\", \"09/16/2003\"] would disable those exact dates</li>\n<li>[\"03/08\", \"09/16\"] would disable those days for every year</li>\n<li>[\"^03/08\"] would only match the beginning (useful if you are using short years)</li>\n<li>[\"03/../2006\"] would disable every day in March 2006</li>\n<li>[\"^03\"] would disable every day in every March</li>\n</ul>\nIn order to support regular expressions, if you are using a date format that has \".\" in it, you will have to\nescape the dot when restricting dates. For example: [\"03\\\\.08\\\\.03\"].",
-     "memberOf": ""
+     "name": "inputType",
+     "type": "String",
+     "desc": "button | checkbox | email | file | hidden | image | number | password | radio | range | reset | search | submit | text",
+     "memberOf": "Roo.bootstrap.Input"
     },
     {
-     "name": "disabledDatesText",
+     "name": "name",
      "type": "String",
-     "desc": "The tooltip text to display when the date falls on a disabled date (defaults to 'Disabled')",
-     "memberOf": ""
+     "desc": "name of the input",
+     "memberOf": "Roo.bootstrap.Input"
     },
     {
-     "name": "minValue",
-     "type": "Date/String",
-     "desc": "The minimum allowed date. Can be either a Javascript date object or a string date in a\nvalid format (defaults to null).",
-     "memberOf": ""
+     "name": "placeholder",
+     "type": "string",
+     "desc": "- placeholder to put in text.",
+     "memberOf": "Roo.bootstrap.Input"
     },
     {
-     "name": "maxValue",
-     "type": "Date/String",
-     "desc": "The maximum allowed date. Can be either a Javascript date object or a string date in a\nvalid format (defaults to null).",
-     "memberOf": ""
+     "name": "before",
+     "type": "string",
+     "desc": "- input group add on before",
+     "memberOf": "Roo.bootstrap.Input"
     },
     {
-     "name": "minText",
-     "type": "String",
-     "desc": "The error text to display when the date in the cell is before minValue (defaults to\n'The date in this field must be after {minValue}').",
-     "memberOf": ""
+     "name": "after",
+     "type": "string",
+     "desc": "- input group add on after",
+     "memberOf": "Roo.bootstrap.Input"
     },
     {
-     "name": "maxTextf",
-     "type": "String",
-     "desc": "The error text to display when the date in the cell is after maxValue (defaults to\n'The date in this field must be before {maxValue}').",
-     "memberOf": ""
+     "name": "size",
+     "type": "string",
+     "desc": "- (lg|sm) or leave empty..",
+     "memberOf": "Roo.bootstrap.Input"
     },
     {
-     "name": "invalidText",
-     "type": "String",
-     "desc": "The error text to display when the date in the field is invalid (defaults to\n'{value} is not a valid date - it must be in the format {format}').",
-     "memberOf": ""
+     "name": "xs",
+     "type": "Number",
+     "desc": "colspan out of 12 for mobile-sized screens",
+     "memberOf": "Roo.bootstrap.Input"
     },
     {
-     "name": "triggerClass",
-     "type": "String",
-     "desc": "An additional CSS class used to style the trigger button.  The trigger will always get the\nclass 'x-form-trigger' and triggerClass will be <b>appended</b> if specified (defaults to 'x-form-date-trigger'\nwhich displays a calendar icon).",
-     "memberOf": ""
+     "name": "sm",
+     "type": "Number",
+     "desc": "colspan out of 12 for tablet-sized screens",
+     "memberOf": "Roo.bootstrap.Input"
     },
     {
-     "name": "useIso",
+     "name": "md",
+     "type": "Number",
+     "desc": "colspan out of 12 for computer-sized screens",
+     "memberOf": "Roo.bootstrap.Input"
+    },
+    {
+     "name": "lg",
+     "type": "Number",
+     "desc": "colspan out of 12 for large computer-sized screens",
+     "memberOf": "Roo.bootstrap.Input"
+    },
+    {
+     "name": "value",
+     "type": "string",
+     "desc": "default value of the input",
+     "memberOf": "Roo.bootstrap.Input"
+    },
+    {
+     "name": "labelWidth",
+     "type": "Number",
+     "desc": "set the width of label (0-12)",
+     "memberOf": "Roo.bootstrap.Input"
+    },
+    {
+     "name": "checked",
      "type": "Boolean",
-     "desc": "if enabled, then the date field will use a hidden field to store the \nreal value as iso formated date. default (true)",
-     "memberOf": ""
+     "desc": "initial checkbox",
+     "memberOf": "Roo.bootstrap.Input"
     },
     {
-     "name": "autoCreate",
-     "type": "String/Object",
-     "desc": "A DomHelper element spec, or true for a default element spec (defaults to\n{tag: \"input\", type: \"text\", size: \"10\", autocomplete: \"off\"})",
-     "memberOf": ""
+     "name": "validationEvent",
+     "type": "String/Boolean",
+     "desc": "The event that should initiate field validation. Set to false to disable\n      automatic validation (defaults to \"keyup\").",
+     "memberOf": "Roo.bootstrap.Input"
     },
     {
-     "name": "hideTrigger",
+     "name": "validateOnBlur",
      "type": "Boolean",
-     "desc": "True to hide the trigger element and display only the base text field (defaults to false)",
-     "memberOf": "Roo.form.TriggerField"
+     "desc": "Whether the field should validate when it loses focus (defaults to true).",
+     "memberOf": "Roo.bootstrap.Input"
     },
     {
-     "name": "vtype",
+     "name": "validationDelay",
+     "type": "Number",
+     "desc": "The length of time in milliseconds after user input begins until validation is initiated (defaults to 250)",
+     "memberOf": "Roo.bootstrap.Input"
+    },
+    {
+     "name": "focusClass",
      "type": "String",
-     "desc": "A validation type name as defined in {@link Roo.form.VTypes} (defaults to null)",
-     "memberOf": "Roo.form.TextField"
+     "desc": "The CSS class to use when the field receives focus (defaults to \"x-form-focus\")",
+     "memberOf": "Roo.bootstrap.Input"
+    },
+    {
+     "name": "invalidClass",
+     "type": "String",
+     "desc": "The CSS class to use when marking a field invalid (defaults to \"x-form-invalid\")",
+     "memberOf": "Roo.bootstrap.Input"
+    },
+    {
+     "name": "selectOnFocus",
+     "type": "Boolean",
+     "desc": "True to automatically select any existing field text when the field receives input focus (defaults to false)",
+     "memberOf": "Roo.bootstrap.Input"
     },
     {
      "name": "maskRe",
      "type": "String",
      "desc": "An input mask regular expression that will be used to filter keystrokes that don't match (defaults to null)",
-     "memberOf": "Roo.form.TextField"
+     "memberOf": "Roo.bootstrap.Input"
+    },
+    {
+     "name": "vtype",
+     "type": "String",
+     "desc": "A validation type name as defined in {@link Roo.form.VTypes} (defaults to null)",
+     "memberOf": "Roo.bootstrap.Input"
     },
     {
      "name": "disableKeyFilter",
      "type": "Boolean",
      "desc": "True to disable input keystroke filtering (defaults to false)",
-     "memberOf": "Roo.form.TextField"
+     "memberOf": "Roo.bootstrap.Input"
     },
     {
      "name": "allowBlank",
      "type": "Boolean",
      "desc": "False to validate that the value length > 0 (defaults to true)",
-     "memberOf": "Roo.form.TextField"
+     "memberOf": "Roo.bootstrap.Input"
+    },
+    {
+     "name": "blankText",
+     "type": "String",
+     "desc": "Error text to display if the allow blank validation fails (defaults to \"This field is required\")",
+     "memberOf": "Roo.bootstrap.Input"
     },
     {
      "name": "minLength",
      "type": "Number",
      "desc": "Minimum input field length required (defaults to 0)",
-     "memberOf": "Roo.form.TextField"
+     "memberOf": "Roo.bootstrap.Input"
     },
     {
      "name": "maxLength",
      "type": "Number",
      "desc": "Maximum input field length allowed (defaults to Number.MAX_VALUE)",
-     "memberOf": "Roo.form.TextField"
+     "memberOf": "Roo.bootstrap.Input"
     },
     {
      "name": "minLengthText",
      "type": "String",
      "desc": "Error text to display if the minimum length validation fails (defaults to \"The minimum length for this field is {minLength}\")",
-     "memberOf": "Roo.form.TextField"
+     "memberOf": "Roo.bootstrap.Input"
     },
     {
      "name": "maxLengthText",
      "type": "String",
      "desc": "Error text to display if the maximum length validation fails (defaults to \"The maximum length for this field is {maxLength}\")",
-     "memberOf": "Roo.form.TextField"
-    },
-    {
-     "name": "selectOnFocus",
-     "type": "Boolean",
-     "desc": "True to automatically select any existing field text when the field receives input focus (defaults to false)",
-     "memberOf": "Roo.form.TextField"
-    },
-    {
-     "name": "blankText",
-     "type": "String",
-     "desc": "Error text to display if the allow blank validation fails (defaults to \"This field is required\")",
-     "memberOf": "Roo.form.TextField"
+     "memberOf": "Roo.bootstrap.Input"
     },
     {
      "name": "validator",
      "type": "Function",
      "desc": "A custom validation function to be called during field validation (defaults to null).\nIf available, this function will be called only after the basic validators all return true, and will be passed the\ncurrent field value and expected to return boolean true if the value is valid or a string error message if invalid.",
-     "memberOf": "Roo.form.TextField"
+     "memberOf": "Roo.bootstrap.Input"
     },
     {
      "name": "regex",
      "type": "RegExp",
      "desc": "A JavaScript RegExp object to be tested against the field value during validation (defaults to null).\nIf available, this regex will be evaluated only after the basic validators all return true, and will be passed the\ncurrent field value.  If the test fails, the field will be marked invalid using {@link #regexText}.",
-     "memberOf": "Roo.form.TextField"
+     "memberOf": "Roo.bootstrap.Input"
     },
     {
      "name": "regexText",
      "type": "String",
      "desc": "The error text to display if {@link #regex} is used and the test fails during validation (defaults to \"\")",
-     "memberOf": "Roo.form.TextField"
+     "memberOf": "Roo.bootstrap.Input"
     },
     {
-     "name": "emptyText",
-     "type": "String",
-     "desc": "The default text to display in an empty field - placeholder... (defaults to null).",
-     "memberOf": "Roo.form.TextField"
-    },
-    {
-     "name": "fieldLabel",
-     "type": "String",
-     "desc": "Label to use when rendering a form.",
-     "memberOf": "Roo.form.Field"
-    },
-    {
-     "name": "qtip",
-     "type": "String",
-     "desc": "Mouse over tip",
-     "memberOf": "Roo.form.Field"
-    },
-    {
-     "name": "name",
-     "type": "String",
-     "desc": "The field's HTML name attribute.",
-     "memberOf": "Roo.form.Field"
-    },
-    {
-     "name": "invalidClass",
-     "type": "String",
-     "desc": "The CSS class to use when marking a field invalid (defaults to \"x-form-invalid\")",
-     "memberOf": "Roo.form.Field"
-    },
-    {
-     "name": "focusClass",
-     "type": "String",
-     "desc": "The CSS class to use when the field receives focus (defaults to \"x-form-focus\")",
-     "memberOf": "Roo.form.Field"
-    },
-    {
-     "name": "validationEvent",
-     "type": "String/Boolean",
-     "desc": "The event that should initiate field validation. Set to false to disable\n      automatic validation (defaults to \"keyup\").",
-     "memberOf": "Roo.form.Field"
-    },
-    {
-     "name": "validateOnBlur",
-     "type": "Boolean",
-     "desc": "Whether the field should validate when it loses focus (defaults to true).",
-     "memberOf": "Roo.form.Field"
-    },
-    {
-     "name": "validationDelay",
-     "type": "Number",
-     "desc": "The length of time in milliseconds after user input begins until validation is initiated (defaults to 250)",
-     "memberOf": "Roo.form.Field"
-    },
-    {
-     "name": "fieldClass",
-     "type": "String",
-     "desc": "The default CSS class for the field (defaults to \"x-form-field\")",
-     "memberOf": "Roo.form.Field"
-    },
-    {
-     "name": "msgTarget",
+     "name": "cls",
      "type": "String",
-     "desc": "The location where error text should display.  Should be one of the following values (defaults to 'qtip'):\n<pre>\nValue         Description\n-----------   ----------------------------------------------------------------------\nqtip          Display a quick tip when the user hovers over the field\ntitle         Display a default browser title attribute popup\nunder         Add a block div beneath the field containing the error text\nside          Add an error icon to the right of the field with a popup on hover\n[element id]  Add the error text directly to the innerHTML of the specified element\n</pre>",
-     "memberOf": "Roo.form.Field"
+     "desc": "css class",
+     "memberOf": "Roo.bootstrap.Component"
     },
     {
-     "name": "msgFx",
+     "name": "style",
      "type": "String",
-     "desc": "<b>Experimental</b> The effect used when displaying a validation message under the field (defaults to 'normal').",
-     "memberOf": "Roo.form.Field"
+     "desc": "any extra css",
+     "memberOf": "Roo.bootstrap.Component"
     },
     {
-     "name": "readOnly",
-     "type": "Boolean",
-     "desc": "True to mark the field as readOnly in HTML (defaults to false) -- Note: this only sets the element's readOnly DOM attribute.",
-     "memberOf": "Roo.form.Field"
+     "name": "xattr",
+     "type": "Object",
+     "desc": "extra attributes to add to 'element' (used by builder to store stuff.)",
+     "memberOf": "Roo.bootstrap.Component"
     },
     {
-     "name": "disabled",
+     "name": "can_build_overlaid",
      "type": "Boolean",
-     "desc": "True to disable the field (defaults to false).",
-     "memberOf": "Roo.form.Field"
-    },
-    {
-     "name": "inputType",
-     "type": "String",
-     "desc": "The type attribute for input fields -- e.g. radio, text, password (defaults to \"text\").",
-     "memberOf": "Roo.form.Field"
-    },
-    {
-     "name": "tabIndex",
-     "type": "Number",
-     "desc": "The tabIndex for this field. Note this only applies to fields that are rendered, not those which are built via applyTo (defaults to undefined).",
-     "memberOf": "Roo.form.Field"
-    },
-    {
-     "name": "value",
-     "type": "Mixed",
-     "desc": "A value to initialize this field with.",
-     "memberOf": "Roo.form.Field"
-    },
-    {
-     "name": "cls",
-     "type": "String",
-     "desc": "A CSS class to apply to the field's underlying element.",
-     "memberOf": "Roo.form.Field"
-    },
-    {
-     "name": "width",
-     "type": "Number",
-     "desc": "width (optional) size of component",
-     "memberOf": "Roo.BoxComponent"
+     "desc": "True if element can be rebuild from a HTML page",
+     "memberOf": "Roo.bootstrap.Component"
     },
     {
-     "name": "height",
-     "type": "Number",
-     "desc": "height (optional) size of component",
-     "memberOf": "Roo.BoxComponent"
+     "name": "dataId",
+     "type": "string",
+     "desc": "cutomer id",
+     "memberOf": "Roo.bootstrap.Component"
     },
     {
      "name": "disableClass",
     }
    ],
    "events": [
-    {
-     "name": "autosize",
-     "sig": "function (_self, width)\n{\n\n}",
-     "type": "function",
-     "desc": "Fires when the autosize function is triggered.  The field may or may not have actually changed size\naccording to the default logic, but this event provides a hook for the developer to apply additional\nlogic at runtime to resize the field if needed."
-    },
     {
      "name": "beforedestroy",
      "sig": "function (_self)\n{\n\n}",
      "type": "function",
      "desc": "Fires after the key up"
     },
-    {
-     "name": "move",
-     "sig": "function (_self, x, y)\n{\n\n}",
-     "type": "function",
-     "desc": "Fires after the component is moved."
-    },
     {
      "name": "render",
      "sig": "function (_self)\n{\n\n}",
      "type": "function",
      "desc": "Fires after the component is rendered."
     },
-    {
-     "name": "resize",
-     "sig": "function (_self, adjWidth, adjHeight, rawWidth, rawHeight)\n{\n\n}",
-     "type": "function",
-     "desc": "Fires after the component is resized."
-    },
-    {
-     "name": "select",
-     "sig": "function (combo, date)\n{\n\n}",
-     "type": "function",
-     "desc": "Fires when a date is selected"
-    },
     {
      "name": "show",
      "sig": "function (_self)\n{\n\n}",
     }
    ]
   },
-  "Roo.form.NumberField": {
+  "Roo.data": {
+   "props": [],
+   "events": []
+  },
+  "Roo.data.ArrayReader": {
    "props": [
     {
-     "name": "fieldClass",
+     "name": "id",
      "type": "String",
-     "desc": "The default CSS class for the field (defaults to \"x-form-field x-form-num-field\")",
-     "memberOf": ""
-    },
-    {
-     "name": "allowDecimals",
-     "type": "Boolean",
-     "desc": "False to disallow decimal values (defaults to true)",
+     "desc": "(optional) The subscript within row Array that provides an ID for the Record",
      "memberOf": ""
-    },
+    }
+   ],
+   "events": []
+  },
+  "Roo.data.Connection": {
+   "props": [
     {
-     "name": "decimalSeparator",
+     "name": "url",
      "type": "String",
-     "desc": "Character(s) to allow as the decimal separator (defaults to '.')",
+     "desc": "(Optional) The default URL to be used for requests to the server. (defaults to undefined)",
      "memberOf": ""
     },
     {
-     "name": "decimalPrecision",
-     "type": "Number",
-     "desc": "The maximum precision to display after the decimal separator (defaults to 2)",
+     "name": "extraParams",
+     "type": "Object",
+     "desc": "(Optional) An object containing properties which are used as\nextra parameters to each request made by this object. (defaults to undefined)",
      "memberOf": ""
     },
     {
-     "name": "allowNegative",
-     "type": "Boolean",
-     "desc": "False to prevent entering a negative sign (defaults to true)",
+     "name": "defaultHeaders",
+     "type": "Object",
+     "desc": "(Optional) An object containing request headers which are added\n to each request made by this object. (defaults to undefined)",
      "memberOf": ""
     },
     {
-     "name": "minValue",
-     "type": "Number",
-     "desc": "The minimum allowed value (defaults to Number.NEGATIVE_INFINITY)",
+     "name": "method",
+     "type": "String",
+     "desc": "(Optional) The default HTTP method to be used for requests. (defaults to undefined; if not set but parms are present will use POST, otherwise GET)",
      "memberOf": ""
     },
     {
-     "name": "maxValue",
+     "name": "timeout",
      "type": "Number",
-     "desc": "The maximum allowed value (defaults to Number.MAX_VALUE)",
+     "desc": "(Optional) The timeout in milliseconds to be used for requests. (defaults to 30000)",
      "memberOf": ""
     },
     {
-     "name": "minText",
-     "type": "String",
-     "desc": "Error text to display if the minimum value validation fails (defaults to \"The minimum value for this field is {minValue}\")",
+     "name": "autoAbort",
+     "type": "Boolean",
+     "desc": "(Optional) Whether this request should abort any pending requests. (defaults to false)",
      "memberOf": ""
     },
     {
-     "name": "maxText",
-     "type": "String",
-     "desc": "Error text to display if the maximum value validation fails (defaults to \"The maximum value for this field is {maxValue}\")",
+     "name": "disableCaching",
+     "type": "Boolean",
+     "desc": "(Optional) True to add a unique cache-buster param to GET requests. (defaults to true)",
      "memberOf": ""
     },
     {
-     "name": "nanText",
-     "type": "String",
-     "desc": "Error text to display if the value is not a valid number.  For example, this can happen\nif a valid character like '.' or '-' is left in the field with no number (defaults to \"{value} is not a valid number\")",
-     "memberOf": ""
-    },
+     "name": "listeners",
+     "type": "Object",
+     "desc": "list of events and functions to call for this object, \nFor example :\n<pre><code>\n    listeners :  { \n       'click' : function(e) {\n           ..... \n        } ,\n        .... \n    } \n  </code></pre>",
+     "memberOf": "Roo.util.Observable"
+    }
+   ],
+   "events": [
     {
-     "name": "grow",
-     "type": "Boolean",
-     "desc": "True if this field should automatically grow and shrink to its content",
-     "memberOf": "Roo.form.TextField"
+     "name": "beforerequest",
+     "sig": "function (conn, options)\n{\n\n}",
+     "type": "function",
+     "desc": "Fires before a network request is made to retrieve a data object."
     },
     {
-     "name": "growMin",
-     "type": "Number",
-     "desc": "The minimum width to allow when grow = true (defaults to 30)",
-     "memberOf": "Roo.form.TextField"
+     "name": "requestcomplete",
+     "sig": "function (conn, response, options)\n{\n\n}",
+     "type": "function",
+     "desc": "Fires if the request was successfully completed."
     },
     {
-     "name": "growMax",
-     "type": "Number",
-     "desc": "The maximum width to allow when grow = true (defaults to 800)",
-     "memberOf": "Roo.form.TextField"
-    },
+     "name": "requestexception",
+     "sig": "function (conn, response, options)\n{\n\n}",
+     "type": "function",
+     "desc": "Fires if an error HTTP status was returned from the server.\nSee {@link http://www.w3.org/Protocols/rfc2616/rfc2616-sec10.html} for details of HTTP status codes."
+    }
+   ]
+  },
+  "Roo.data.DataProxy": {
+   "props": [],
+   "events": [
     {
-     "name": "vtype",
-     "type": "String",
-     "desc": "A validation type name as defined in {@link Roo.form.VTypes} (defaults to null)",
-     "memberOf": "Roo.form.TextField"
+     "name": "beforeload",
+     "sig": "function (This, params)\n{\n\n}",
+     "type": "function",
+     "desc": "Fires before a network request is made to retrieve a data object."
     },
     {
-     "name": "maskRe",
-     "type": "String",
-     "desc": "An input mask regular expression that will be used to filter keystrokes that don't match (defaults to null)",
-     "memberOf": "Roo.form.TextField"
+     "name": "load",
+     "sig": "function (This, o, arg)\n{\n\n}",
+     "type": "function",
+     "desc": "Fires before the load method's callback is called."
     },
     {
-     "name": "disableKeyFilter",
-     "type": "Boolean",
-     "desc": "True to disable input keystroke filtering (defaults to false)",
+     "name": "loadexception",
+     "sig": "function (This, o, arg, e)\n{\n\n}",
+     "type": "function",
+     "desc": "Fires if an Exception occurs during data retrieval."
+    }
+   ]
+  },
+  "Roo.data.DataReader": {
+   "props": [],
+   "events": []
+  },
+  "Roo.data.HttpProxy": {
+   "props": [
+    {
+     "name": "url",
+     "type": "String",
+     "desc": "(Optional) The default URL to be used for requests to the server. (defaults to undefined)",
+     "memberOf": ""
+    },
+    {
+     "name": "extraParams",
+     "type": "Object",
+     "desc": "(Optional) An object containing properties which are used as\nextra parameters to each request made by this object. (defaults to undefined)",
+     "memberOf": ""
+    },
+    {
+     "name": "defaultHeaders",
+     "type": "Object",
+     "desc": "(Optional) An object containing request headers which are added\n to each request made by this object. (defaults to undefined)",
+     "memberOf": ""
+    },
+    {
+     "name": "method",
+     "type": "String",
+     "desc": "(Optional) The default HTTP method to be used for requests. (defaults to undefined; if not set but parms are present will use POST, otherwise GET)",
+     "memberOf": ""
+    },
+    {
+     "name": "timeout",
+     "type": "Number",
+     "desc": "(Optional) The timeout in milliseconds to be used for requests. (defaults to 30000)",
+     "memberOf": ""
+    },
+    {
+     "name": "autoAbort",
+     "type": "Boolean",
+     "desc": "(Optional) Whether this request should abort any pending requests. (defaults to false)",
+     "memberOf": ""
+    },
+    {
+     "name": "disableCaching",
+     "type": "Boolean",
+     "desc": "(Optional) True to add a unique cache-buster param to GET requests. (defaults to true)",
+     "memberOf": ""
+    }
+   ],
+   "events": [
+    {
+     "name": "beforeload",
+     "sig": "function (This, params)\n{\n\n}",
+     "type": "function",
+     "desc": "Fires before a network request is made to retrieve a data object."
+    },
+    {
+     "name": "load",
+     "sig": "function (This, o, arg)\n{\n\n}",
+     "type": "function",
+     "desc": "Fires before the load method's callback is called."
+    },
+    {
+     "name": "loadexception",
+     "sig": "function (This, o, arg, e)\n{\n\n}",
+     "type": "function",
+     "desc": "Fires if an Exception occurs during data retrieval."
+    }
+   ]
+  },
+  "Roo.data.JsonReader": {
+   "props": [
+    {
+     "name": "totalProperty",
+     "type": "String",
+     "desc": "Name of the property from which to retrieve the total number of records\nin the dataset. This is only needed if the whole dataset is not passed in one go, but is being\npaged from the remote server.",
+     "memberOf": ""
+    },
+    {
+     "name": "successProperty",
+     "type": "String",
+     "desc": "Name of the property from which to retrieve the success attribute used by forms.",
+     "memberOf": ""
+    },
+    {
+     "name": "root",
+     "type": "String",
+     "desc": "name of the property which contains the Array of row objects.",
+     "memberOf": ""
+    },
+    {
+     "name": "id",
+     "type": "String",
+     "desc": "Name of the property within a row object that contains a record identifier value.",
+     "memberOf": ""
+    }
+   ],
+   "events": []
+  },
+  "Roo.data.JsonStore": {
+   "props": [
+    {
+     "name": "fields",
+     "type": "Array",
+     "desc": "An array of field definition objects, or field name strings.",
+     "memberOf": ""
+    },
+    {
+     "name": "isLocal",
+     "type": "boolean",
+     "desc": "flag if data is locally available (and can be always looked up\nwithout a remote query - used by combo/forms at present.",
+     "memberOf": "Roo.data.Store"
+    },
+    {
+     "name": "proxy",
+     "type": "Roo.data.DataProxy",
+     "desc": "The Proxy object which provides access to a data object.",
+     "memberOf": "Roo.data.Store"
+    },
+    {
+     "name": "data",
+     "type": "Array",
+     "desc": "Inline data to be loaded when the store is initialized.",
+     "memberOf": "Roo.data.Store"
+    },
+    {
+     "name": "reader",
+     "type": "Roo.data.Reader",
+     "desc": "The Reader object which processes the data object and returns\nan Array of Roo.data.record objects which are cached keyed by their <em>id</em> property.",
+     "memberOf": "Roo.data.Store"
+    },
+    {
+     "name": "baseParams",
+     "type": "Object",
+     "desc": "An object containing properties which are to be sent as parameters\non any HTTP request",
+     "memberOf": "Roo.data.Store"
+    },
+    {
+     "name": "sortInfo",
+     "type": "Object",
+     "desc": "A config object in the format: {field: \"fieldName\", direction: \"ASC|DESC\"}",
+     "memberOf": "Roo.data.Store"
+    },
+    {
+     "name": "multiSort",
+     "type": "Boolean",
+     "desc": "enable multi column sorting (sort is based on the order of columns, remote only at present)",
+     "memberOf": "Roo.data.Store"
+    },
+    {
+     "name": "remoteSort",
+     "type": "boolean",
+     "desc": "True if sorting is to be handled by requesting the Proxy to provide a refreshed\nversion of the data object in sorted order, as opposed to sorting the Record cache in place (defaults to false).",
+     "memberOf": "Roo.data.Store"
+    },
+    {
+     "name": "pruneModifiedRecords",
+     "type": "boolean",
+     "desc": "True to clear all modified record information each time the store is\nloaded or when a record is removed. (defaults to false).",
+     "memberOf": "Roo.data.Store"
+    },
+    {
+     "name": "listeners",
+     "type": "Object",
+     "desc": "list of events and functions to call for this object, \nFor example :\n<pre><code>\n    listeners :  { \n       'click' : function(e) {\n           ..... \n        } ,\n        .... \n    } \n  </code></pre>",
+     "memberOf": "Roo.util.Observable"
+    }
+   ],
+   "events": [
+    {
+     "name": "add",
+     "sig": "function (_self, records, index)\n{\n\n}",
+     "type": "function",
+     "desc": "Fires when Records have been added to the Store"
+    },
+    {
+     "name": "beforeload",
+     "sig": "function (_self, options)\n{\n\n}",
+     "type": "function",
+     "desc": "Fires before a request is made for a new data object.  If the beforeload handler returns false\nthe load action will be canceled."
+    },
+    {
+     "name": "beforeloadadd",
+     "sig": "function (_self, records, options)\n{\n\n}",
+     "type": "function",
+     "desc": "Fires after a new set of Records has been loaded."
+    },
+    {
+     "name": "clear",
+     "sig": "function (_self)\n{\n\n}",
+     "type": "function",
+     "desc": "Fires when the data cache has been cleared."
+    },
+    {
+     "name": "datachanged",
+     "sig": "function (_self)\n{\n\n}",
+     "type": "function",
+     "desc": "Fires when the data cache has changed, and a widget which is using this Store\nas a Record cache should refresh its view."
+    },
+    {
+     "name": "load",
+     "sig": "function (_self, records, options)\n{\n\n}",
+     "type": "function",
+     "desc": "Fires after a new set of Records has been loaded, before they are added to the store."
+    },
+    {
+     "name": "loadexception",
+     "sig": "function (, return, load, jsonData)\n{\n\n}",
+     "type": "function",
+     "desc": "Fires if an exception occurs in the Proxy during loading.\nCalled with the signature of the Proxy's \"loadexception\" event.\nIf you return Json { data: [] , success: false, .... } then this will be thrown with the following args"
+    },
+    {
+     "name": "metachange",
+     "sig": "function (_self, meta)\n{\n\n}",
+     "type": "function",
+     "desc": "Fires when this store's reader provides new metadata (fields). This is currently only support for JsonReaders."
+    },
+    {
+     "name": "remove",
+     "sig": "function (_self, record, index)\n{\n\n}",
+     "type": "function",
+     "desc": "Fires when a Record has been removed from the Store"
+    },
+    {
+     "name": "update",
+     "sig": "function (_self, record, operation)\n{\n\n}",
+     "type": "function",
+     "desc": "Fires when a Record has been updated"
+    }
+   ]
+  },
+  "Roo.data.MemoryProxy": {
+   "props": [],
+   "events": []
+  },
+  "Roo.data.Node": {
+   "props": [
+    {
+     "name": "leaf",
+     "type": "Boolean",
+     "desc": "true if this node is a leaf and does not have children",
+     "memberOf": ""
+    },
+    {
+     "name": "id",
+     "type": "String",
+     "desc": "The id for this node. If one is not specified, one is generated.",
+     "memberOf": ""
+    },
+    {
+     "name": "listeners",
+     "type": "Object",
+     "desc": "list of events and functions to call for this object, \nFor example :\n<pre><code>\n    listeners :  { \n       'click' : function(e) {\n           ..... \n        } ,\n        .... \n    } \n  </code></pre>",
+     "memberOf": "Roo.util.Observable"
+    }
+   ],
+   "events": [
+    {
+     "name": "append",
+     "sig": "function (tree, _self, node, index)\n{\n\n}",
+     "type": "function",
+     "desc": "Fires when a new child node is appended"
+    },
+    {
+     "name": "beforeappend",
+     "sig": "function (tree, _self, node)\n{\n\n}",
+     "type": "function",
+     "desc": "Fires before a new child is appended, return false to cancel the append."
+    },
+    {
+     "name": "beforeinsert",
+     "sig": "function (tree, _self, node, refNode)\n{\n\n}",
+     "type": "function",
+     "desc": "Fires before a new child is inserted, return false to cancel the insert."
+    },
+    {
+     "name": "beforemove",
+     "sig": "function (tree, _self, oldParent, newParent, index)\n{\n\n}",
+     "type": "function",
+     "desc": "Fires before this node is moved to a new location in the tree. Return false to cancel the move."
+    },
+    {
+     "name": "beforeremove",
+     "sig": "function (tree, _self, node)\n{\n\n}",
+     "type": "function",
+     "desc": "Fires before a child is removed, return false to cancel the remove."
+    },
+    {
+     "name": "insert",
+     "sig": "function (tree, _self, node, refNode)\n{\n\n}",
+     "type": "function",
+     "desc": "Fires when a new child node is inserted."
+    },
+    {
+     "name": "move",
+     "sig": "function (tree, _self, oldParent, newParent, index)\n{\n\n}",
+     "type": "function",
+     "desc": "Fires when this node is moved to a new location in the tree"
+    },
+    {
+     "name": "remove",
+     "sig": "function (tree, _self, node)\n{\n\n}",
+     "type": "function",
+     "desc": "Fires when a child node is removed"
+    }
+   ]
+  },
+  "Roo.data.Record": {
+   "props": [],
+   "events": []
+  },
+  "Roo.data.ScriptTagProxy": {
+   "props": [
+    {
+     "name": "url",
+     "type": "String",
+     "desc": "The URL from which to request the data object.",
+     "memberOf": ""
+    },
+    {
+     "name": "timeout",
+     "type": "Number",
+     "desc": "(Optional) The number of milliseconds to wait for a response. Defaults to 30 seconds.",
+     "memberOf": ""
+    },
+    {
+     "name": "callbackParam",
+     "type": "String",
+     "desc": "(Optional) The name of the parameter to pass to the server which tells\nthe server the name of the callback function set up by the load call to process the returned data object.\nDefaults to \"callback\".<p>The server-side processing must read this parameter value, and generate\njavascript output which calls this named function passing the data object as its only parameter.",
+     "memberOf": ""
+    },
+    {
+     "name": "nocache",
+     "type": "Boolean",
+     "desc": "(Optional) Defaults to true. Disable cacheing by adding a unique parameter\nname to the request.",
+     "memberOf": ""
+    }
+   ],
+   "events": []
+  },
+  "Roo.data.SimpleStore": {
+   "props": [
+    {
+     "name": "id",
+     "type": "Number",
+     "desc": "The array index of the record id. Leave blank to auto generate ids.",
+     "memberOf": ""
+    },
+    {
+     "name": "fields",
+     "type": "Array",
+     "desc": "An array of field definition objects, or field name strings.",
+     "memberOf": ""
+    },
+    {
+     "name": "data",
+     "type": "Array",
+     "desc": "The multi-dimensional array of data",
+     "memberOf": ""
+    },
+    {
+     "name": "isLocal",
+     "type": "boolean",
+     "desc": "flag if data is locally available (and can be always looked up\nwithout a remote query - used by combo/forms at present.",
+     "memberOf": "Roo.data.Store"
+    },
+    {
+     "name": "proxy",
+     "type": "Roo.data.DataProxy",
+     "desc": "The Proxy object which provides access to a data object.",
+     "memberOf": "Roo.data.Store"
+    },
+    {
+     "name": "reader",
+     "type": "Roo.data.Reader",
+     "desc": "The Reader object which processes the data object and returns\nan Array of Roo.data.record objects which are cached keyed by their <em>id</em> property.",
+     "memberOf": "Roo.data.Store"
+    },
+    {
+     "name": "baseParams",
+     "type": "Object",
+     "desc": "An object containing properties which are to be sent as parameters\non any HTTP request",
+     "memberOf": "Roo.data.Store"
+    },
+    {
+     "name": "sortInfo",
+     "type": "Object",
+     "desc": "A config object in the format: {field: \"fieldName\", direction: \"ASC|DESC\"}",
+     "memberOf": "Roo.data.Store"
+    },
+    {
+     "name": "multiSort",
+     "type": "Boolean",
+     "desc": "enable multi column sorting (sort is based on the order of columns, remote only at present)",
+     "memberOf": "Roo.data.Store"
+    },
+    {
+     "name": "remoteSort",
+     "type": "boolean",
+     "desc": "True if sorting is to be handled by requesting the Proxy to provide a refreshed\nversion of the data object in sorted order, as opposed to sorting the Record cache in place (defaults to false).",
+     "memberOf": "Roo.data.Store"
+    },
+    {
+     "name": "pruneModifiedRecords",
+     "type": "boolean",
+     "desc": "True to clear all modified record information each time the store is\nloaded or when a record is removed. (defaults to false).",
+     "memberOf": "Roo.data.Store"
+    },
+    {
+     "name": "listeners",
+     "type": "Object",
+     "desc": "list of events and functions to call for this object, \nFor example :\n<pre><code>\n    listeners :  { \n       'click' : function(e) {\n           ..... \n        } ,\n        .... \n    } \n  </code></pre>",
+     "memberOf": "Roo.util.Observable"
+    }
+   ],
+   "events": [
+    {
+     "name": "add",
+     "sig": "function (_self, records, index)\n{\n\n}",
+     "type": "function",
+     "desc": "Fires when Records have been added to the Store"
+    },
+    {
+     "name": "beforeload",
+     "sig": "function (_self, options)\n{\n\n}",
+     "type": "function",
+     "desc": "Fires before a request is made for a new data object.  If the beforeload handler returns false\nthe load action will be canceled."
+    },
+    {
+     "name": "beforeloadadd",
+     "sig": "function (_self, records, options)\n{\n\n}",
+     "type": "function",
+     "desc": "Fires after a new set of Records has been loaded."
+    },
+    {
+     "name": "clear",
+     "sig": "function (_self)\n{\n\n}",
+     "type": "function",
+     "desc": "Fires when the data cache has been cleared."
+    },
+    {
+     "name": "datachanged",
+     "sig": "function (_self)\n{\n\n}",
+     "type": "function",
+     "desc": "Fires when the data cache has changed, and a widget which is using this Store\nas a Record cache should refresh its view."
+    },
+    {
+     "name": "load",
+     "sig": "function (_self, records, options)\n{\n\n}",
+     "type": "function",
+     "desc": "Fires after a new set of Records has been loaded, before they are added to the store."
+    },
+    {
+     "name": "loadexception",
+     "sig": "function (, return, load, jsonData)\n{\n\n}",
+     "type": "function",
+     "desc": "Fires if an exception occurs in the Proxy during loading.\nCalled with the signature of the Proxy's \"loadexception\" event.\nIf you return Json { data: [] , success: false, .... } then this will be thrown with the following args"
+    },
+    {
+     "name": "metachange",
+     "sig": "function (_self, meta)\n{\n\n}",
+     "type": "function",
+     "desc": "Fires when this store's reader provides new metadata (fields). This is currently only support for JsonReaders."
+    },
+    {
+     "name": "remove",
+     "sig": "function (_self, record, index)\n{\n\n}",
+     "type": "function",
+     "desc": "Fires when a Record has been removed from the Store"
+    },
+    {
+     "name": "update",
+     "sig": "function (_self, record, operation)\n{\n\n}",
+     "type": "function",
+     "desc": "Fires when a Record has been updated"
+    }
+   ]
+  },
+  "Roo.data.SortTypes": {
+   "props": [],
+   "events": []
+  },
+  "Roo.data.Store": {
+   "props": [
+    {
+     "name": "isLocal",
+     "type": "boolean",
+     "desc": "flag if data is locally available (and can be always looked up\nwithout a remote query - used by combo/forms at present.",
+     "memberOf": ""
+    },
+    {
+     "name": "proxy",
+     "type": "Roo.data.DataProxy",
+     "desc": "The Proxy object which provides access to a data object.",
+     "memberOf": ""
+    },
+    {
+     "name": "data",
+     "type": "Array",
+     "desc": "Inline data to be loaded when the store is initialized.",
+     "memberOf": ""
+    },
+    {
+     "name": "reader",
+     "type": "Roo.data.Reader",
+     "desc": "The Reader object which processes the data object and returns\nan Array of Roo.data.record objects which are cached keyed by their <em>id</em> property.",
+     "memberOf": ""
+    },
+    {
+     "name": "baseParams",
+     "type": "Object",
+     "desc": "An object containing properties which are to be sent as parameters\non any HTTP request",
+     "memberOf": ""
+    },
+    {
+     "name": "sortInfo",
+     "type": "Object",
+     "desc": "A config object in the format: {field: \"fieldName\", direction: \"ASC|DESC\"}",
+     "memberOf": ""
+    },
+    {
+     "name": "multiSort",
+     "type": "Boolean",
+     "desc": "enable multi column sorting (sort is based on the order of columns, remote only at present)",
+     "memberOf": ""
+    },
+    {
+     "name": "remoteSort",
+     "type": "boolean",
+     "desc": "True if sorting is to be handled by requesting the Proxy to provide a refreshed\nversion of the data object in sorted order, as opposed to sorting the Record cache in place (defaults to false).",
+     "memberOf": ""
+    },
+    {
+     "name": "pruneModifiedRecords",
+     "type": "boolean",
+     "desc": "True to clear all modified record information each time the store is\nloaded or when a record is removed. (defaults to false).",
+     "memberOf": ""
+    },
+    {
+     "name": "listeners",
+     "type": "Object",
+     "desc": "list of events and functions to call for this object, \nFor example :\n<pre><code>\n    listeners :  { \n       'click' : function(e) {\n           ..... \n        } ,\n        .... \n    } \n  </code></pre>",
+     "memberOf": "Roo.util.Observable"
+    }
+   ],
+   "events": [
+    {
+     "name": "add",
+     "sig": "function (_self, records, index)\n{\n\n}",
+     "type": "function",
+     "desc": "Fires when Records have been added to the Store"
+    },
+    {
+     "name": "beforeload",
+     "sig": "function (_self, options)\n{\n\n}",
+     "type": "function",
+     "desc": "Fires before a request is made for a new data object.  If the beforeload handler returns false\nthe load action will be canceled."
+    },
+    {
+     "name": "beforeloadadd",
+     "sig": "function (_self, records, options)\n{\n\n}",
+     "type": "function",
+     "desc": "Fires after a new set of Records has been loaded."
+    },
+    {
+     "name": "clear",
+     "sig": "function (_self)\n{\n\n}",
+     "type": "function",
+     "desc": "Fires when the data cache has been cleared."
+    },
+    {
+     "name": "datachanged",
+     "sig": "function (_self)\n{\n\n}",
+     "type": "function",
+     "desc": "Fires when the data cache has changed, and a widget which is using this Store\nas a Record cache should refresh its view."
+    },
+    {
+     "name": "load",
+     "sig": "function (_self, records, options)\n{\n\n}",
+     "type": "function",
+     "desc": "Fires after a new set of Records has been loaded, before they are added to the store."
+    },
+    {
+     "name": "loadexception",
+     "sig": "function (, return, load, jsonData)\n{\n\n}",
+     "type": "function",
+     "desc": "Fires if an exception occurs in the Proxy during loading.\nCalled with the signature of the Proxy's \"loadexception\" event.\nIf you return Json { data: [] , success: false, .... } then this will be thrown with the following args"
+    },
+    {
+     "name": "metachange",
+     "sig": "function (_self, meta)\n{\n\n}",
+     "type": "function",
+     "desc": "Fires when this store's reader provides new metadata (fields). This is currently only support for JsonReaders."
+    },
+    {
+     "name": "remove",
+     "sig": "function (_self, record, index)\n{\n\n}",
+     "type": "function",
+     "desc": "Fires when a Record has been removed from the Store"
+    },
+    {
+     "name": "update",
+     "sig": "function (_self, record, operation)\n{\n\n}",
+     "type": "function",
+     "desc": "Fires when a Record has been updated"
+    }
+   ]
+  },
+  "Roo.data.Tree": {
+   "props": [
+    {
+     "name": "listeners",
+     "type": "Object",
+     "desc": "list of events and functions to call for this object, \nFor example :\n<pre><code>\n    listeners :  { \n       'click' : function(e) {\n           ..... \n        } ,\n        .... \n    } \n  </code></pre>",
+     "memberOf": "Roo.util.Observable"
+    }
+   ],
+   "events": [
+    {
+     "name": "append",
+     "sig": "function (tree, parent, node, index)\n{\n\n}",
+     "type": "function",
+     "desc": "Fires when a new child node is appended to a node in this tree."
+    },
+    {
+     "name": "beforeappend",
+     "sig": "function (tree, parent, node)\n{\n\n}",
+     "type": "function",
+     "desc": "Fires before a new child is appended to a node in this tree, return false to cancel the append."
+    },
+    {
+     "name": "beforeinsert",
+     "sig": "function (tree, parent, node, refNode)\n{\n\n}",
+     "type": "function",
+     "desc": "Fires before a new child is inserted in a node in this tree, return false to cancel the insert."
+    },
+    {
+     "name": "beforemove",
+     "sig": "function (tree, node, oldParent, newParent, index)\n{\n\n}",
+     "type": "function",
+     "desc": "Fires before a node is moved to a new location in the tree. Return false to cancel the move."
+    },
+    {
+     "name": "beforeremove",
+     "sig": "function (tree, parent, node)\n{\n\n}",
+     "type": "function",
+     "desc": "Fires before a child is removed from a node in this tree, return false to cancel the remove."
+    },
+    {
+     "name": "insert",
+     "sig": "function (tree, parent, node, refNode)\n{\n\n}",
+     "type": "function",
+     "desc": "Fires when a new child node is inserted in a node in this tree."
+    },
+    {
+     "name": "move",
+     "sig": "function (tree, node, oldParent, newParent, index)\n{\n\n}",
+     "type": "function",
+     "desc": "Fires when a node is moved to a new location in the tree"
+    },
+    {
+     "name": "remove",
+     "sig": "function (tree, parent, node)\n{\n\n}",
+     "type": "function",
+     "desc": "Fires when a child node is removed from a node in this tree."
+    }
+   ]
+  },
+  "Roo.data.XmlReader": {
+   "props": [
+    {
+     "name": "totalRecords",
+     "type": "String",
+     "desc": "The DomQuery path from which to retrieve the total number of records\nin the dataset. This is only needed if the whole dataset is not passed in one go, but is being\npaged from the remote server.",
+     "memberOf": ""
+    },
+    {
+     "name": "record",
+     "type": "String",
+     "desc": "The DomQuery path to the repeated element which contains record information.",
+     "memberOf": ""
+    },
+    {
+     "name": "success",
+     "type": "String",
+     "desc": "The DomQuery path to the success attribute used by forms.",
+     "memberOf": ""
+    },
+    {
+     "name": "id",
+     "type": "String",
+     "desc": "The DomQuery path relative from the record element to the element that contains\na record identifier value.",
+     "memberOf": ""
+    }
+   ],
+   "events": []
+  },
+  "Roo.dd": {
+   "props": [],
+   "events": []
+  },
+  "Roo.dd.DD": {
+   "props": [
+    {
+     "name": "listeners",
+     "type": "Object",
+     "desc": "list of events and functions to call for this object, \nFor example :\n<pre><code>\n    listeners :  { \n       'click' : function(e) {\n           ..... \n        } ,\n        .... \n    } \n  </code></pre>",
+     "memberOf": "Roo.util.Observable"
+    }
+   ],
+   "events": []
+  },
+  "Roo.dd.DDProxy": {
+   "props": [
+    {
+     "name": "listeners",
+     "type": "Object",
+     "desc": "list of events and functions to call for this object, \nFor example :\n<pre><code>\n    listeners :  { \n       'click' : function(e) {\n           ..... \n        } ,\n        .... \n    } \n  </code></pre>",
+     "memberOf": "Roo.util.Observable"
+    }
+   ],
+   "events": []
+  },
+  "Roo.dd.DDTarget": {
+   "props": [
+    {
+     "name": "listeners",
+     "type": "Object",
+     "desc": "list of events and functions to call for this object, \nFor example :\n<pre><code>\n    listeners :  { \n       'click' : function(e) {\n           ..... \n        } ,\n        .... \n    } \n  </code></pre>",
+     "memberOf": "Roo.util.Observable"
+    }
+   ],
+   "events": []
+  },
+  "Roo.dd.DragDrop": {
+   "props": [
+    {
+     "name": "listeners",
+     "type": "Object",
+     "desc": "list of events and functions to call for this object, \nFor example :\n<pre><code>\n    listeners :  { \n       'click' : function(e) {\n           ..... \n        } ,\n        .... \n    } \n  </code></pre>",
+     "memberOf": "Roo.util.Observable"
+    }
+   ],
+   "events": []
+  },
+  "Roo.dd.DragDropMgr": {
+   "props": [],
+   "events": []
+  },
+  "Roo.dd.DragSource": {
+   "props": [
+    {
+     "name": "dropAllowed",
+     "type": "String",
+     "desc": "The CSS class returned to the drag source when drop is allowed (defaults to \"x-dd-drop-ok\").",
+     "memberOf": ""
+    },
+    {
+     "name": "dropNotAllowed",
+     "type": "String",
+     "desc": "The CSS class returned to the drag source when drop is not allowed (defaults to \"x-dd-drop-nodrop\").",
+     "memberOf": ""
+    },
+    {
+     "name": "listeners",
+     "type": "Object",
+     "desc": "list of events and functions to call for this object, \nFor example :\n<pre><code>\n    listeners :  { \n       'click' : function(e) {\n           ..... \n        } ,\n        .... \n    } \n  </code></pre>",
+     "memberOf": "Roo.util.Observable"
+    }
+   ],
+   "events": []
+  },
+  "Roo.dd.DragZone": {
+   "props": [
+    {
+     "name": "containerScroll",
+     "type": "Boolean",
+     "desc": "True to register this container with the Scrollmanager\nfor auto scrolling during drag operations.",
+     "memberOf": ""
+    },
+    {
+     "name": "hlColor",
+     "type": "String",
+     "desc": "The color to use when visually highlighting the drag source in the afterRepair\nmethod after a failed drop (defaults to \"c3daf9\" - light blue)",
+     "memberOf": ""
+    },
+    {
+     "name": "dropAllowed",
+     "type": "String",
+     "desc": "The CSS class returned to the drag source when drop is allowed (defaults to \"x-dd-drop-ok\").",
+     "memberOf": "Roo.dd.DragSource"
+    },
+    {
+     "name": "dropNotAllowed",
+     "type": "String",
+     "desc": "The CSS class returned to the drag source when drop is not allowed (defaults to \"x-dd-drop-nodrop\").",
+     "memberOf": "Roo.dd.DragSource"
+    },
+    {
+     "name": "listeners",
+     "type": "Object",
+     "desc": "list of events and functions to call for this object, \nFor example :\n<pre><code>\n    listeners :  { \n       'click' : function(e) {\n           ..... \n        } ,\n        .... \n    } \n  </code></pre>",
+     "memberOf": "Roo.util.Observable"
+    }
+   ],
+   "events": []
+  },
+  "Roo.dd.DropTarget": {
+   "props": [
+    {
+     "name": "overClass",
+     "type": "String",
+     "desc": "The CSS class applied to the drop target element while the drag source is over it (defaults to \"\").",
+     "memberOf": ""
+    },
+    {
+     "name": "ddGroup",
+     "type": "String",
+     "desc": "The drag drop group to handle drop events for",
+     "memberOf": ""
+    },
+    {
+     "name": "dropAllowed",
+     "type": "String",
+     "desc": "The CSS class returned to the drag source when drop is allowed (defaults to \"x-dd-drop-ok\").",
+     "memberOf": ""
+    },
+    {
+     "name": "dropNotAllowed",
+     "type": "String",
+     "desc": "The CSS class returned to the drag source when drop is not allowed (defaults to \"x-dd-drop-nodrop\").",
+     "memberOf": ""
+    },
+    {
+     "name": "success",
+     "type": "boolean",
+     "desc": "set this after drop listener..",
+     "memberOf": ""
+    },
+    {
+     "name": "valid",
+     "type": "boolean|String",
+     "desc": "true/false or string (ok-add/ok-sub/ok/nodrop)\nif the drop point is valid for over/enter..",
+     "memberOf": ""
+    },
+    {
+     "name": "listeners",
+     "type": "Object",
+     "desc": "list of events and functions to call for this object, \nFor example :\n<pre><code>\n    listeners :  { \n       'click' : function(e) {\n           ..... \n        } ,\n        .... \n    } \n  </code></pre>",
+     "memberOf": "Roo.util.Observable"
+    }
+   ],
+   "events": [
+    {
+     "name": "drop",
+     "sig": "function (source, e, data)\n{\n\n}",
+     "type": "function",
+     "desc": "The function a {@link Roo.dd.DragSource} calls once to notify this drop target that the dragged item has\nbeen dropped on it.  This method has no default implementation and returns false, so you must provide an\nimplementation that does something to process the drop event and returns true so that the drag source's\nrepair action does not run.\n\nIMPORTANT : it should set this.success"
+    },
+    {
+     "name": "enter",
+     "sig": "function (source, e, data)\n{\n\n}",
+     "type": "function",
+     "desc": "The function a {@link Roo.dd.DragSource} calls once to notify this drop target that the source is now over the\ntarget.  This default implementation adds the CSS class specified by overClass (if any) to the drop element\nand returns the dropAllowed config value.  This method should be overridden if drop validation is required.\n\nIMPORTANT : it should set this.overClass and this.dropAllowed"
+    },
+    {
+     "name": "out",
+     "sig": "function (source, e, data)\n{\n\n}",
+     "type": "function",
+     "desc": "The function a {@link Roo.dd.DragSource} calls once to notify this drop target that the source has been dragged\nout of the target without dropping.  This default implementation simply removes the CSS class specified by\noverClass (if any) from the drop element."
+    },
+    {
+     "name": "over",
+     "sig": "function (source, e, data)\n{\n\n}",
+     "type": "function",
+     "desc": "The function a {@link Roo.dd.DragSource} calls continuously while it is being dragged over the target.\nThis method will be called on every mouse movement while the drag source is over the drop target.\nThis default implementation simply returns the dropAllowed config value.\n\nIMPORTANT : it should set this.dropAllowed"
+    }
+   ]
+  },
+  "Roo.dd.DropZone": {
+   "props": [
+    {
+     "name": "overClass",
+     "type": "String",
+     "desc": "The CSS class applied to the drop target element while the drag source is over it (defaults to \"\").",
+     "memberOf": "Roo.dd.DropTarget"
+    },
+    {
+     "name": "ddGroup",
+     "type": "String",
+     "desc": "The drag drop group to handle drop events for",
+     "memberOf": "Roo.dd.DropTarget"
+    },
+    {
+     "name": "dropAllowed",
+     "type": "String",
+     "desc": "The CSS class returned to the drag source when drop is allowed (defaults to \"x-dd-drop-ok\").",
+     "memberOf": "Roo.dd.DropTarget"
+    },
+    {
+     "name": "dropNotAllowed",
+     "type": "String",
+     "desc": "The CSS class returned to the drag source when drop is not allowed (defaults to \"x-dd-drop-nodrop\").",
+     "memberOf": "Roo.dd.DropTarget"
+    },
+    {
+     "name": "success",
+     "type": "boolean",
+     "desc": "set this after drop listener..",
+     "memberOf": "Roo.dd.DropTarget"
+    },
+    {
+     "name": "valid",
+     "type": "boolean|String",
+     "desc": "true/false or string (ok-add/ok-sub/ok/nodrop)\nif the drop point is valid for over/enter..",
+     "memberOf": "Roo.dd.DropTarget"
+    },
+    {
+     "name": "listeners",
+     "type": "Object",
+     "desc": "list of events and functions to call for this object, \nFor example :\n<pre><code>\n    listeners :  { \n       'click' : function(e) {\n           ..... \n        } ,\n        .... \n    } \n  </code></pre>",
+     "memberOf": "Roo.util.Observable"
+    }
+   ],
+   "events": [
+    {
+     "name": "drop",
+     "sig": "function (source, e, data)\n{\n\n}",
+     "type": "function",
+     "desc": "The function a {@link Roo.dd.DragSource} calls once to notify this drop target that the dragged item has\nbeen dropped on it.  This method has no default implementation and returns false, so you must provide an\nimplementation that does something to process the drop event and returns true so that the drag source's\nrepair action does not run.\n\nIMPORTANT : it should set this.success"
+    },
+    {
+     "name": "enter",
+     "sig": "function (source, e, data)\n{\n\n}",
+     "type": "function",
+     "desc": "The function a {@link Roo.dd.DragSource} calls once to notify this drop target that the source is now over the\ntarget.  This default implementation adds the CSS class specified by overClass (if any) to the drop element\nand returns the dropAllowed config value.  This method should be overridden if drop validation is required.\n\nIMPORTANT : it should set this.overClass and this.dropAllowed"
+    },
+    {
+     "name": "out",
+     "sig": "function (source, e, data)\n{\n\n}",
+     "type": "function",
+     "desc": "The function a {@link Roo.dd.DragSource} calls once to notify this drop target that the source has been dragged\nout of the target without dropping.  This default implementation simply removes the CSS class specified by\noverClass (if any) from the drop element."
+    },
+    {
+     "name": "over",
+     "sig": "function (source, e, data)\n{\n\n}",
+     "type": "function",
+     "desc": "The function a {@link Roo.dd.DragSource} calls continuously while it is being dragged over the target.\nThis method will be called on every mouse movement while the drag source is over the drop target.\nThis default implementation simply returns the dropAllowed config value.\n\nIMPORTANT : it should set this.dropAllowed"
+    }
+   ]
+  },
+  "Roo.dd.Registry": {
+   "props": [],
+   "events": []
+  },
+  "Roo.dd.ScrollManager": {
+   "props": [],
+   "events": []
+  },
+  "Roo.dd.StatusProxy": {
+   "props": [
+    {
+     "name": "dropAllowed",
+     "type": "String",
+     "desc": "The CSS class to apply to the status element when drop is allowed (defaults to \"x-dd-drop-ok\").",
+     "memberOf": ""
+    },
+    {
+     "name": "dropNotAllowed",
+     "type": "String",
+     "desc": "The CSS class to apply to the status element when drop is not allowed (defaults to \"x-dd-drop-nodrop\").",
+     "memberOf": ""
+    }
+   ],
+   "events": []
+  },
+  "Roo.form": {
+   "props": [],
+   "events": []
+  },
+  "Roo.form.Action": {
+   "props": [],
+   "events": []
+  },
+  "Roo.form.BasicForm": {
+   "props": [
+    {
+     "name": "method",
+     "type": "String",
+     "desc": "The request method to use (GET or POST) for form actions if one isn't supplied in the action options.",
+     "memberOf": ""
+    },
+    {
+     "name": "reader",
+     "type": "DataReader",
+     "desc": "An Roo.data.DataReader (e.g. {@link Roo.data.XmlReader}) to be used to read data when executing \"load\" actions.\nThis is optional as there is built-in support for processing JSON.",
+     "memberOf": ""
+    },
+    {
+     "name": "errorReader",
+     "type": "DataReader",
+     "desc": "An Roo.data.DataReader (e.g. {@link Roo.data.XmlReader}) to be used to read data when reading validation errors on \"submit\" actions.\nThis is completely optional as there is built-in support for processing JSON.",
+     "memberOf": ""
+    },
+    {
+     "name": "url",
+     "type": "String",
+     "desc": "The URL to use for form actions if one isn't supplied in the action options.",
+     "memberOf": ""
+    },
+    {
+     "name": "fileUpload",
+     "type": "Boolean",
+     "desc": "Set to true if this form is a file upload.",
+     "memberOf": ""
+    },
+    {
+     "name": "baseParams",
+     "type": "Object",
+     "desc": "Parameters to pass with all requests. e.g. baseParams: {id: '123', foo: 'bar'}.",
+     "memberOf": ""
+    },
+    {
+     "name": "timeout",
+     "type": "Number",
+     "desc": "Timeout for form actions in seconds (default is 30 seconds).",
+     "memberOf": ""
+    },
+    {
+     "name": "trackResetOnLoad",
+     "type": "Boolean",
+     "desc": "If set to true, form.reset() resets to the last loaded\nor setValues() data instead of when the form was first created.",
+     "memberOf": ""
+    },
+    {
+     "name": "listeners",
+     "type": "Object",
+     "desc": "list of events and functions to call for this object, \nFor example :\n<pre><code>\n    listeners :  { \n       'click' : function(e) {\n           ..... \n        } ,\n        .... \n    } \n  </code></pre>",
+     "memberOf": "Roo.util.Observable"
+    }
+   ],
+   "events": [
+    {
+     "name": "actioncomplete",
+     "sig": "function (_self, action)\n{\n\n}",
+     "type": "function",
+     "desc": "Fires when an action is completed."
+    },
+    {
+     "name": "actionfailed",
+     "sig": "function (_self, action)\n{\n\n}",
+     "type": "function",
+     "desc": "Fires when an action fails."
+    },
+    {
+     "name": "beforeaction",
+     "sig": "function (_self, action)\n{\n\n}",
+     "type": "function",
+     "desc": "Fires before any action is performed. Return false to cancel the action."
+    }
+   ]
+  },
+  "Roo.form.Checkbox": {
+   "props": [
+    {
+     "name": "focusClass",
+     "type": "String",
+     "desc": "The CSS class to use when the checkbox receives focus (defaults to undefined)",
+     "memberOf": ""
+    },
+    {
+     "name": "fieldClass",
+     "type": "String",
+     "desc": "The default CSS class for the checkbox (defaults to \"x-form-field\")",
+     "memberOf": ""
+    },
+    {
+     "name": "checked",
+     "type": "Boolean",
+     "desc": "True if the the checkbox should render already checked (defaults to false)",
+     "memberOf": ""
+    },
+    {
+     "name": "autoCreate",
+     "type": "String/Object",
+     "desc": "A DomHelper element spec, or true for a default element spec (defaults to\n{tag: \"input\", type: \"checkbox\", autocomplete: \"off\"})",
+     "memberOf": ""
+    },
+    {
+     "name": "boxLabel",
+     "type": "String",
+     "desc": "The text that appears beside the checkbox",
+     "memberOf": ""
+    },
+    {
+     "name": "inputValue",
+     "type": "String",
+     "desc": "The value that should go into the generated input element's value attribute",
+     "memberOf": ""
+    },
+    {
+     "name": "valueOff",
+     "type": "String",
+     "desc": "The value that should go into the generated input element's value when unchecked.",
+     "memberOf": ""
+    },
+    {
+     "name": "fieldLabel",
+     "type": "String",
+     "desc": "Label to use when rendering a form.",
+     "memberOf": "Roo.form.Field"
+    },
+    {
+     "name": "qtip",
+     "type": "String",
+     "desc": "Mouse over tip",
+     "memberOf": "Roo.form.Field"
+    },
+    {
+     "name": "name",
+     "type": "String",
+     "desc": "The field's HTML name attribute.",
+     "memberOf": "Roo.form.Field"
+    },
+    {
+     "name": "invalidClass",
+     "type": "String",
+     "desc": "The CSS class to use when marking a field invalid (defaults to \"x-form-invalid\")",
+     "memberOf": "Roo.form.Field"
+    },
+    {
+     "name": "invalidText",
+     "type": "String",
+     "desc": "The error text to use when marking a field invalid and no message is provided (defaults to \"The value in this field is invalid\")",
+     "memberOf": "Roo.form.Field"
+    },
+    {
+     "name": "validationEvent",
+     "type": "String/Boolean",
+     "desc": "The event that should initiate field validation. Set to false to disable\n      automatic validation (defaults to \"keyup\").",
+     "memberOf": "Roo.form.Field"
+    },
+    {
+     "name": "validateOnBlur",
+     "type": "Boolean",
+     "desc": "Whether the field should validate when it loses focus (defaults to true).",
+     "memberOf": "Roo.form.Field"
+    },
+    {
+     "name": "validationDelay",
+     "type": "Number",
+     "desc": "The length of time in milliseconds after user input begins until validation is initiated (defaults to 250)",
+     "memberOf": "Roo.form.Field"
+    },
+    {
+     "name": "msgTarget",
+     "type": "String",
+     "desc": "The location where error text should display.  Should be one of the following values (defaults to 'qtip'):\n<pre>\nValue         Description\n-----------   ----------------------------------------------------------------------\nqtip          Display a quick tip when the user hovers over the field\ntitle         Display a default browser title attribute popup\nunder         Add a block div beneath the field containing the error text\nside          Add an error icon to the right of the field with a popup on hover\n[element id]  Add the error text directly to the innerHTML of the specified element\n</pre>",
+     "memberOf": "Roo.form.Field"
+    },
+    {
+     "name": "msgFx",
+     "type": "String",
+     "desc": "<b>Experimental</b> The effect used when displaying a validation message under the field (defaults to 'normal').",
+     "memberOf": "Roo.form.Field"
+    },
+    {
+     "name": "readOnly",
+     "type": "Boolean",
+     "desc": "True to mark the field as readOnly in HTML (defaults to false) -- Note: this only sets the element's readOnly DOM attribute.",
+     "memberOf": "Roo.form.Field"
+    },
+    {
+     "name": "disabled",
+     "type": "Boolean",
+     "desc": "True to disable the field (defaults to false).",
+     "memberOf": "Roo.form.Field"
+    },
+    {
+     "name": "inputType",
+     "type": "String",
+     "desc": "The type attribute for input fields -- e.g. radio, text, password (defaults to \"text\").",
+     "memberOf": "Roo.form.Field"
+    },
+    {
+     "name": "tabIndex",
+     "type": "Number",
+     "desc": "The tabIndex for this field. Note this only applies to fields that are rendered, not those which are built via applyTo (defaults to undefined).",
+     "memberOf": "Roo.form.Field"
+    },
+    {
+     "name": "value",
+     "type": "Mixed",
+     "desc": "A value to initialize this field with.",
+     "memberOf": "Roo.form.Field"
+    },
+    {
+     "name": "cls",
+     "type": "String",
+     "desc": "A CSS class to apply to the field's underlying element.",
+     "memberOf": "Roo.form.Field"
+    },
+    {
+     "name": "width",
+     "type": "Number",
+     "desc": "width (optional) size of component",
+     "memberOf": "Roo.BoxComponent"
+    },
+    {
+     "name": "height",
+     "type": "Number",
+     "desc": "height (optional) size of component",
+     "memberOf": "Roo.BoxComponent"
+    },
+    {
+     "name": "disableClass",
+     "type": "String",
+     "desc": "CSS class added to the component when it is disabled (defaults to \"x-item-disabled\").",
+     "memberOf": "Roo.Component"
+    },
+    {
+     "name": "allowDomMove",
+     "type": "Boolean",
+     "desc": "Whether the component can move the Dom node when rendering (defaults to true).",
+     "memberOf": "Roo.Component"
+    },
+    {
+     "name": "hideMode",
+     "type": "String",
+     "desc": "How this component should hidden. Supported values are\n\"visibility\" (css visibility), \"offsets\" (negative offset position) and\n\"display\" (css display) - defaults to \"display\".",
+     "memberOf": "Roo.Component"
+    },
+    {
+     "name": "actionMode",
+     "type": "String",
+     "desc": "which property holds the element that used for  hide() / show() / disable() / enable()\ndefault is 'el'",
+     "memberOf": "Roo.Component"
+    },
+    {
+     "name": "listeners",
+     "type": "Object",
+     "desc": "list of events and functions to call for this object, \nFor example :\n<pre><code>\n    listeners :  { \n       'click' : function(e) {\n           ..... \n        } ,\n        .... \n    } \n  </code></pre>",
+     "memberOf": "Roo.util.Observable"
+    }
+   ],
+   "events": [
+    {
+     "name": "beforedestroy",
+     "sig": "function (_self)\n{\n\n}",
+     "type": "function",
+     "desc": "Fires before the component is destroyed. Return false to stop the destroy."
+    },
+    {
+     "name": "beforehide",
+     "sig": "function (_self)\n{\n\n}",
+     "type": "function",
+     "desc": "Fires before the component is hidden. Return false to stop the hide."
+    },
+    {
+     "name": "beforerender",
+     "sig": "function (_self)\n{\n\n}",
+     "type": "function",
+     "desc": "Fires before the component is rendered. Return false to stop the render."
+    },
+    {
+     "name": "beforeshow",
+     "sig": "function (_self)\n{\n\n}",
+     "type": "function",
+     "desc": "Fires before the component is shown.  Return false to stop the show."
+    },
+    {
+     "name": "blur",
+     "sig": "function (_self)\n{\n\n}",
+     "type": "function",
+     "desc": "Fires when this field loses input focus."
+    },
+    {
+     "name": "change",
+     "sig": "function (_self, newValue, oldValue)\n{\n\n}",
+     "type": "function",
+     "desc": "Fires just before the field blurs if the field value has changed."
+    },
+    {
+     "name": "check",
+     "sig": "function (_self, checked)\n{\n\n}",
+     "type": "function",
+     "desc": "Fires when the checkbox is checked or unchecked."
+    },
+    {
+     "name": "destroy",
+     "sig": "function (_self)\n{\n\n}",
+     "type": "function",
+     "desc": "Fires after the component is destroyed."
+    },
+    {
+     "name": "disable",
+     "sig": "function (_self)\n{\n\n}",
+     "type": "function",
+     "desc": "Fires after the component is disabled."
+    },
+    {
+     "name": "enable",
+     "sig": "function (_self)\n{\n\n}",
+     "type": "function",
+     "desc": "Fires after the component is enabled."
+    },
+    {
+     "name": "focus",
+     "sig": "function (_self)\n{\n\n}",
+     "type": "function",
+     "desc": "Fires when this field receives input focus."
+    },
+    {
+     "name": "hide",
+     "sig": "function (_self)\n{\n\n}",
+     "type": "function",
+     "desc": "Fires after the component is hidden."
+    },
+    {
+     "name": "invalid",
+     "sig": "function (_self, msg)\n{\n\n}",
+     "type": "function",
+     "desc": "Fires after the field has been marked as invalid."
+    },
+    {
+     "name": "keyup",
+     "sig": "function (_self, e)\n{\n\n}",
+     "type": "function",
+     "desc": "Fires after the key up"
+    },
+    {
+     "name": "move",
+     "sig": "function (_self, x, y)\n{\n\n}",
+     "type": "function",
+     "desc": "Fires after the component is moved."
+    },
+    {
+     "name": "render",
+     "sig": "function (_self)\n{\n\n}",
+     "type": "function",
+     "desc": "Fires after the component is rendered."
+    },
+    {
+     "name": "resize",
+     "sig": "function (_self, adjWidth, adjHeight, rawWidth, rawHeight)\n{\n\n}",
+     "type": "function",
+     "desc": "Fires after the component is resized."
+    },
+    {
+     "name": "show",
+     "sig": "function (_self)\n{\n\n}",
+     "type": "function",
+     "desc": "Fires after the component is shown."
+    },
+    {
+     "name": "specialkey",
+     "sig": "function (_self, e)\n{\n\n}",
+     "type": "function",
+     "desc": "Fires when any key related to navigation (arrows, tab, enter, esc, etc.) is pressed.  You can check\n{@link Roo.EventObject#getKey} to determine which key was pressed."
+    },
+    {
+     "name": "valid",
+     "sig": "function (_self)\n{\n\n}",
+     "type": "function",
+     "desc": "Fires after the field has been validated with no errors."
+    }
+   ]
+  },
+  "Roo.form.Column": {
+   "props": [
+    {
+     "name": "width",
+     "type": "Number/String",
+     "desc": "The fixed width of the column in pixels or CSS value (defaults to \"auto\")",
+     "memberOf": ""
+    },
+    {
+     "name": "autoCreate",
+     "type": "String/Object",
+     "desc": "A DomHelper element spec used to autocreate the column (defaults to {tag: 'div', cls: 'x-form-ct x-form-column'})",
+     "memberOf": ""
+    },
+    {
+     "name": "style",
+     "type": "String/Object/Function",
+     "desc": "A style specification string, e.g. \"width:100px\", or object in the form {width:\"100px\"}, or\na function which returns such a specification.",
+     "memberOf": "Roo.form.Layout"
+    },
+    {
+     "name": "labelAlign",
+     "type": "String",
+     "desc": "Valid values are \"left,\" \"top\" and \"right\" (defaults to \"left\")",
+     "memberOf": "Roo.form.Layout"
+    },
+    {
+     "name": "labelWidth",
+     "type": "Number",
+     "desc": "Fixed width in pixels of all field labels (defaults to undefined)",
+     "memberOf": "Roo.form.Layout"
+    },
+    {
+     "name": "clear",
+     "type": "Boolean",
+     "desc": "True to add a clearing element at the end of this layout, equivalent to CSS clear: both (defaults to true)",
+     "memberOf": "Roo.form.Layout"
+    },
+    {
+     "name": "labelSeparator",
+     "type": "String",
+     "desc": "The separator to use after field labels (defaults to ':')",
+     "memberOf": "Roo.form.Layout"
+    },
+    {
+     "name": "hideLabels",
+     "type": "Boolean",
+     "desc": "True to suppress the display of field labels in this layout (defaults to false)",
+     "memberOf": "Roo.form.Layout"
+    },
+    {
+     "name": "disableClass",
+     "type": "String",
+     "desc": "CSS class added to the component when it is disabled (defaults to \"x-item-disabled\").",
+     "memberOf": "Roo.Component"
+    },
+    {
+     "name": "allowDomMove",
+     "type": "Boolean",
+     "desc": "Whether the component can move the Dom node when rendering (defaults to true).",
+     "memberOf": "Roo.Component"
+    },
+    {
+     "name": "hideMode",
+     "type": "String",
+     "desc": "How this component should hidden. Supported values are\n\"visibility\" (css visibility), \"offsets\" (negative offset position) and\n\"display\" (css display) - defaults to \"display\".",
+     "memberOf": "Roo.Component"
+    },
+    {
+     "name": "actionMode",
+     "type": "String",
+     "desc": "which property holds the element that used for  hide() / show() / disable() / enable()\ndefault is 'el'",
+     "memberOf": "Roo.Component"
+    },
+    {
+     "name": "listeners",
+     "type": "Object",
+     "desc": "list of events and functions to call for this object, \nFor example :\n<pre><code>\n    listeners :  { \n       'click' : function(e) {\n           ..... \n        } ,\n        .... \n    } \n  </code></pre>",
+     "memberOf": "Roo.util.Observable"
+    }
+   ],
+   "events": [
+    {
+     "name": "beforedestroy",
+     "sig": "function (_self)\n{\n\n}",
+     "type": "function",
+     "desc": "Fires before the component is destroyed. Return false to stop the destroy."
+    },
+    {
+     "name": "beforehide",
+     "sig": "function (_self)\n{\n\n}",
+     "type": "function",
+     "desc": "Fires before the component is hidden. Return false to stop the hide."
+    },
+    {
+     "name": "beforerender",
+     "sig": "function (_self)\n{\n\n}",
+     "type": "function",
+     "desc": "Fires before the component is rendered. Return false to stop the render."
+    },
+    {
+     "name": "beforeshow",
+     "sig": "function (_self)\n{\n\n}",
+     "type": "function",
+     "desc": "Fires before the component is shown.  Return false to stop the show."
+    },
+    {
+     "name": "destroy",
+     "sig": "function (_self)\n{\n\n}",
+     "type": "function",
+     "desc": "Fires after the component is destroyed."
+    },
+    {
+     "name": "disable",
+     "sig": "function (_self)\n{\n\n}",
+     "type": "function",
+     "desc": "Fires after the component is disabled."
+    },
+    {
+     "name": "enable",
+     "sig": "function (_self)\n{\n\n}",
+     "type": "function",
+     "desc": "Fires after the component is enabled."
+    },
+    {
+     "name": "hide",
+     "sig": "function (_self)\n{\n\n}",
+     "type": "function",
+     "desc": "Fires after the component is hidden."
+    },
+    {
+     "name": "render",
+     "sig": "function (_self)\n{\n\n}",
+     "type": "function",
+     "desc": "Fires after the component is rendered."
+    },
+    {
+     "name": "show",
+     "sig": "function (_self)\n{\n\n}",
+     "type": "function",
+     "desc": "Fires after the component is shown."
+    }
+   ]
+  },
+  "Roo.form.ComboBox": {
+   "props": [
+    {
+     "name": "transform",
+     "type": "String/HTMLElement/Element",
+     "desc": "The id, DOM node or element of an existing select to convert to a ComboBox",
+     "memberOf": ""
+    },
+    {
+     "name": "lazyRender",
+     "type": "Boolean",
+     "desc": "True to prevent the ComboBox from rendering until requested (should always be used when\nrendering into an Roo.Editor, defaults to false)",
+     "memberOf": ""
+    },
+    {
+     "name": "autoCreate",
+     "type": "Boolean/Object",
+     "desc": "A DomHelper element spec, or true for a default element spec (defaults to:\n{tag: \"input\", type: \"text\", size: \"24\", autocomplete: \"off\"})",
+     "memberOf": ""
+    },
+    {
+     "name": "store",
+     "type": "Roo.data.Store",
+     "desc": "The data store to which this combo is bound (defaults to undefined)",
+     "memberOf": ""
+    },
+    {
+     "name": "title",
+     "type": "String",
+     "desc": "If supplied, a header element is created containing this text and added into the top of\nthe dropdown list (defaults to undefined, with no header element)",
+     "memberOf": ""
+    },
+    {
+     "name": "grow",
+     "type": "Boolean",
+     "desc": "",
+     "memberOf": ""
+    },
+    {
+     "name": "growMin",
+     "type": "Number",
+     "desc": "",
+     "memberOf": ""
+    },
+    {
+     "name": "growMax",
+     "type": "Number",
+     "desc": "",
+     "memberOf": ""
+    },
+    {
+     "name": "tpl",
+     "type": "String/Roo.Template",
+     "desc": "The template to use to render the output",
+     "memberOf": ""
+    },
+    {
+     "name": "listWidth",
+     "type": "Number",
+     "desc": "The width in pixels of the dropdown list (defaults to the width of the ComboBox field)",
+     "memberOf": ""
+    },
+    {
+     "name": "displayField",
+     "type": "String",
+     "desc": "The underlying data field name to bind to this CombBox (defaults to undefined if\nmode = 'remote' or 'text' if mode = 'local')",
+     "memberOf": ""
+    },
+    {
+     "name": "valueField",
+     "type": "String",
+     "desc": "The underlying data value name to bind to this CombBox (defaults to undefined if\nmode = 'remote' or 'value' if mode = 'local'). \nNote: use of a valueField requires the user make a selection\nin order for a value to be mapped.",
+     "memberOf": ""
+    },
+    {
+     "name": "hiddenName",
+     "type": "String",
+     "desc": "If specified, a hidden form field with this name is dynamically generated to store the\nfield's data value (defaults to the underlying DOM element's name)",
+     "memberOf": ""
+    },
+    {
+     "name": "listClass",
+     "type": "String",
+     "desc": "CSS class to apply to the dropdown list element (defaults to '')",
+     "memberOf": ""
+    },
+    {
+     "name": "selectedClass",
+     "type": "String",
+     "desc": "CSS class to apply to the selected item in the dropdown list (defaults to 'x-combo-selected')",
+     "memberOf": ""
+    },
+    {
+     "name": "triggerClass",
+     "type": "String",
+     "desc": "An additional CSS class used to style the trigger button.  The trigger will always get the\nclass 'x-form-trigger' and triggerClass will be <b>appended</b> if specified (defaults to 'x-form-arrow-trigger'\nwhich displays a downward arrow icon).",
+     "memberOf": ""
+    },
+    {
+     "name": "shadow",
+     "type": "Boolean/String",
+     "desc": "True or \"sides\" for the default effect, \"frame\" for 4-way shadow, and \"drop\" for bottom-right",
+     "memberOf": ""
+    },
+    {
+     "name": "listAlign",
+     "type": "String",
+     "desc": "A valid anchor position value. See {@link Roo.Element#alignTo} for details on supported\nanchor positions (defaults to 'tl-bl')",
+     "memberOf": ""
+    },
+    {
+     "name": "maxHeight",
+     "type": "Number",
+     "desc": "The maximum height in pixels of the dropdown list before scrollbars are shown (defaults to 300)",
+     "memberOf": ""
+    },
+    {
+     "name": "triggerAction",
+     "type": "String",
+     "desc": "The action to execute when the trigger field is activated.  Use 'all' to run the\nquery specified by the allQuery config option (defaults to 'query')",
+     "memberOf": ""
+    },
+    {
+     "name": "minChars",
+     "type": "Number",
+     "desc": "The minimum number of characters the user must type before autocomplete and typeahead activate\n(defaults to 4, does not apply if editable = false)",
+     "memberOf": ""
+    },
+    {
+     "name": "typeAhead",
+     "type": "Boolean",
+     "desc": "True to populate and autoselect the remainder of the text being typed after a configurable\ndelay (typeAheadDelay) if it matches a known value (defaults to false)",
+     "memberOf": ""
+    },
+    {
+     "name": "queryDelay",
+     "type": "Number",
+     "desc": "The length of time in milliseconds to delay between the start of typing and sending the\nquery to filter the dropdown list (defaults to 500 if mode = 'remote' or 10 if mode = 'local')",
+     "memberOf": ""
+    },
+    {
+     "name": "pageSize",
+     "type": "Number",
+     "desc": "If greater than 0, a paging toolbar is displayed in the footer of the dropdown list and the\nfilter queries will execute with page start and limit parameters.  Only applies when mode = 'remote' (defaults to 0)",
+     "memberOf": ""
+    },
+    {
+     "name": "selectOnFocus",
+     "type": "Boolean",
+     "desc": "True to select any existing text in the field immediately on focus.  Only applies\nwhen editable = true (defaults to false)",
+     "memberOf": ""
+    },
+    {
+     "name": "queryParam",
+     "type": "String",
+     "desc": "Name of the query as it will be passed on the querystring (defaults to 'query')",
+     "memberOf": ""
+    },
+    {
+     "name": "loadingText",
+     "type": "String",
+     "desc": "The text to display in the dropdown list while data is loading.  Only applies\nwhen mode = 'remote' (defaults to 'Loading...')",
+     "memberOf": ""
+    },
+    {
+     "name": "resizable",
+     "type": "Boolean",
+     "desc": "True to add a resize handle to the bottom of the dropdown list (defaults to false)",
+     "memberOf": ""
+    },
+    {
+     "name": "handleHeight",
+     "type": "Number",
+     "desc": "The height in pixels of the dropdown list resize handle if resizable = true (defaults to 8)",
+     "memberOf": ""
+    },
+    {
+     "name": "editable",
+     "type": "Boolean",
+     "desc": "False to prevent the user from typing text directly into the field, just like a\ntraditional select (defaults to true)",
+     "memberOf": ""
+    },
+    {
+     "name": "allQuery",
+     "type": "String",
+     "desc": "The text query to send to the server to return all records for the list with no filtering (defaults to '')",
+     "memberOf": ""
+    },
+    {
+     "name": "mode",
+     "type": "String",
+     "desc": "Set to 'local' if the ComboBox loads local data (defaults to 'remote' which loads from the server)",
+     "memberOf": ""
+    },
+    {
+     "name": "minListWidth",
+     "type": "Number",
+     "desc": "The minimum width of the dropdown list in pixels (defaults to 70, will be ignored if\nlistWidth has a higher value)",
+     "memberOf": ""
+    },
+    {
+     "name": "forceSelection",
+     "type": "Boolean",
+     "desc": "True to restrict the selected value to one of the values in the list, false to\nallow the user to set arbitrary text into the field (defaults to false)",
+     "memberOf": ""
+    },
+    {
+     "name": "typeAheadDelay",
+     "type": "Number",
+     "desc": "The length of time in milliseconds to wait until the typeahead text is displayed\nif typeAhead = true (defaults to 250)",
+     "memberOf": ""
+    },
+    {
+     "name": "valueNotFoundText",
+     "type": "String",
+     "desc": "When using a name/value combo, if the value passed to setValue is not found in\nthe store, valueNotFoundText will be displayed as the field text if defined (defaults to undefined)",
+     "memberOf": ""
+    },
+    {
+     "name": "blockFocus",
+     "type": "Boolean",
+     "desc": "Prevents all focus calls, so it can work with things like HTML edtor bar",
+     "memberOf": ""
+    },
+    {
+     "name": "disableClear",
+     "type": "Boolean",
+     "desc": "Disable showing of clear button.",
+     "memberOf": ""
+    },
+    {
+     "name": "alwaysQuery",
+     "type": "Boolean",
+     "desc": "Disable caching of results, and always send query",
+     "memberOf": ""
+    },
+    {
+     "name": "hideTrigger",
+     "type": "Boolean",
+     "desc": "True to hide the trigger element and display only the base text field (defaults to false)",
+     "memberOf": "Roo.form.TriggerField"
+    },
+    {
+     "name": "vtype",
+     "type": "String",
+     "desc": "A validation type name as defined in {@link Roo.form.VTypes} (defaults to null)",
+     "memberOf": "Roo.form.TextField"
+    },
+    {
+     "name": "maskRe",
+     "type": "String",
+     "desc": "An input mask regular expression that will be used to filter keystrokes that don't match (defaults to null)",
+     "memberOf": "Roo.form.TextField"
+    },
+    {
+     "name": "disableKeyFilter",
+     "type": "Boolean",
+     "desc": "True to disable input keystroke filtering (defaults to false)",
+     "memberOf": "Roo.form.TextField"
+    },
+    {
+     "name": "allowBlank",
+     "type": "Boolean",
+     "desc": "False to validate that the value length > 0 (defaults to true)",
+     "memberOf": "Roo.form.TextField"
+    },
+    {
+     "name": "minLength",
+     "type": "Number",
+     "desc": "Minimum input field length required (defaults to 0)",
+     "memberOf": "Roo.form.TextField"
+    },
+    {
+     "name": "maxLength",
+     "type": "Number",
+     "desc": "Maximum input field length allowed (defaults to Number.MAX_VALUE)",
+     "memberOf": "Roo.form.TextField"
+    },
+    {
+     "name": "minLengthText",
+     "type": "String",
+     "desc": "Error text to display if the minimum length validation fails (defaults to \"The minimum length for this field is {minLength}\")",
+     "memberOf": "Roo.form.TextField"
+    },
+    {
+     "name": "maxLengthText",
+     "type": "String",
+     "desc": "Error text to display if the maximum length validation fails (defaults to \"The maximum length for this field is {maxLength}\")",
+     "memberOf": "Roo.form.TextField"
+    },
+    {
+     "name": "blankText",
+     "type": "String",
+     "desc": "Error text to display if the allow blank validation fails (defaults to \"This field is required\")",
+     "memberOf": "Roo.form.TextField"
+    },
+    {
+     "name": "validator",
+     "type": "Function",
+     "desc": "A custom validation function to be called during field validation (defaults to null).\nIf available, this function will be called only after the basic validators all return true, and will be passed the\ncurrent field value and expected to return boolean true if the value is valid or a string error message if invalid.",
+     "memberOf": "Roo.form.TextField"
+    },
+    {
+     "name": "regex",
+     "type": "RegExp",
+     "desc": "A JavaScript RegExp object to be tested against the field value during validation (defaults to null).\nIf available, this regex will be evaluated only after the basic validators all return true, and will be passed the\ncurrent field value.  If the test fails, the field will be marked invalid using {@link #regexText}.",
+     "memberOf": "Roo.form.TextField"
+    },
+    {
+     "name": "regexText",
+     "type": "String",
+     "desc": "The error text to display if {@link #regex} is used and the test fails during validation (defaults to \"\")",
+     "memberOf": "Roo.form.TextField"
+    },
+    {
+     "name": "emptyText",
+     "type": "String",
+     "desc": "The default text to display in an empty field - placeholder... (defaults to null).",
+     "memberOf": "Roo.form.TextField"
+    },
+    {
+     "name": "fieldLabel",
+     "type": "String",
+     "desc": "Label to use when rendering a form.",
+     "memberOf": "Roo.form.Field"
+    },
+    {
+     "name": "qtip",
+     "type": "String",
+     "desc": "Mouse over tip",
+     "memberOf": "Roo.form.Field"
+    },
+    {
+     "name": "name",
+     "type": "String",
+     "desc": "The field's HTML name attribute.",
+     "memberOf": "Roo.form.Field"
+    },
+    {
+     "name": "invalidClass",
+     "type": "String",
+     "desc": "The CSS class to use when marking a field invalid (defaults to \"x-form-invalid\")",
+     "memberOf": "Roo.form.Field"
+    },
+    {
+     "name": "invalidText",
+     "type": "String",
+     "desc": "The error text to use when marking a field invalid and no message is provided (defaults to \"The value in this field is invalid\")",
+     "memberOf": "Roo.form.Field"
+    },
+    {
+     "name": "focusClass",
+     "type": "String",
+     "desc": "The CSS class to use when the field receives focus (defaults to \"x-form-focus\")",
+     "memberOf": "Roo.form.Field"
+    },
+    {
+     "name": "validationEvent",
+     "type": "String/Boolean",
+     "desc": "The event that should initiate field validation. Set to false to disable\n      automatic validation (defaults to \"keyup\").",
+     "memberOf": "Roo.form.Field"
+    },
+    {
+     "name": "validateOnBlur",
+     "type": "Boolean",
+     "desc": "Whether the field should validate when it loses focus (defaults to true).",
+     "memberOf": "Roo.form.Field"
+    },
+    {
+     "name": "validationDelay",
+     "type": "Number",
+     "desc": "The length of time in milliseconds after user input begins until validation is initiated (defaults to 250)",
+     "memberOf": "Roo.form.Field"
+    },
+    {
+     "name": "fieldClass",
+     "type": "String",
+     "desc": "The default CSS class for the field (defaults to \"x-form-field\")",
+     "memberOf": "Roo.form.Field"
+    },
+    {
+     "name": "msgTarget",
+     "type": "String",
+     "desc": "The location where error text should display.  Should be one of the following values (defaults to 'qtip'):\n<pre>\nValue         Description\n-----------   ----------------------------------------------------------------------\nqtip          Display a quick tip when the user hovers over the field\ntitle         Display a default browser title attribute popup\nunder         Add a block div beneath the field containing the error text\nside          Add an error icon to the right of the field with a popup on hover\n[element id]  Add the error text directly to the innerHTML of the specified element\n</pre>",
+     "memberOf": "Roo.form.Field"
+    },
+    {
+     "name": "msgFx",
+     "type": "String",
+     "desc": "<b>Experimental</b> The effect used when displaying a validation message under the field (defaults to 'normal').",
+     "memberOf": "Roo.form.Field"
+    },
+    {
+     "name": "readOnly",
+     "type": "Boolean",
+     "desc": "True to mark the field as readOnly in HTML (defaults to false) -- Note: this only sets the element's readOnly DOM attribute.",
+     "memberOf": "Roo.form.Field"
+    },
+    {
+     "name": "disabled",
+     "type": "Boolean",
+     "desc": "True to disable the field (defaults to false).",
+     "memberOf": "Roo.form.Field"
+    },
+    {
+     "name": "inputType",
+     "type": "String",
+     "desc": "The type attribute for input fields -- e.g. radio, text, password (defaults to \"text\").",
+     "memberOf": "Roo.form.Field"
+    },
+    {
+     "name": "tabIndex",
+     "type": "Number",
+     "desc": "The tabIndex for this field. Note this only applies to fields that are rendered, not those which are built via applyTo (defaults to undefined).",
+     "memberOf": "Roo.form.Field"
+    },
+    {
+     "name": "value",
+     "type": "Mixed",
+     "desc": "A value to initialize this field with.",
+     "memberOf": "Roo.form.Field"
+    },
+    {
+     "name": "cls",
+     "type": "String",
+     "desc": "A CSS class to apply to the field's underlying element.",
+     "memberOf": "Roo.form.Field"
+    },
+    {
+     "name": "width",
+     "type": "Number",
+     "desc": "width (optional) size of component",
+     "memberOf": "Roo.BoxComponent"
+    },
+    {
+     "name": "height",
+     "type": "Number",
+     "desc": "height (optional) size of component",
+     "memberOf": "Roo.BoxComponent"
+    },
+    {
+     "name": "disableClass",
+     "type": "String",
+     "desc": "CSS class added to the component when it is disabled (defaults to \"x-item-disabled\").",
+     "memberOf": "Roo.Component"
+    },
+    {
+     "name": "allowDomMove",
+     "type": "Boolean",
+     "desc": "Whether the component can move the Dom node when rendering (defaults to true).",
+     "memberOf": "Roo.Component"
+    },
+    {
+     "name": "hideMode",
+     "type": "String",
+     "desc": "How this component should hidden. Supported values are\n\"visibility\" (css visibility), \"offsets\" (negative offset position) and\n\"display\" (css display) - defaults to \"display\".",
+     "memberOf": "Roo.Component"
+    },
+    {
+     "name": "actionMode",
+     "type": "String",
+     "desc": "which property holds the element that used for  hide() / show() / disable() / enable()\ndefault is 'el'",
+     "memberOf": "Roo.Component"
+    },
+    {
+     "name": "listeners",
+     "type": "Object",
+     "desc": "list of events and functions to call for this object, \nFor example :\n<pre><code>\n    listeners :  { \n       'click' : function(e) {\n           ..... \n        } ,\n        .... \n    } \n  </code></pre>",
+     "memberOf": "Roo.util.Observable"
+    }
+   ],
+   "events": [
+    {
+     "name": "add",
+     "sig": "function (combo)\n{\n\n}",
+     "type": "function",
+     "desc": "Fires when the 'add' icon is pressed (add a listener to enable add button)"
+    },
+    {
+     "name": "autosize",
+     "sig": "function (_self, width)\n{\n\n}",
+     "type": "function",
+     "desc": "Fires when the autosize function is triggered.  The field may or may not have actually changed size\naccording to the default logic, but this event provides a hook for the developer to apply additional\nlogic at runtime to resize the field if needed."
+    },
+    {
+     "name": "beforedestroy",
+     "sig": "function (_self)\n{\n\n}",
+     "type": "function",
+     "desc": "Fires before the component is destroyed. Return false to stop the destroy."
+    },
+    {
+     "name": "beforehide",
+     "sig": "function (_self)\n{\n\n}",
+     "type": "function",
+     "desc": "Fires before the component is hidden. Return false to stop the hide."
+    },
+    {
+     "name": "beforequery",
+     "sig": "function (combo, query, forceAll, cancel, e)\n{\n\n}",
+     "type": "function",
+     "desc": "Fires before all queries are processed. Return false to cancel the query or set cancel to true.\nThe event object passed has these properties:"
+    },
+    {
+     "name": "beforerender",
+     "sig": "function (_self)\n{\n\n}",
+     "type": "function",
+     "desc": "Fires before the component is rendered. Return false to stop the render."
+    },
+    {
+     "name": "beforeselect",
+     "sig": "function (combo, record, index)\n{\n\n}",
+     "type": "function",
+     "desc": "Fires before a list item is selected. Return false to cancel the selection."
+    },
+    {
+     "name": "beforeshow",
+     "sig": "function (_self)\n{\n\n}",
+     "type": "function",
+     "desc": "Fires before the component is shown.  Return false to stop the show."
+    },
+    {
+     "name": "blur",
+     "sig": "function (_self)\n{\n\n}",
+     "type": "function",
+     "desc": "Fires when this field loses input focus."
+    },
+    {
+     "name": "change",
+     "sig": "function (_self, newValue, oldValue)\n{\n\n}",
+     "type": "function",
+     "desc": "Fires just before the field blurs if the field value has changed."
+    },
+    {
+     "name": "collapse",
+     "sig": "function (combo)\n{\n\n}",
+     "type": "function",
+     "desc": "Fires when the dropdown list is collapsed"
+    },
+    {
+     "name": "destroy",
+     "sig": "function (_self)\n{\n\n}",
+     "type": "function",
+     "desc": "Fires after the component is destroyed."
+    },
+    {
+     "name": "disable",
+     "sig": "function (_self)\n{\n\n}",
+     "type": "function",
+     "desc": "Fires after the component is disabled."
+    },
+    {
+     "name": "edit",
+     "sig": "function (combo, record)\n{\n\n}",
+     "type": "function",
+     "desc": "Fires when the 'edit' icon is pressed (add a listener to enable add button)"
+    },
+    {
+     "name": "enable",
+     "sig": "function (_self)\n{\n\n}",
+     "type": "function",
+     "desc": "Fires after the component is enabled."
+    },
+    {
+     "name": "expand",
+     "sig": "function (combo)\n{\n\n}",
+     "type": "function",
+     "desc": "Fires when the dropdown list is expanded"
+    },
+    {
+     "name": "focus",
+     "sig": "function (_self)\n{\n\n}",
+     "type": "function",
+     "desc": "Fires when this field receives input focus."
+    },
+    {
+     "name": "hide",
+     "sig": "function (_self)\n{\n\n}",
+     "type": "function",
+     "desc": "Fires after the component is hidden."
+    },
+    {
+     "name": "invalid",
+     "sig": "function (_self, msg)\n{\n\n}",
+     "type": "function",
+     "desc": "Fires after the field has been marked as invalid."
+    },
+    {
+     "name": "keyup",
+     "sig": "function (_self, e)\n{\n\n}",
+     "type": "function",
+     "desc": "Fires after the key up"
+    },
+    {
+     "name": "move",
+     "sig": "function (_self, x, y)\n{\n\n}",
+     "type": "function",
+     "desc": "Fires after the component is moved."
+    },
+    {
+     "name": "render",
+     "sig": "function (_self)\n{\n\n}",
+     "type": "function",
+     "desc": "Fires after the component is rendered."
+    },
+    {
+     "name": "resize",
+     "sig": "function (_self, adjWidth, adjHeight, rawWidth, rawHeight)\n{\n\n}",
+     "type": "function",
+     "desc": "Fires after the component is resized."
+    },
+    {
+     "name": "select",
+     "sig": "function (combo, record, index)\n{\n\n}",
+     "type": "function",
+     "desc": "Fires when a list item is selected"
+    },
+    {
+     "name": "show",
+     "sig": "function (_self)\n{\n\n}",
+     "type": "function",
+     "desc": "Fires after the component is shown."
+    },
+    {
+     "name": "specialkey",
+     "sig": "function (_self, e)\n{\n\n}",
+     "type": "function",
+     "desc": "Fires when any key related to navigation (arrows, tab, enter, esc, etc.) is pressed.  You can check\n{@link Roo.EventObject#getKey} to determine which key was pressed."
+    },
+    {
+     "name": "valid",
+     "sig": "function (_self)\n{\n\n}",
+     "type": "function",
+     "desc": "Fires after the field has been validated with no errors."
+    }
+   ]
+  },
+  "Roo.form.ComboBoxArray": {
+   "props": [
+    {
+     "name": "combo",
+     "type": "Roo.form.Combo",
+     "desc": "The combo box that is wrapped",
+     "memberOf": ""
+    },
+    {
+     "name": "width",
+     "type": "Number",
+     "desc": "The width of the box that displays the selected element",
+     "memberOf": ""
+    },
+    {
+     "name": "name",
+     "type": "String",
+     "desc": "The name of the visable items on this form (eg. titles not ids)",
+     "memberOf": ""
+    },
+    {
+     "name": "hiddenName",
+     "type": "String",
+     "desc": "The hidden name of the field, often contains an comma seperated list of names",
+     "memberOf": ""
+    },
+    {
+     "name": "grow",
+     "type": "Boolean",
+     "desc": "True if this field should automatically grow and shrink to its content",
+     "memberOf": "Roo.form.TextField"
+    },
+    {
+     "name": "growMin",
+     "type": "Number",
+     "desc": "The minimum width to allow when grow = true (defaults to 30)",
+     "memberOf": "Roo.form.TextField"
+    },
+    {
+     "name": "growMax",
+     "type": "Number",
+     "desc": "The maximum width to allow when grow = true (defaults to 800)",
+     "memberOf": "Roo.form.TextField"
+    },
+    {
+     "name": "vtype",
+     "type": "String",
+     "desc": "A validation type name as defined in {@link Roo.form.VTypes} (defaults to null)",
+     "memberOf": "Roo.form.TextField"
+    },
+    {
+     "name": "maskRe",
+     "type": "String",
+     "desc": "An input mask regular expression that will be used to filter keystrokes that don't match (defaults to null)",
+     "memberOf": "Roo.form.TextField"
+    },
+    {
+     "name": "disableKeyFilter",
+     "type": "Boolean",
+     "desc": "True to disable input keystroke filtering (defaults to false)",
+     "memberOf": "Roo.form.TextField"
+    },
+    {
+     "name": "allowBlank",
+     "type": "Boolean",
+     "desc": "False to validate that the value length > 0 (defaults to true)",
+     "memberOf": "Roo.form.TextField"
+    },
+    {
+     "name": "minLength",
+     "type": "Number",
+     "desc": "Minimum input field length required (defaults to 0)",
+     "memberOf": "Roo.form.TextField"
+    },
+    {
+     "name": "maxLength",
+     "type": "Number",
+     "desc": "Maximum input field length allowed (defaults to Number.MAX_VALUE)",
+     "memberOf": "Roo.form.TextField"
+    },
+    {
+     "name": "minLengthText",
+     "type": "String",
+     "desc": "Error text to display if the minimum length validation fails (defaults to \"The minimum length for this field is {minLength}\")",
+     "memberOf": "Roo.form.TextField"
+    },
+    {
+     "name": "maxLengthText",
+     "type": "String",
+     "desc": "Error text to display if the maximum length validation fails (defaults to \"The maximum length for this field is {maxLength}\")",
+     "memberOf": "Roo.form.TextField"
+    },
+    {
+     "name": "selectOnFocus",
+     "type": "Boolean",
+     "desc": "True to automatically select any existing field text when the field receives input focus (defaults to false)",
+     "memberOf": "Roo.form.TextField"
+    },
+    {
+     "name": "blankText",
+     "type": "String",
+     "desc": "Error text to display if the allow blank validation fails (defaults to \"This field is required\")",
+     "memberOf": "Roo.form.TextField"
+    },
+    {
+     "name": "validator",
+     "type": "Function",
+     "desc": "A custom validation function to be called during field validation (defaults to null).\nIf available, this function will be called only after the basic validators all return true, and will be passed the\ncurrent field value and expected to return boolean true if the value is valid or a string error message if invalid.",
+     "memberOf": "Roo.form.TextField"
+    },
+    {
+     "name": "regex",
+     "type": "RegExp",
+     "desc": "A JavaScript RegExp object to be tested against the field value during validation (defaults to null).\nIf available, this regex will be evaluated only after the basic validators all return true, and will be passed the\ncurrent field value.  If the test fails, the field will be marked invalid using {@link #regexText}.",
+     "memberOf": "Roo.form.TextField"
+    },
+    {
+     "name": "regexText",
+     "type": "String",
+     "desc": "The error text to display if {@link #regex} is used and the test fails during validation (defaults to \"\")",
+     "memberOf": "Roo.form.TextField"
+    },
+    {
+     "name": "emptyText",
+     "type": "String",
+     "desc": "The default text to display in an empty field - placeholder... (defaults to null).",
+     "memberOf": "Roo.form.TextField"
+    },
+    {
+     "name": "fieldLabel",
+     "type": "String",
+     "desc": "Label to use when rendering a form.",
+     "memberOf": "Roo.form.Field"
+    },
+    {
+     "name": "qtip",
+     "type": "String",
+     "desc": "Mouse over tip",
+     "memberOf": "Roo.form.Field"
+    },
+    {
+     "name": "invalidClass",
+     "type": "String",
+     "desc": "The CSS class to use when marking a field invalid (defaults to \"x-form-invalid\")",
+     "memberOf": "Roo.form.Field"
+    },
+    {
+     "name": "invalidText",
+     "type": "String",
+     "desc": "The error text to use when marking a field invalid and no message is provided (defaults to \"The value in this field is invalid\")",
+     "memberOf": "Roo.form.Field"
+    },
+    {
+     "name": "focusClass",
+     "type": "String",
+     "desc": "The CSS class to use when the field receives focus (defaults to \"x-form-focus\")",
+     "memberOf": "Roo.form.Field"
+    },
+    {
+     "name": "validationEvent",
+     "type": "String/Boolean",
+     "desc": "The event that should initiate field validation. Set to false to disable\n      automatic validation (defaults to \"keyup\").",
+     "memberOf": "Roo.form.Field"
+    },
+    {
+     "name": "validateOnBlur",
+     "type": "Boolean",
+     "desc": "Whether the field should validate when it loses focus (defaults to true).",
+     "memberOf": "Roo.form.Field"
+    },
+    {
+     "name": "validationDelay",
+     "type": "Number",
+     "desc": "The length of time in milliseconds after user input begins until validation is initiated (defaults to 250)",
+     "memberOf": "Roo.form.Field"
+    },
+    {
+     "name": "autoCreate",
+     "type": "String/Object",
+     "desc": "A DomHelper element spec, or true for a default element spec (defaults to\n{tag: \"input\", type: \"text\", size: \"20\", autocomplete: \"off\"})",
+     "memberOf": "Roo.form.Field"
+    },
+    {
+     "name": "fieldClass",
+     "type": "String",
+     "desc": "The default CSS class for the field (defaults to \"x-form-field\")",
+     "memberOf": "Roo.form.Field"
+    },
+    {
+     "name": "msgTarget",
+     "type": "String",
+     "desc": "The location where error text should display.  Should be one of the following values (defaults to 'qtip'):\n<pre>\nValue         Description\n-----------   ----------------------------------------------------------------------\nqtip          Display a quick tip when the user hovers over the field\ntitle         Display a default browser title attribute popup\nunder         Add a block div beneath the field containing the error text\nside          Add an error icon to the right of the field with a popup on hover\n[element id]  Add the error text directly to the innerHTML of the specified element\n</pre>",
+     "memberOf": "Roo.form.Field"
+    },
+    {
+     "name": "msgFx",
+     "type": "String",
+     "desc": "<b>Experimental</b> The effect used when displaying a validation message under the field (defaults to 'normal').",
+     "memberOf": "Roo.form.Field"
+    },
+    {
+     "name": "readOnly",
+     "type": "Boolean",
+     "desc": "True to mark the field as readOnly in HTML (defaults to false) -- Note: this only sets the element's readOnly DOM attribute.",
+     "memberOf": "Roo.form.Field"
+    },
+    {
+     "name": "disabled",
+     "type": "Boolean",
+     "desc": "True to disable the field (defaults to false).",
+     "memberOf": "Roo.form.Field"
+    },
+    {
+     "name": "inputType",
+     "type": "String",
+     "desc": "The type attribute for input fields -- e.g. radio, text, password (defaults to \"text\").",
+     "memberOf": "Roo.form.Field"
+    },
+    {
+     "name": "tabIndex",
+     "type": "Number",
+     "desc": "The tabIndex for this field. Note this only applies to fields that are rendered, not those which are built via applyTo (defaults to undefined).",
+     "memberOf": "Roo.form.Field"
+    },
+    {
+     "name": "value",
+     "type": "Mixed",
+     "desc": "A value to initialize this field with.",
+     "memberOf": "Roo.form.Field"
+    },
+    {
+     "name": "cls",
+     "type": "String",
+     "desc": "A CSS class to apply to the field's underlying element.",
+     "memberOf": "Roo.form.Field"
+    },
+    {
+     "name": "height",
+     "type": "Number",
+     "desc": "height (optional) size of component",
+     "memberOf": "Roo.BoxComponent"
+    },
+    {
+     "name": "disableClass",
+     "type": "String",
+     "desc": "CSS class added to the component when it is disabled (defaults to \"x-item-disabled\").",
+     "memberOf": "Roo.Component"
+    },
+    {
+     "name": "allowDomMove",
+     "type": "Boolean",
+     "desc": "Whether the component can move the Dom node when rendering (defaults to true).",
+     "memberOf": "Roo.Component"
+    },
+    {
+     "name": "hideMode",
+     "type": "String",
+     "desc": "How this component should hidden. Supported values are\n\"visibility\" (css visibility), \"offsets\" (negative offset position) and\n\"display\" (css display) - defaults to \"display\".",
+     "memberOf": "Roo.Component"
+    },
+    {
+     "name": "actionMode",
+     "type": "String",
+     "desc": "which property holds the element that used for  hide() / show() / disable() / enable()\ndefault is 'el'",
+     "memberOf": "Roo.Component"
+    },
+    {
+     "name": "listeners",
+     "type": "Object",
+     "desc": "list of events and functions to call for this object, \nFor example :\n<pre><code>\n    listeners :  { \n       'click' : function(e) {\n           ..... \n        } ,\n        .... \n    } \n  </code></pre>",
+     "memberOf": "Roo.util.Observable"
+    }
+   ],
+   "events": [
+    {
+     "name": "autosize",
+     "sig": "function (_self, width)\n{\n\n}",
+     "type": "function",
+     "desc": "Fires when the autosize function is triggered.  The field may or may not have actually changed size\naccording to the default logic, but this event provides a hook for the developer to apply additional\nlogic at runtime to resize the field if needed."
+    },
+    {
+     "name": "beforedestroy",
+     "sig": "function (_self)\n{\n\n}",
+     "type": "function",
+     "desc": "Fires before the component is destroyed. Return false to stop the destroy."
+    },
+    {
+     "name": "beforehide",
+     "sig": "function (_self)\n{\n\n}",
+     "type": "function",
+     "desc": "Fires before the component is hidden. Return false to stop the hide."
+    },
+    {
+     "name": "beforerender",
+     "sig": "function (_self)\n{\n\n}",
+     "type": "function",
+     "desc": "Fires before the component is rendered. Return false to stop the render."
+    },
+    {
+     "name": "beforeshow",
+     "sig": "function (_self)\n{\n\n}",
+     "type": "function",
+     "desc": "Fires before the component is shown.  Return false to stop the show."
+    },
+    {
+     "name": "blur",
+     "sig": "function (_self)\n{\n\n}",
+     "type": "function",
+     "desc": "Fires when this field loses input focus."
+    },
+    {
+     "name": "change",
+     "sig": "function (_self, newValue, oldValue)\n{\n\n}",
+     "type": "function",
+     "desc": "Fires just before the field blurs if the field value has changed."
+    },
+    {
+     "name": "destroy",
+     "sig": "function (_self)\n{\n\n}",
+     "type": "function",
+     "desc": "Fires after the component is destroyed."
+    },
+    {
+     "name": "disable",
+     "sig": "function (_self)\n{\n\n}",
+     "type": "function",
+     "desc": "Fires after the component is disabled."
+    },
+    {
+     "name": "enable",
+     "sig": "function (_self)\n{\n\n}",
+     "type": "function",
+     "desc": "Fires after the component is enabled."
+    },
+    {
+     "name": "focus",
+     "sig": "function (_self)\n{\n\n}",
+     "type": "function",
+     "desc": "Fires when this field receives input focus."
+    },
+    {
+     "name": "hide",
+     "sig": "function (_self)\n{\n\n}",
+     "type": "function",
+     "desc": "Fires after the component is hidden."
+    },
+    {
+     "name": "invalid",
+     "sig": "function (_self, msg)\n{\n\n}",
+     "type": "function",
+     "desc": "Fires after the field has been marked as invalid."
+    },
+    {
+     "name": "keyup",
+     "sig": "function (_self, e)\n{\n\n}",
+     "type": "function",
+     "desc": "Fires after the key up"
+    },
+    {
+     "name": "move",
+     "sig": "function (_self, x, y)\n{\n\n}",
+     "type": "function",
+     "desc": "Fires after the component is moved."
+    },
+    {
+     "name": "render",
+     "sig": "function (_self)\n{\n\n}",
+     "type": "function",
+     "desc": "Fires after the component is rendered."
+    },
+    {
+     "name": "resize",
+     "sig": "function (_self, adjWidth, adjHeight, rawWidth, rawHeight)\n{\n\n}",
+     "type": "function",
+     "desc": "Fires after the component is resized."
+    },
+    {
+     "name": "show",
+     "sig": "function (_self)\n{\n\n}",
+     "type": "function",
+     "desc": "Fires after the component is shown."
+    },
+    {
+     "name": "specialkey",
+     "sig": "function (_self, e)\n{\n\n}",
+     "type": "function",
+     "desc": "Fires when any key related to navigation (arrows, tab, enter, esc, etc.) is pressed.  You can check\n{@link Roo.EventObject#getKey} to determine which key was pressed."
+    },
+    {
+     "name": "valid",
+     "sig": "function (_self)\n{\n\n}",
+     "type": "function",
+     "desc": "Fires after the field has been validated with no errors."
+    }
+   ]
+  },
+  "Roo.form.ComboBoxArray.Item": {
+   "props": [
+    {
+     "name": "width",
+     "type": "Number",
+     "desc": "width (optional) size of component",
+     "memberOf": "Roo.BoxComponent"
+    },
+    {
+     "name": "height",
+     "type": "Number",
+     "desc": "height (optional) size of component",
+     "memberOf": "Roo.BoxComponent"
+    },
+    {
+     "name": "disableClass",
+     "type": "String",
+     "desc": "CSS class added to the component when it is disabled (defaults to \"x-item-disabled\").",
+     "memberOf": "Roo.Component"
+    },
+    {
+     "name": "allowDomMove",
+     "type": "Boolean",
+     "desc": "Whether the component can move the Dom node when rendering (defaults to true).",
+     "memberOf": "Roo.Component"
+    },
+    {
+     "name": "hideMode",
+     "type": "String",
+     "desc": "How this component should hidden. Supported values are\n\"visibility\" (css visibility), \"offsets\" (negative offset position) and\n\"display\" (css display) - defaults to \"display\".",
+     "memberOf": "Roo.Component"
+    },
+    {
+     "name": "actionMode",
+     "type": "String",
+     "desc": "which property holds the element that used for  hide() / show() / disable() / enable()\ndefault is 'el'",
+     "memberOf": "Roo.Component"
+    },
+    {
+     "name": "listeners",
+     "type": "Object",
+     "desc": "list of events and functions to call for this object, \nFor example :\n<pre><code>\n    listeners :  { \n       'click' : function(e) {\n           ..... \n        } ,\n        .... \n    } \n  </code></pre>",
+     "memberOf": "Roo.util.Observable"
+    }
+   ],
+   "events": [
+    {
+     "name": "beforedestroy",
+     "sig": "function (_self)\n{\n\n}",
+     "type": "function",
+     "desc": "Fires before the component is destroyed. Return false to stop the destroy."
+    },
+    {
+     "name": "beforehide",
+     "sig": "function (_self)\n{\n\n}",
+     "type": "function",
+     "desc": "Fires before the component is hidden. Return false to stop the hide."
+    },
+    {
+     "name": "beforerender",
+     "sig": "function (_self)\n{\n\n}",
+     "type": "function",
+     "desc": "Fires before the component is rendered. Return false to stop the render."
+    },
+    {
+     "name": "beforeshow",
+     "sig": "function (_self)\n{\n\n}",
+     "type": "function",
+     "desc": "Fires before the component is shown.  Return false to stop the show."
+    },
+    {
+     "name": "destroy",
+     "sig": "function (_self)\n{\n\n}",
+     "type": "function",
+     "desc": "Fires after the component is destroyed."
+    },
+    {
+     "name": "disable",
+     "sig": "function (_self)\n{\n\n}",
+     "type": "function",
+     "desc": "Fires after the component is disabled."
+    },
+    {
+     "name": "enable",
+     "sig": "function (_self)\n{\n\n}",
+     "type": "function",
+     "desc": "Fires after the component is enabled."
+    },
+    {
+     "name": "hide",
+     "sig": "function (_self)\n{\n\n}",
+     "type": "function",
+     "desc": "Fires after the component is hidden."
+    },
+    {
+     "name": "move",
+     "sig": "function (_self, x, y)\n{\n\n}",
+     "type": "function",
+     "desc": "Fires after the component is moved."
+    },
+    {
+     "name": "render",
+     "sig": "function (_self)\n{\n\n}",
+     "type": "function",
+     "desc": "Fires after the component is rendered."
+    },
+    {
+     "name": "resize",
+     "sig": "function (_self, adjWidth, adjHeight, rawWidth, rawHeight)\n{\n\n}",
+     "type": "function",
+     "desc": "Fires after the component is resized."
+    },
+    {
+     "name": "show",
+     "sig": "function (_self)\n{\n\n}",
+     "type": "function",
+     "desc": "Fires after the component is shown."
+    }
+   ]
+  },
+  "Roo.form.ComboCheck": {
+   "props": [
+    {
+     "name": "transform",
+     "type": "String/HTMLElement/Element",
+     "desc": "The id, DOM node or element of an existing select to convert to a ComboBox",
+     "memberOf": "Roo.form.ComboBox"
+    },
+    {
+     "name": "lazyRender",
+     "type": "Boolean",
+     "desc": "True to prevent the ComboBox from rendering until requested (should always be used when\nrendering into an Roo.Editor, defaults to false)",
+     "memberOf": "Roo.form.ComboBox"
+    },
+    {
+     "name": "autoCreate",
+     "type": "Boolean/Object",
+     "desc": "A DomHelper element spec, or true for a default element spec (defaults to:\n{tag: \"input\", type: \"text\", size: \"24\", autocomplete: \"off\"})",
+     "memberOf": "Roo.form.ComboBox"
+    },
+    {
+     "name": "store",
+     "type": "Roo.data.Store",
+     "desc": "The data store to which this combo is bound (defaults to undefined)",
+     "memberOf": "Roo.form.ComboBox"
+    },
+    {
+     "name": "title",
+     "type": "String",
+     "desc": "If supplied, a header element is created containing this text and added into the top of\nthe dropdown list (defaults to undefined, with no header element)",
+     "memberOf": "Roo.form.ComboBox"
+    },
+    {
+     "name": "grow",
+     "type": "Boolean",
+     "desc": "",
+     "memberOf": "Roo.form.ComboBox"
+    },
+    {
+     "name": "growMin",
+     "type": "Number",
+     "desc": "",
+     "memberOf": "Roo.form.ComboBox"
+    },
+    {
+     "name": "growMax",
+     "type": "Number",
+     "desc": "",
+     "memberOf": "Roo.form.ComboBox"
+    },
+    {
+     "name": "tpl",
+     "type": "String/Roo.Template",
+     "desc": "The template to use to render the output",
+     "memberOf": "Roo.form.ComboBox"
+    },
+    {
+     "name": "listWidth",
+     "type": "Number",
+     "desc": "The width in pixels of the dropdown list (defaults to the width of the ComboBox field)",
+     "memberOf": "Roo.form.ComboBox"
+    },
+    {
+     "name": "displayField",
+     "type": "String",
+     "desc": "The underlying data field name to bind to this CombBox (defaults to undefined if\nmode = 'remote' or 'text' if mode = 'local')",
+     "memberOf": "Roo.form.ComboBox"
+    },
+    {
+     "name": "valueField",
+     "type": "String",
+     "desc": "The underlying data value name to bind to this CombBox (defaults to undefined if\nmode = 'remote' or 'value' if mode = 'local'). \nNote: use of a valueField requires the user make a selection\nin order for a value to be mapped.",
+     "memberOf": "Roo.form.ComboBox"
+    },
+    {
+     "name": "hiddenName",
+     "type": "String",
+     "desc": "If specified, a hidden form field with this name is dynamically generated to store the\nfield's data value (defaults to the underlying DOM element's name)",
+     "memberOf": "Roo.form.ComboBox"
+    },
+    {
+     "name": "listClass",
+     "type": "String",
+     "desc": "CSS class to apply to the dropdown list element (defaults to '')",
+     "memberOf": "Roo.form.ComboBox"
+    },
+    {
+     "name": "selectedClass",
+     "type": "String",
+     "desc": "CSS class to apply to the selected item in the dropdown list (defaults to 'x-combo-selected')",
+     "memberOf": "Roo.form.ComboBox"
+    },
+    {
+     "name": "triggerClass",
+     "type": "String",
+     "desc": "An additional CSS class used to style the trigger button.  The trigger will always get the\nclass 'x-form-trigger' and triggerClass will be <b>appended</b> if specified (defaults to 'x-form-arrow-trigger'\nwhich displays a downward arrow icon).",
+     "memberOf": "Roo.form.ComboBox"
+    },
+    {
+     "name": "shadow",
+     "type": "Boolean/String",
+     "desc": "True or \"sides\" for the default effect, \"frame\" for 4-way shadow, and \"drop\" for bottom-right",
+     "memberOf": "Roo.form.ComboBox"
+    },
+    {
+     "name": "listAlign",
+     "type": "String",
+     "desc": "A valid anchor position value. See {@link Roo.Element#alignTo} for details on supported\nanchor positions (defaults to 'tl-bl')",
+     "memberOf": "Roo.form.ComboBox"
+    },
+    {
+     "name": "maxHeight",
+     "type": "Number",
+     "desc": "The maximum height in pixels of the dropdown list before scrollbars are shown (defaults to 300)",
+     "memberOf": "Roo.form.ComboBox"
+    },
+    {
+     "name": "triggerAction",
+     "type": "String",
+     "desc": "The action to execute when the trigger field is activated.  Use 'all' to run the\nquery specified by the allQuery config option (defaults to 'query')",
+     "memberOf": "Roo.form.ComboBox"
+    },
+    {
+     "name": "minChars",
+     "type": "Number",
+     "desc": "The minimum number of characters the user must type before autocomplete and typeahead activate\n(defaults to 4, does not apply if editable = false)",
+     "memberOf": "Roo.form.ComboBox"
+    },
+    {
+     "name": "typeAhead",
+     "type": "Boolean",
+     "desc": "True to populate and autoselect the remainder of the text being typed after a configurable\ndelay (typeAheadDelay) if it matches a known value (defaults to false)",
+     "memberOf": "Roo.form.ComboBox"
+    },
+    {
+     "name": "queryDelay",
+     "type": "Number",
+     "desc": "The length of time in milliseconds to delay between the start of typing and sending the\nquery to filter the dropdown list (defaults to 500 if mode = 'remote' or 10 if mode = 'local')",
+     "memberOf": "Roo.form.ComboBox"
+    },
+    {
+     "name": "pageSize",
+     "type": "Number",
+     "desc": "If greater than 0, a paging toolbar is displayed in the footer of the dropdown list and the\nfilter queries will execute with page start and limit parameters.  Only applies when mode = 'remote' (defaults to 0)",
+     "memberOf": "Roo.form.ComboBox"
+    },
+    {
+     "name": "selectOnFocus",
+     "type": "Boolean",
+     "desc": "True to select any existing text in the field immediately on focus.  Only applies\nwhen editable = true (defaults to false)",
+     "memberOf": "Roo.form.ComboBox"
+    },
+    {
+     "name": "queryParam",
+     "type": "String",
+     "desc": "Name of the query as it will be passed on the querystring (defaults to 'query')",
+     "memberOf": "Roo.form.ComboBox"
+    },
+    {
+     "name": "loadingText",
+     "type": "String",
+     "desc": "The text to display in the dropdown list while data is loading.  Only applies\nwhen mode = 'remote' (defaults to 'Loading...')",
+     "memberOf": "Roo.form.ComboBox"
+    },
+    {
+     "name": "resizable",
+     "type": "Boolean",
+     "desc": "True to add a resize handle to the bottom of the dropdown list (defaults to false)",
+     "memberOf": "Roo.form.ComboBox"
+    },
+    {
+     "name": "handleHeight",
+     "type": "Number",
+     "desc": "The height in pixels of the dropdown list resize handle if resizable = true (defaults to 8)",
+     "memberOf": "Roo.form.ComboBox"
+    },
+    {
+     "name": "editable",
+     "type": "Boolean",
+     "desc": "False to prevent the user from typing text directly into the field, just like a\ntraditional select (defaults to true)",
+     "memberOf": "Roo.form.ComboBox"
+    },
+    {
+     "name": "allQuery",
+     "type": "String",
+     "desc": "The text query to send to the server to return all records for the list with no filtering (defaults to '')",
+     "memberOf": "Roo.form.ComboBox"
+    },
+    {
+     "name": "mode",
+     "type": "String",
+     "desc": "Set to 'local' if the ComboBox loads local data (defaults to 'remote' which loads from the server)",
+     "memberOf": "Roo.form.ComboBox"
+    },
+    {
+     "name": "minListWidth",
+     "type": "Number",
+     "desc": "The minimum width of the dropdown list in pixels (defaults to 70, will be ignored if\nlistWidth has a higher value)",
+     "memberOf": "Roo.form.ComboBox"
+    },
+    {
+     "name": "forceSelection",
+     "type": "Boolean",
+     "desc": "True to restrict the selected value to one of the values in the list, false to\nallow the user to set arbitrary text into the field (defaults to false)",
+     "memberOf": "Roo.form.ComboBox"
+    },
+    {
+     "name": "typeAheadDelay",
+     "type": "Number",
+     "desc": "The length of time in milliseconds to wait until the typeahead text is displayed\nif typeAhead = true (defaults to 250)",
+     "memberOf": "Roo.form.ComboBox"
+    },
+    {
+     "name": "valueNotFoundText",
+     "type": "String",
+     "desc": "When using a name/value combo, if the value passed to setValue is not found in\nthe store, valueNotFoundText will be displayed as the field text if defined (defaults to undefined)",
+     "memberOf": "Roo.form.ComboBox"
+    },
+    {
+     "name": "blockFocus",
+     "type": "Boolean",
+     "desc": "Prevents all focus calls, so it can work with things like HTML edtor bar",
+     "memberOf": "Roo.form.ComboBox"
+    },
+    {
+     "name": "disableClear",
+     "type": "Boolean",
+     "desc": "Disable showing of clear button.",
+     "memberOf": "Roo.form.ComboBox"
+    },
+    {
+     "name": "alwaysQuery",
+     "type": "Boolean",
+     "desc": "Disable caching of results, and always send query",
+     "memberOf": "Roo.form.ComboBox"
+    },
+    {
+     "name": "hideTrigger",
+     "type": "Boolean",
+     "desc": "True to hide the trigger element and display only the base text field (defaults to false)",
+     "memberOf": "Roo.form.TriggerField"
+    },
+    {
+     "name": "vtype",
+     "type": "String",
+     "desc": "A validation type name as defined in {@link Roo.form.VTypes} (defaults to null)",
+     "memberOf": "Roo.form.TextField"
+    },
+    {
+     "name": "maskRe",
+     "type": "String",
+     "desc": "An input mask regular expression that will be used to filter keystrokes that don't match (defaults to null)",
+     "memberOf": "Roo.form.TextField"
+    },
+    {
+     "name": "disableKeyFilter",
+     "type": "Boolean",
+     "desc": "True to disable input keystroke filtering (defaults to false)",
+     "memberOf": "Roo.form.TextField"
+    },
+    {
+     "name": "allowBlank",
+     "type": "Boolean",
+     "desc": "False to validate that the value length > 0 (defaults to true)",
+     "memberOf": "Roo.form.TextField"
+    },
+    {
+     "name": "minLength",
+     "type": "Number",
+     "desc": "Minimum input field length required (defaults to 0)",
+     "memberOf": "Roo.form.TextField"
+    },
+    {
+     "name": "maxLength",
+     "type": "Number",
+     "desc": "Maximum input field length allowed (defaults to Number.MAX_VALUE)",
+     "memberOf": "Roo.form.TextField"
+    },
+    {
+     "name": "minLengthText",
+     "type": "String",
+     "desc": "Error text to display if the minimum length validation fails (defaults to \"The minimum length for this field is {minLength}\")",
+     "memberOf": "Roo.form.TextField"
+    },
+    {
+     "name": "maxLengthText",
+     "type": "String",
+     "desc": "Error text to display if the maximum length validation fails (defaults to \"The maximum length for this field is {maxLength}\")",
+     "memberOf": "Roo.form.TextField"
+    },
+    {
+     "name": "blankText",
+     "type": "String",
+     "desc": "Error text to display if the allow blank validation fails (defaults to \"This field is required\")",
+     "memberOf": "Roo.form.TextField"
+    },
+    {
+     "name": "validator",
+     "type": "Function",
+     "desc": "A custom validation function to be called during field validation (defaults to null).\nIf available, this function will be called only after the basic validators all return true, and will be passed the\ncurrent field value and expected to return boolean true if the value is valid or a string error message if invalid.",
+     "memberOf": "Roo.form.TextField"
+    },
+    {
+     "name": "regex",
+     "type": "RegExp",
+     "desc": "A JavaScript RegExp object to be tested against the field value during validation (defaults to null).\nIf available, this regex will be evaluated only after the basic validators all return true, and will be passed the\ncurrent field value.  If the test fails, the field will be marked invalid using {@link #regexText}.",
+     "memberOf": "Roo.form.TextField"
+    },
+    {
+     "name": "regexText",
+     "type": "String",
+     "desc": "The error text to display if {@link #regex} is used and the test fails during validation (defaults to \"\")",
+     "memberOf": "Roo.form.TextField"
+    },
+    {
+     "name": "emptyText",
+     "type": "String",
+     "desc": "The default text to display in an empty field - placeholder... (defaults to null).",
+     "memberOf": "Roo.form.TextField"
+    },
+    {
+     "name": "fieldLabel",
+     "type": "String",
+     "desc": "Label to use when rendering a form.",
+     "memberOf": "Roo.form.Field"
+    },
+    {
+     "name": "qtip",
+     "type": "String",
+     "desc": "Mouse over tip",
+     "memberOf": "Roo.form.Field"
+    },
+    {
+     "name": "name",
+     "type": "String",
+     "desc": "The field's HTML name attribute.",
+     "memberOf": "Roo.form.Field"
+    },
+    {
+     "name": "invalidClass",
+     "type": "String",
+     "desc": "The CSS class to use when marking a field invalid (defaults to \"x-form-invalid\")",
+     "memberOf": "Roo.form.Field"
+    },
+    {
+     "name": "invalidText",
+     "type": "String",
+     "desc": "The error text to use when marking a field invalid and no message is provided (defaults to \"The value in this field is invalid\")",
+     "memberOf": "Roo.form.Field"
+    },
+    {
+     "name": "focusClass",
+     "type": "String",
+     "desc": "The CSS class to use when the field receives focus (defaults to \"x-form-focus\")",
+     "memberOf": "Roo.form.Field"
+    },
+    {
+     "name": "validationEvent",
+     "type": "String/Boolean",
+     "desc": "The event that should initiate field validation. Set to false to disable\n      automatic validation (defaults to \"keyup\").",
+     "memberOf": "Roo.form.Field"
+    },
+    {
+     "name": "validateOnBlur",
+     "type": "Boolean",
+     "desc": "Whether the field should validate when it loses focus (defaults to true).",
+     "memberOf": "Roo.form.Field"
+    },
+    {
+     "name": "validationDelay",
+     "type": "Number",
+     "desc": "The length of time in milliseconds after user input begins until validation is initiated (defaults to 250)",
+     "memberOf": "Roo.form.Field"
+    },
+    {
+     "name": "fieldClass",
+     "type": "String",
+     "desc": "The default CSS class for the field (defaults to \"x-form-field\")",
+     "memberOf": "Roo.form.Field"
+    },
+    {
+     "name": "msgTarget",
+     "type": "String",
+     "desc": "The location where error text should display.  Should be one of the following values (defaults to 'qtip'):\n<pre>\nValue         Description\n-----------   ----------------------------------------------------------------------\nqtip          Display a quick tip when the user hovers over the field\ntitle         Display a default browser title attribute popup\nunder         Add a block div beneath the field containing the error text\nside          Add an error icon to the right of the field with a popup on hover\n[element id]  Add the error text directly to the innerHTML of the specified element\n</pre>",
+     "memberOf": "Roo.form.Field"
+    },
+    {
+     "name": "msgFx",
+     "type": "String",
+     "desc": "<b>Experimental</b> The effect used when displaying a validation message under the field (defaults to 'normal').",
+     "memberOf": "Roo.form.Field"
+    },
+    {
+     "name": "readOnly",
+     "type": "Boolean",
+     "desc": "True to mark the field as readOnly in HTML (defaults to false) -- Note: this only sets the element's readOnly DOM attribute.",
+     "memberOf": "Roo.form.Field"
+    },
+    {
+     "name": "disabled",
+     "type": "Boolean",
+     "desc": "True to disable the field (defaults to false).",
+     "memberOf": "Roo.form.Field"
+    },
+    {
+     "name": "inputType",
+     "type": "String",
+     "desc": "The type attribute for input fields -- e.g. radio, text, password (defaults to \"text\").",
+     "memberOf": "Roo.form.Field"
+    },
+    {
+     "name": "tabIndex",
+     "type": "Number",
+     "desc": "The tabIndex for this field. Note this only applies to fields that are rendered, not those which are built via applyTo (defaults to undefined).",
+     "memberOf": "Roo.form.Field"
+    },
+    {
+     "name": "value",
+     "type": "Mixed",
+     "desc": "A value to initialize this field with.",
+     "memberOf": "Roo.form.Field"
+    },
+    {
+     "name": "cls",
+     "type": "String",
+     "desc": "A CSS class to apply to the field's underlying element.",
+     "memberOf": "Roo.form.Field"
+    },
+    {
+     "name": "width",
+     "type": "Number",
+     "desc": "width (optional) size of component",
+     "memberOf": "Roo.BoxComponent"
+    },
+    {
+     "name": "height",
+     "type": "Number",
+     "desc": "height (optional) size of component",
+     "memberOf": "Roo.BoxComponent"
+    },
+    {
+     "name": "disableClass",
+     "type": "String",
+     "desc": "CSS class added to the component when it is disabled (defaults to \"x-item-disabled\").",
+     "memberOf": "Roo.Component"
+    },
+    {
+     "name": "allowDomMove",
+     "type": "Boolean",
+     "desc": "Whether the component can move the Dom node when rendering (defaults to true).",
+     "memberOf": "Roo.Component"
+    },
+    {
+     "name": "hideMode",
+     "type": "String",
+     "desc": "How this component should hidden. Supported values are\n\"visibility\" (css visibility), \"offsets\" (negative offset position) and\n\"display\" (css display) - defaults to \"display\".",
+     "memberOf": "Roo.Component"
+    },
+    {
+     "name": "actionMode",
+     "type": "String",
+     "desc": "which property holds the element that used for  hide() / show() / disable() / enable()\ndefault is 'el'",
+     "memberOf": "Roo.Component"
+    },
+    {
+     "name": "listeners",
+     "type": "Object",
+     "desc": "list of events and functions to call for this object, \nFor example :\n<pre><code>\n    listeners :  { \n       'click' : function(e) {\n           ..... \n        } ,\n        .... \n    } \n  </code></pre>",
+     "memberOf": "Roo.util.Observable"
+    }
+   ],
+   "events": [
+    {
+     "name": "add",
+     "sig": "function (combo)\n{\n\n}",
+     "type": "function",
+     "desc": "Fires when the 'add' icon is pressed (add a listener to enable add button)"
+    },
+    {
+     "name": "autosize",
+     "sig": "function (_self, width)\n{\n\n}",
+     "type": "function",
+     "desc": "Fires when the autosize function is triggered.  The field may or may not have actually changed size\naccording to the default logic, but this event provides a hook for the developer to apply additional\nlogic at runtime to resize the field if needed."
+    },
+    {
+     "name": "beforedestroy",
+     "sig": "function (_self)\n{\n\n}",
+     "type": "function",
+     "desc": "Fires before the component is destroyed. Return false to stop the destroy."
+    },
+    {
+     "name": "beforehide",
+     "sig": "function (_self)\n{\n\n}",
+     "type": "function",
+     "desc": "Fires before the component is hidden. Return false to stop the hide."
+    },
+    {
+     "name": "beforequery",
+     "sig": "function (combo, query, forceAll, cancel, e)\n{\n\n}",
+     "type": "function",
+     "desc": "Fires before all queries are processed. Return false to cancel the query or set cancel to true.\nThe event object passed has these properties:"
+    },
+    {
+     "name": "beforerender",
+     "sig": "function (_self)\n{\n\n}",
+     "type": "function",
+     "desc": "Fires before the component is rendered. Return false to stop the render."
+    },
+    {
+     "name": "beforeselect",
+     "sig": "function (combo, record, index)\n{\n\n}",
+     "type": "function",
+     "desc": "Fires before a list item is selected. Return false to cancel the selection."
+    },
+    {
+     "name": "beforeshow",
+     "sig": "function (_self)\n{\n\n}",
+     "type": "function",
+     "desc": "Fires before the component is shown.  Return false to stop the show."
+    },
+    {
+     "name": "blur",
+     "sig": "function (_self)\n{\n\n}",
+     "type": "function",
+     "desc": "Fires when this field loses input focus."
+    },
+    {
+     "name": "change",
+     "sig": "function (_self, newValue, oldValue)\n{\n\n}",
+     "type": "function",
+     "desc": "Fires just before the field blurs if the field value has changed."
+    },
+    {
+     "name": "collapse",
+     "sig": "function (combo)\n{\n\n}",
+     "type": "function",
+     "desc": "Fires when the dropdown list is collapsed"
+    },
+    {
+     "name": "destroy",
+     "sig": "function (_self)\n{\n\n}",
+     "type": "function",
+     "desc": "Fires after the component is destroyed."
+    },
+    {
+     "name": "disable",
+     "sig": "function (_self)\n{\n\n}",
+     "type": "function",
+     "desc": "Fires after the component is disabled."
+    },
+    {
+     "name": "edit",
+     "sig": "function (combo, record)\n{\n\n}",
+     "type": "function",
+     "desc": "Fires when the 'edit' icon is pressed (add a listener to enable add button)"
+    },
+    {
+     "name": "enable",
+     "sig": "function (_self)\n{\n\n}",
+     "type": "function",
+     "desc": "Fires after the component is enabled."
+    },
+    {
+     "name": "expand",
+     "sig": "function (combo)\n{\n\n}",
+     "type": "function",
+     "desc": "Fires when the dropdown list is expanded"
+    },
+    {
+     "name": "focus",
+     "sig": "function (_self)\n{\n\n}",
+     "type": "function",
+     "desc": "Fires when this field receives input focus."
+    },
+    {
+     "name": "hide",
+     "sig": "function (_self)\n{\n\n}",
+     "type": "function",
+     "desc": "Fires after the component is hidden."
+    },
+    {
+     "name": "invalid",
+     "sig": "function (_self, msg)\n{\n\n}",
+     "type": "function",
+     "desc": "Fires after the field has been marked as invalid."
+    },
+    {
+     "name": "keyup",
+     "sig": "function (_self, e)\n{\n\n}",
+     "type": "function",
+     "desc": "Fires after the key up"
+    },
+    {
+     "name": "move",
+     "sig": "function (_self, x, y)\n{\n\n}",
+     "type": "function",
+     "desc": "Fires after the component is moved."
+    },
+    {
+     "name": "render",
+     "sig": "function (_self)\n{\n\n}",
+     "type": "function",
+     "desc": "Fires after the component is rendered."
+    },
+    {
+     "name": "resize",
+     "sig": "function (_self, adjWidth, adjHeight, rawWidth, rawHeight)\n{\n\n}",
+     "type": "function",
+     "desc": "Fires after the component is resized."
+    },
+    {
+     "name": "select",
+     "sig": "function (combo, record, index)\n{\n\n}",
+     "type": "function",
+     "desc": "Fires when a list item is selected"
+    },
+    {
+     "name": "show",
+     "sig": "function (_self)\n{\n\n}",
+     "type": "function",
+     "desc": "Fires after the component is shown."
+    },
+    {
+     "name": "specialkey",
+     "sig": "function (_self, e)\n{\n\n}",
+     "type": "function",
+     "desc": "Fires when any key related to navigation (arrows, tab, enter, esc, etc.) is pressed.  You can check\n{@link Roo.EventObject#getKey} to determine which key was pressed."
+    },
+    {
+     "name": "valid",
+     "sig": "function (_self)\n{\n\n}",
+     "type": "function",
+     "desc": "Fires after the field has been validated with no errors."
+    }
+   ]
+  },
+  "Roo.form.DateField": {
+   "props": [
+    {
+     "name": "format",
+     "type": "String",
+     "desc": "The default date format string which can be overriden for localization support.  The format must be\nvalid according to {@link Date#parseDate} (defaults to 'm/d/y').",
+     "memberOf": ""
+    },
+    {
+     "name": "altFormats",
+     "type": "String",
+     "desc": "Multiple date formats separated by \"|\" to try when parsing a user input value and it doesn't match the defined\nformat (defaults to 'm/d/Y|m-d-y|m-d-Y|m/d|m-d|d').",
+     "memberOf": ""
+    },
+    {
+     "name": "disabledDays",
+     "type": "Array",
+     "desc": "An array of days to disable, 0 based. For example, [0, 6] disables Sunday and Saturday (defaults to null).",
+     "memberOf": ""
+    },
+    {
+     "name": "disabledDaysText",
+     "type": "String",
+     "desc": "The tooltip to display when the date falls on a disabled day (defaults to 'Disabled')",
+     "memberOf": ""
+    },
+    {
+     "name": "disabledDates",
+     "type": "Array",
+     "desc": "An array of \"dates\" to disable, as strings. These strings will be used to build a dynamic regular\nexpression so they are very powerful. Some examples:\n<ul>\n<li>[\"03/08/2003\", \"09/16/2003\"] would disable those exact dates</li>\n<li>[\"03/08\", \"09/16\"] would disable those days for every year</li>\n<li>[\"^03/08\"] would only match the beginning (useful if you are using short years)</li>\n<li>[\"03/../2006\"] would disable every day in March 2006</li>\n<li>[\"^03\"] would disable every day in every March</li>\n</ul>\nIn order to support regular expressions, if you are using a date format that has \".\" in it, you will have to\nescape the dot when restricting dates. For example: [\"03\\\\.08\\\\.03\"].",
+     "memberOf": ""
+    },
+    {
+     "name": "disabledDatesText",
+     "type": "String",
+     "desc": "The tooltip text to display when the date falls on a disabled date (defaults to 'Disabled')",
+     "memberOf": ""
+    },
+    {
+     "name": "minValue",
+     "type": "Date/String",
+     "desc": "The minimum allowed date. Can be either a Javascript date object or a string date in a\nvalid format (defaults to null).",
+     "memberOf": ""
+    },
+    {
+     "name": "maxValue",
+     "type": "Date/String",
+     "desc": "The maximum allowed date. Can be either a Javascript date object or a string date in a\nvalid format (defaults to null).",
+     "memberOf": ""
+    },
+    {
+     "name": "minText",
+     "type": "String",
+     "desc": "The error text to display when the date in the cell is before minValue (defaults to\n'The date in this field must be after {minValue}').",
+     "memberOf": ""
+    },
+    {
+     "name": "maxText",
+     "type": "String",
+     "desc": "The error text to display when the date in the cell is after maxValue (defaults to\n'The date in this field must be before {maxValue}').",
+     "memberOf": ""
+    },
+    {
+     "name": "invalidText",
+     "type": "String",
+     "desc": "The error text to display when the date in the field is invalid (defaults to\n'{value} is not a valid date - it must be in the format {format}').",
+     "memberOf": ""
+    },
+    {
+     "name": "triggerClass",
+     "type": "String",
+     "desc": "An additional CSS class used to style the trigger button.  The trigger will always get the\nclass 'x-form-trigger' and triggerClass will be <b>appended</b> if specified (defaults to 'x-form-date-trigger'\nwhich displays a calendar icon).",
+     "memberOf": ""
+    },
+    {
+     "name": "useIso",
+     "type": "Boolean",
+     "desc": "if enabled, then the date field will use a hidden field to store the \nreal value as iso formated date. default (false)",
+     "memberOf": ""
+    },
+    {
+     "name": "autoCreate",
+     "type": "String/Object",
+     "desc": "A DomHelper element spec, or true for a default element spec (defaults to\n{tag: \"input\", type: \"text\", size: \"10\", autocomplete: \"off\"})",
+     "memberOf": ""
+    },
+    {
+     "name": "hideTrigger",
+     "type": "Boolean",
+     "desc": "True to hide the trigger element and display only the base text field (defaults to false)",
+     "memberOf": "Roo.form.TriggerField"
+    },
+    {
+     "name": "vtype",
+     "type": "String",
+     "desc": "A validation type name as defined in {@link Roo.form.VTypes} (defaults to null)",
+     "memberOf": "Roo.form.TextField"
+    },
+    {
+     "name": "maskRe",
+     "type": "String",
+     "desc": "An input mask regular expression that will be used to filter keystrokes that don't match (defaults to null)",
+     "memberOf": "Roo.form.TextField"
+    },
+    {
+     "name": "disableKeyFilter",
+     "type": "Boolean",
+     "desc": "True to disable input keystroke filtering (defaults to false)",
+     "memberOf": "Roo.form.TextField"
+    },
+    {
+     "name": "allowBlank",
+     "type": "Boolean",
+     "desc": "False to validate that the value length > 0 (defaults to true)",
+     "memberOf": "Roo.form.TextField"
+    },
+    {
+     "name": "minLength",
+     "type": "Number",
+     "desc": "Minimum input field length required (defaults to 0)",
+     "memberOf": "Roo.form.TextField"
+    },
+    {
+     "name": "maxLength",
+     "type": "Number",
+     "desc": "Maximum input field length allowed (defaults to Number.MAX_VALUE)",
+     "memberOf": "Roo.form.TextField"
+    },
+    {
+     "name": "minLengthText",
+     "type": "String",
+     "desc": "Error text to display if the minimum length validation fails (defaults to \"The minimum length for this field is {minLength}\")",
+     "memberOf": "Roo.form.TextField"
+    },
+    {
+     "name": "maxLengthText",
+     "type": "String",
+     "desc": "Error text to display if the maximum length validation fails (defaults to \"The maximum length for this field is {maxLength}\")",
+     "memberOf": "Roo.form.TextField"
+    },
+    {
+     "name": "selectOnFocus",
+     "type": "Boolean",
+     "desc": "True to automatically select any existing field text when the field receives input focus (defaults to false)",
+     "memberOf": "Roo.form.TextField"
+    },
+    {
+     "name": "blankText",
+     "type": "String",
+     "desc": "Error text to display if the allow blank validation fails (defaults to \"This field is required\")",
+     "memberOf": "Roo.form.TextField"
+    },
+    {
+     "name": "validator",
+     "type": "Function",
+     "desc": "A custom validation function to be called during field validation (defaults to null).\nIf available, this function will be called only after the basic validators all return true, and will be passed the\ncurrent field value and expected to return boolean true if the value is valid or a string error message if invalid.",
+     "memberOf": "Roo.form.TextField"
+    },
+    {
+     "name": "regex",
+     "type": "RegExp",
+     "desc": "A JavaScript RegExp object to be tested against the field value during validation (defaults to null).\nIf available, this regex will be evaluated only after the basic validators all return true, and will be passed the\ncurrent field value.  If the test fails, the field will be marked invalid using {@link #regexText}.",
+     "memberOf": "Roo.form.TextField"
+    },
+    {
+     "name": "regexText",
+     "type": "String",
+     "desc": "The error text to display if {@link #regex} is used and the test fails during validation (defaults to \"\")",
+     "memberOf": "Roo.form.TextField"
+    },
+    {
+     "name": "emptyText",
+     "type": "String",
+     "desc": "The default text to display in an empty field - placeholder... (defaults to null).",
+     "memberOf": "Roo.form.TextField"
+    },
+    {
+     "name": "fieldLabel",
+     "type": "String",
+     "desc": "Label to use when rendering a form.",
+     "memberOf": "Roo.form.Field"
+    },
+    {
+     "name": "qtip",
+     "type": "String",
+     "desc": "Mouse over tip",
+     "memberOf": "Roo.form.Field"
+    },
+    {
+     "name": "name",
+     "type": "String",
+     "desc": "The field's HTML name attribute.",
+     "memberOf": "Roo.form.Field"
+    },
+    {
+     "name": "invalidClass",
+     "type": "String",
+     "desc": "The CSS class to use when marking a field invalid (defaults to \"x-form-invalid\")",
+     "memberOf": "Roo.form.Field"
+    },
+    {
+     "name": "focusClass",
+     "type": "String",
+     "desc": "The CSS class to use when the field receives focus (defaults to \"x-form-focus\")",
+     "memberOf": "Roo.form.Field"
+    },
+    {
+     "name": "validationEvent",
+     "type": "String/Boolean",
+     "desc": "The event that should initiate field validation. Set to false to disable\n      automatic validation (defaults to \"keyup\").",
+     "memberOf": "Roo.form.Field"
+    },
+    {
+     "name": "validateOnBlur",
+     "type": "Boolean",
+     "desc": "Whether the field should validate when it loses focus (defaults to true).",
+     "memberOf": "Roo.form.Field"
+    },
+    {
+     "name": "validationDelay",
+     "type": "Number",
+     "desc": "The length of time in milliseconds after user input begins until validation is initiated (defaults to 250)",
+     "memberOf": "Roo.form.Field"
+    },
+    {
+     "name": "fieldClass",
+     "type": "String",
+     "desc": "The default CSS class for the field (defaults to \"x-form-field\")",
+     "memberOf": "Roo.form.Field"
+    },
+    {
+     "name": "msgTarget",
+     "type": "String",
+     "desc": "The location where error text should display.  Should be one of the following values (defaults to 'qtip'):\n<pre>\nValue         Description\n-----------   ----------------------------------------------------------------------\nqtip          Display a quick tip when the user hovers over the field\ntitle         Display a default browser title attribute popup\nunder         Add a block div beneath the field containing the error text\nside          Add an error icon to the right of the field with a popup on hover\n[element id]  Add the error text directly to the innerHTML of the specified element\n</pre>",
+     "memberOf": "Roo.form.Field"
+    },
+    {
+     "name": "msgFx",
+     "type": "String",
+     "desc": "<b>Experimental</b> The effect used when displaying a validation message under the field (defaults to 'normal').",
+     "memberOf": "Roo.form.Field"
+    },
+    {
+     "name": "readOnly",
+     "type": "Boolean",
+     "desc": "True to mark the field as readOnly in HTML (defaults to false) -- Note: this only sets the element's readOnly DOM attribute.",
+     "memberOf": "Roo.form.Field"
+    },
+    {
+     "name": "disabled",
+     "type": "Boolean",
+     "desc": "True to disable the field (defaults to false).",
+     "memberOf": "Roo.form.Field"
+    },
+    {
+     "name": "inputType",
+     "type": "String",
+     "desc": "The type attribute for input fields -- e.g. radio, text, password (defaults to \"text\").",
+     "memberOf": "Roo.form.Field"
+    },
+    {
+     "name": "tabIndex",
+     "type": "Number",
+     "desc": "The tabIndex for this field. Note this only applies to fields that are rendered, not those which are built via applyTo (defaults to undefined).",
+     "memberOf": "Roo.form.Field"
+    },
+    {
+     "name": "value",
+     "type": "Mixed",
+     "desc": "A value to initialize this field with.",
+     "memberOf": "Roo.form.Field"
+    },
+    {
+     "name": "cls",
+     "type": "String",
+     "desc": "A CSS class to apply to the field's underlying element.",
+     "memberOf": "Roo.form.Field"
+    },
+    {
+     "name": "width",
+     "type": "Number",
+     "desc": "width (optional) size of component",
+     "memberOf": "Roo.BoxComponent"
+    },
+    {
+     "name": "height",
+     "type": "Number",
+     "desc": "height (optional) size of component",
+     "memberOf": "Roo.BoxComponent"
+    },
+    {
+     "name": "disableClass",
+     "type": "String",
+     "desc": "CSS class added to the component when it is disabled (defaults to \"x-item-disabled\").",
+     "memberOf": "Roo.Component"
+    },
+    {
+     "name": "allowDomMove",
+     "type": "Boolean",
+     "desc": "Whether the component can move the Dom node when rendering (defaults to true).",
+     "memberOf": "Roo.Component"
+    },
+    {
+     "name": "hideMode",
+     "type": "String",
+     "desc": "How this component should hidden. Supported values are\n\"visibility\" (css visibility), \"offsets\" (negative offset position) and\n\"display\" (css display) - defaults to \"display\".",
+     "memberOf": "Roo.Component"
+    },
+    {
+     "name": "actionMode",
+     "type": "String",
+     "desc": "which property holds the element that used for  hide() / show() / disable() / enable()\ndefault is 'el'",
+     "memberOf": "Roo.Component"
+    },
+    {
+     "name": "listeners",
+     "type": "Object",
+     "desc": "list of events and functions to call for this object, \nFor example :\n<pre><code>\n    listeners :  { \n       'click' : function(e) {\n           ..... \n        } ,\n        .... \n    } \n  </code></pre>",
+     "memberOf": "Roo.util.Observable"
+    }
+   ],
+   "events": [
+    {
+     "name": "autosize",
+     "sig": "function (_self, width)\n{\n\n}",
+     "type": "function",
+     "desc": "Fires when the autosize function is triggered.  The field may or may not have actually changed size\naccording to the default logic, but this event provides a hook for the developer to apply additional\nlogic at runtime to resize the field if needed."
+    },
+    {
+     "name": "beforedestroy",
+     "sig": "function (_self)\n{\n\n}",
+     "type": "function",
+     "desc": "Fires before the component is destroyed. Return false to stop the destroy."
+    },
+    {
+     "name": "beforehide",
+     "sig": "function (_self)\n{\n\n}",
+     "type": "function",
+     "desc": "Fires before the component is hidden. Return false to stop the hide."
+    },
+    {
+     "name": "beforerender",
+     "sig": "function (_self)\n{\n\n}",
+     "type": "function",
+     "desc": "Fires before the component is rendered. Return false to stop the render."
+    },
+    {
+     "name": "beforeshow",
+     "sig": "function (_self)\n{\n\n}",
+     "type": "function",
+     "desc": "Fires before the component is shown.  Return false to stop the show."
+    },
+    {
+     "name": "blur",
+     "sig": "function (_self)\n{\n\n}",
+     "type": "function",
+     "desc": "Fires when this field loses input focus."
+    },
+    {
+     "name": "change",
+     "sig": "function (_self, newValue, oldValue)\n{\n\n}",
+     "type": "function",
+     "desc": "Fires just before the field blurs if the field value has changed."
+    },
+    {
+     "name": "destroy",
+     "sig": "function (_self)\n{\n\n}",
+     "type": "function",
+     "desc": "Fires after the component is destroyed."
+    },
+    {
+     "name": "disable",
+     "sig": "function (_self)\n{\n\n}",
+     "type": "function",
+     "desc": "Fires after the component is disabled."
+    },
+    {
+     "name": "enable",
+     "sig": "function (_self)\n{\n\n}",
+     "type": "function",
+     "desc": "Fires after the component is enabled."
+    },
+    {
+     "name": "focus",
+     "sig": "function (_self)\n{\n\n}",
+     "type": "function",
+     "desc": "Fires when this field receives input focus."
+    },
+    {
+     "name": "hide",
+     "sig": "function (_self)\n{\n\n}",
+     "type": "function",
+     "desc": "Fires after the component is hidden."
+    },
+    {
+     "name": "invalid",
+     "sig": "function (_self, msg)\n{\n\n}",
+     "type": "function",
+     "desc": "Fires after the field has been marked as invalid."
+    },
+    {
+     "name": "keyup",
+     "sig": "function (_self, e)\n{\n\n}",
+     "type": "function",
+     "desc": "Fires after the key up"
+    },
+    {
+     "name": "move",
+     "sig": "function (_self, x, y)\n{\n\n}",
+     "type": "function",
+     "desc": "Fires after the component is moved."
+    },
+    {
+     "name": "render",
+     "sig": "function (_self)\n{\n\n}",
+     "type": "function",
+     "desc": "Fires after the component is rendered."
+    },
+    {
+     "name": "resize",
+     "sig": "function (_self, adjWidth, adjHeight, rawWidth, rawHeight)\n{\n\n}",
+     "type": "function",
+     "desc": "Fires after the component is resized."
+    },
+    {
+     "name": "select",
+     "sig": "function (combo, date)\n{\n\n}",
+     "type": "function",
+     "desc": "Fires when a date is selected"
+    },
+    {
+     "name": "show",
+     "sig": "function (_self)\n{\n\n}",
+     "type": "function",
+     "desc": "Fires after the component is shown."
+    },
+    {
+     "name": "specialkey",
+     "sig": "function (_self, e)\n{\n\n}",
+     "type": "function",
+     "desc": "Fires when any key related to navigation (arrows, tab, enter, esc, etc.) is pressed.  You can check\n{@link Roo.EventObject#getKey} to determine which key was pressed."
+    },
+    {
+     "name": "valid",
+     "sig": "function (_self)\n{\n\n}",
+     "type": "function",
+     "desc": "Fires after the field has been validated with no errors."
+    }
+   ]
+  },
+  "Roo.form.DayPicker": {
+   "props": [
+    {
+     "name": "focusClass",
+     "type": "String",
+     "desc": "The CSS class to use when the checkbox receives focus (defaults to undefined)",
+     "memberOf": ""
+    },
+    {
+     "name": "fieldClass",
+     "type": "String",
+     "desc": "The default CSS class for the checkbox (defaults to \"x-form-field\")",
+     "memberOf": ""
+    },
+    {
+     "name": "autoCreate",
+     "type": "String/Object",
+     "desc": "A DomHelper element spec, or true for a default element spec (defaults to\n{tag: \"input\", type: \"checkbox\", autocomplete: \"off\"})",
+     "memberOf": ""
+    },
+    {
+     "name": "fieldLabel",
+     "type": "String",
+     "desc": "Label to use when rendering a form.",
+     "memberOf": "Roo.form.Field"
+    },
+    {
+     "name": "qtip",
+     "type": "String",
+     "desc": "Mouse over tip",
+     "memberOf": "Roo.form.Field"
+    },
+    {
+     "name": "name",
+     "type": "String",
+     "desc": "The field's HTML name attribute.",
+     "memberOf": "Roo.form.Field"
+    },
+    {
+     "name": "invalidClass",
+     "type": "String",
+     "desc": "The CSS class to use when marking a field invalid (defaults to \"x-form-invalid\")",
+     "memberOf": "Roo.form.Field"
+    },
+    {
+     "name": "invalidText",
+     "type": "String",
+     "desc": "The error text to use when marking a field invalid and no message is provided (defaults to \"The value in this field is invalid\")",
+     "memberOf": "Roo.form.Field"
+    },
+    {
+     "name": "validationEvent",
+     "type": "String/Boolean",
+     "desc": "The event that should initiate field validation. Set to false to disable\n      automatic validation (defaults to \"keyup\").",
+     "memberOf": "Roo.form.Field"
+    },
+    {
+     "name": "validateOnBlur",
+     "type": "Boolean",
+     "desc": "Whether the field should validate when it loses focus (defaults to true).",
+     "memberOf": "Roo.form.Field"
+    },
+    {
+     "name": "validationDelay",
+     "type": "Number",
+     "desc": "The length of time in milliseconds after user input begins until validation is initiated (defaults to 250)",
+     "memberOf": "Roo.form.Field"
+    },
+    {
+     "name": "msgTarget",
+     "type": "String",
+     "desc": "The location where error text should display.  Should be one of the following values (defaults to 'qtip'):\n<pre>\nValue         Description\n-----------   ----------------------------------------------------------------------\nqtip          Display a quick tip when the user hovers over the field\ntitle         Display a default browser title attribute popup\nunder         Add a block div beneath the field containing the error text\nside          Add an error icon to the right of the field with a popup on hover\n[element id]  Add the error text directly to the innerHTML of the specified element\n</pre>",
+     "memberOf": "Roo.form.Field"
+    },
+    {
+     "name": "msgFx",
+     "type": "String",
+     "desc": "<b>Experimental</b> The effect used when displaying a validation message under the field (defaults to 'normal').",
+     "memberOf": "Roo.form.Field"
+    },
+    {
+     "name": "readOnly",
+     "type": "Boolean",
+     "desc": "True to mark the field as readOnly in HTML (defaults to false) -- Note: this only sets the element's readOnly DOM attribute.",
+     "memberOf": "Roo.form.Field"
+    },
+    {
+     "name": "disabled",
+     "type": "Boolean",
+     "desc": "True to disable the field (defaults to false).",
+     "memberOf": "Roo.form.Field"
+    },
+    {
+     "name": "inputType",
+     "type": "String",
+     "desc": "The type attribute for input fields -- e.g. radio, text, password (defaults to \"text\").",
+     "memberOf": "Roo.form.Field"
+    },
+    {
+     "name": "tabIndex",
+     "type": "Number",
+     "desc": "The tabIndex for this field. Note this only applies to fields that are rendered, not those which are built via applyTo (defaults to undefined).",
+     "memberOf": "Roo.form.Field"
+    },
+    {
+     "name": "value",
+     "type": "Mixed",
+     "desc": "A value to initialize this field with.",
+     "memberOf": "Roo.form.Field"
+    },
+    {
+     "name": "cls",
+     "type": "String",
+     "desc": "A CSS class to apply to the field's underlying element.",
+     "memberOf": "Roo.form.Field"
+    },
+    {
+     "name": "width",
+     "type": "Number",
+     "desc": "width (optional) size of component",
+     "memberOf": "Roo.BoxComponent"
+    },
+    {
+     "name": "height",
+     "type": "Number",
+     "desc": "height (optional) size of component",
+     "memberOf": "Roo.BoxComponent"
+    },
+    {
+     "name": "disableClass",
+     "type": "String",
+     "desc": "CSS class added to the component when it is disabled (defaults to \"x-item-disabled\").",
+     "memberOf": "Roo.Component"
+    },
+    {
+     "name": "allowDomMove",
+     "type": "Boolean",
+     "desc": "Whether the component can move the Dom node when rendering (defaults to true).",
+     "memberOf": "Roo.Component"
+    },
+    {
+     "name": "hideMode",
+     "type": "String",
+     "desc": "How this component should hidden. Supported values are\n\"visibility\" (css visibility), \"offsets\" (negative offset position) and\n\"display\" (css display) - defaults to \"display\".",
+     "memberOf": "Roo.Component"
+    },
+    {
+     "name": "actionMode",
+     "type": "String",
+     "desc": "which property holds the element that used for  hide() / show() / disable() / enable()\ndefault is 'el'",
+     "memberOf": "Roo.Component"
+    },
+    {
+     "name": "listeners",
+     "type": "Object",
+     "desc": "list of events and functions to call for this object, \nFor example :\n<pre><code>\n    listeners :  { \n       'click' : function(e) {\n           ..... \n        } ,\n        .... \n    } \n  </code></pre>",
+     "memberOf": "Roo.util.Observable"
+    }
+   ],
+   "events": [
+    {
+     "name": "beforedestroy",
+     "sig": "function (_self)\n{\n\n}",
+     "type": "function",
+     "desc": "Fires before the component is destroyed. Return false to stop the destroy."
+    },
+    {
+     "name": "beforehide",
+     "sig": "function (_self)\n{\n\n}",
+     "type": "function",
+     "desc": "Fires before the component is hidden. Return false to stop the hide."
+    },
+    {
+     "name": "beforerender",
+     "sig": "function (_self)\n{\n\n}",
+     "type": "function",
+     "desc": "Fires before the component is rendered. Return false to stop the render."
+    },
+    {
+     "name": "beforeshow",
+     "sig": "function (_self)\n{\n\n}",
+     "type": "function",
+     "desc": "Fires before the component is shown.  Return false to stop the show."
+    },
+    {
+     "name": "blur",
+     "sig": "function (_self)\n{\n\n}",
+     "type": "function",
+     "desc": "Fires when this field loses input focus."
+    },
+    {
+     "name": "change",
+     "sig": "function (_self, newValue, oldValue)\n{\n\n}",
+     "type": "function",
+     "desc": "Fires just before the field blurs if the field value has changed."
+    },
+    {
+     "name": "destroy",
+     "sig": "function (_self)\n{\n\n}",
+     "type": "function",
+     "desc": "Fires after the component is destroyed."
+    },
+    {
+     "name": "disable",
+     "sig": "function (_self)\n{\n\n}",
+     "type": "function",
+     "desc": "Fires after the component is disabled."
+    },
+    {
+     "name": "enable",
+     "sig": "function (_self)\n{\n\n}",
+     "type": "function",
+     "desc": "Fires after the component is enabled."
+    },
+    {
+     "name": "focus",
+     "sig": "function (_self)\n{\n\n}",
+     "type": "function",
+     "desc": "Fires when this field receives input focus."
+    },
+    {
+     "name": "hide",
+     "sig": "function (_self)\n{\n\n}",
+     "type": "function",
+     "desc": "Fires after the component is hidden."
+    },
+    {
+     "name": "invalid",
+     "sig": "function (_self, msg)\n{\n\n}",
+     "type": "function",
+     "desc": "Fires after the field has been marked as invalid."
+    },
+    {
+     "name": "keyup",
+     "sig": "function (_self, e)\n{\n\n}",
+     "type": "function",
+     "desc": "Fires after the key up"
+    },
+    {
+     "name": "move",
+     "sig": "function (_self, x, y)\n{\n\n}",
+     "type": "function",
+     "desc": "Fires after the component is moved."
+    },
+    {
+     "name": "render",
+     "sig": "function (_self)\n{\n\n}",
+     "type": "function",
+     "desc": "Fires after the component is rendered."
+    },
+    {
+     "name": "resize",
+     "sig": "function (_self, adjWidth, adjHeight, rawWidth, rawHeight)\n{\n\n}",
+     "type": "function",
+     "desc": "Fires after the component is resized."
+    },
+    {
+     "name": "show",
+     "sig": "function (_self)\n{\n\n}",
+     "type": "function",
+     "desc": "Fires after the component is shown."
+    },
+    {
+     "name": "specialkey",
+     "sig": "function (_self, e)\n{\n\n}",
+     "type": "function",
+     "desc": "Fires when any key related to navigation (arrows, tab, enter, esc, etc.) is pressed.  You can check\n{@link Roo.EventObject#getKey} to determine which key was pressed."
+    },
+    {
+     "name": "valid",
+     "sig": "function (_self)\n{\n\n}",
+     "type": "function",
+     "desc": "Fires after the field has been validated with no errors."
+    }
+   ]
+  },
+  "Roo.form.DisplayField": {
+   "props": [
+    {
+     "name": "focusClass",
+     "type": "String",
+     "desc": "The CSS class to use when the checkbox receives focus (defaults to undefined)",
+     "memberOf": ""
+    },
+    {
+     "name": "fieldClass",
+     "type": "String",
+     "desc": "The default CSS class for the checkbox (defaults to \"x-form-field\")",
+     "memberOf": ""
+    },
+    {
+     "name": "valueRenderer",
+     "type": "Function",
+     "desc": "The renderer for the field (so you can reformat output). should return raw HTML",
+     "memberOf": ""
+    },
+    {
+     "name": "autoCreate",
+     "type": "String/Object",
+     "desc": "A DomHelper element spec, or true for a default element spec (defaults to\n{tag: \"input\", type: \"checkbox\", autocomplete: \"off\"})",
+     "memberOf": ""
+    },
+    {
+     "name": "fieldLabel",
+     "type": "String",
+     "desc": "Label to use when rendering a form.",
+     "memberOf": "Roo.form.Field"
+    },
+    {
+     "name": "qtip",
+     "type": "String",
+     "desc": "Mouse over tip",
+     "memberOf": "Roo.form.Field"
+    },
+    {
+     "name": "name",
+     "type": "String",
+     "desc": "The field's HTML name attribute.",
+     "memberOf": "Roo.form.Field"
+    },
+    {
+     "name": "invalidClass",
+     "type": "String",
+     "desc": "The CSS class to use when marking a field invalid (defaults to \"x-form-invalid\")",
+     "memberOf": "Roo.form.Field"
+    },
+    {
+     "name": "invalidText",
+     "type": "String",
+     "desc": "The error text to use when marking a field invalid and no message is provided (defaults to \"The value in this field is invalid\")",
+     "memberOf": "Roo.form.Field"
+    },
+    {
+     "name": "validationEvent",
+     "type": "String/Boolean",
+     "desc": "The event that should initiate field validation. Set to false to disable\n      automatic validation (defaults to \"keyup\").",
+     "memberOf": "Roo.form.Field"
+    },
+    {
+     "name": "validateOnBlur",
+     "type": "Boolean",
+     "desc": "Whether the field should validate when it loses focus (defaults to true).",
+     "memberOf": "Roo.form.Field"
+    },
+    {
+     "name": "validationDelay",
+     "type": "Number",
+     "desc": "The length of time in milliseconds after user input begins until validation is initiated (defaults to 250)",
+     "memberOf": "Roo.form.Field"
+    },
+    {
+     "name": "msgTarget",
+     "type": "String",
+     "desc": "The location where error text should display.  Should be one of the following values (defaults to 'qtip'):\n<pre>\nValue         Description\n-----------   ----------------------------------------------------------------------\nqtip          Display a quick tip when the user hovers over the field\ntitle         Display a default browser title attribute popup\nunder         Add a block div beneath the field containing the error text\nside          Add an error icon to the right of the field with a popup on hover\n[element id]  Add the error text directly to the innerHTML of the specified element\n</pre>",
+     "memberOf": "Roo.form.Field"
+    },
+    {
+     "name": "msgFx",
+     "type": "String",
+     "desc": "<b>Experimental</b> The effect used when displaying a validation message under the field (defaults to 'normal').",
+     "memberOf": "Roo.form.Field"
+    },
+    {
+     "name": "readOnly",
+     "type": "Boolean",
+     "desc": "True to mark the field as readOnly in HTML (defaults to false) -- Note: this only sets the element's readOnly DOM attribute.",
+     "memberOf": "Roo.form.Field"
+    },
+    {
+     "name": "disabled",
+     "type": "Boolean",
+     "desc": "True to disable the field (defaults to false).",
+     "memberOf": "Roo.form.Field"
+    },
+    {
+     "name": "inputType",
+     "type": "String",
+     "desc": "The type attribute for input fields -- e.g. radio, text, password (defaults to \"text\").",
+     "memberOf": "Roo.form.Field"
+    },
+    {
+     "name": "tabIndex",
+     "type": "Number",
+     "desc": "The tabIndex for this field. Note this only applies to fields that are rendered, not those which are built via applyTo (defaults to undefined).",
+     "memberOf": "Roo.form.Field"
+    },
+    {
+     "name": "value",
+     "type": "Mixed",
+     "desc": "A value to initialize this field with.",
+     "memberOf": "Roo.form.Field"
+    },
+    {
+     "name": "cls",
+     "type": "String",
+     "desc": "A CSS class to apply to the field's underlying element.",
+     "memberOf": "Roo.form.Field"
+    },
+    {
+     "name": "width",
+     "type": "Number",
+     "desc": "width (optional) size of component",
+     "memberOf": "Roo.BoxComponent"
+    },
+    {
+     "name": "height",
+     "type": "Number",
+     "desc": "height (optional) size of component",
+     "memberOf": "Roo.BoxComponent"
+    },
+    {
+     "name": "disableClass",
+     "type": "String",
+     "desc": "CSS class added to the component when it is disabled (defaults to \"x-item-disabled\").",
+     "memberOf": "Roo.Component"
+    },
+    {
+     "name": "allowDomMove",
+     "type": "Boolean",
+     "desc": "Whether the component can move the Dom node when rendering (defaults to true).",
+     "memberOf": "Roo.Component"
+    },
+    {
+     "name": "hideMode",
+     "type": "String",
+     "desc": "How this component should hidden. Supported values are\n\"visibility\" (css visibility), \"offsets\" (negative offset position) and\n\"display\" (css display) - defaults to \"display\".",
+     "memberOf": "Roo.Component"
+    },
+    {
+     "name": "actionMode",
+     "type": "String",
+     "desc": "which property holds the element that used for  hide() / show() / disable() / enable()\ndefault is 'el'",
+     "memberOf": "Roo.Component"
+    },
+    {
+     "name": "listeners",
+     "type": "Object",
+     "desc": "list of events and functions to call for this object, \nFor example :\n<pre><code>\n    listeners :  { \n       'click' : function(e) {\n           ..... \n        } ,\n        .... \n    } \n  </code></pre>",
+     "memberOf": "Roo.util.Observable"
+    }
+   ],
+   "events": [
+    {
+     "name": "beforedestroy",
+     "sig": "function (_self)\n{\n\n}",
+     "type": "function",
+     "desc": "Fires before the component is destroyed. Return false to stop the destroy."
+    },
+    {
+     "name": "beforehide",
+     "sig": "function (_self)\n{\n\n}",
+     "type": "function",
+     "desc": "Fires before the component is hidden. Return false to stop the hide."
+    },
+    {
+     "name": "beforerender",
+     "sig": "function (_self)\n{\n\n}",
+     "type": "function",
+     "desc": "Fires before the component is rendered. Return false to stop the render."
+    },
+    {
+     "name": "beforeshow",
+     "sig": "function (_self)\n{\n\n}",
+     "type": "function",
+     "desc": "Fires before the component is shown.  Return false to stop the show."
+    },
+    {
+     "name": "blur",
+     "sig": "function (_self)\n{\n\n}",
+     "type": "function",
+     "desc": "Fires when this field loses input focus."
+    },
+    {
+     "name": "change",
+     "sig": "function (_self, newValue, oldValue)\n{\n\n}",
+     "type": "function",
+     "desc": "Fires just before the field blurs if the field value has changed."
+    },
+    {
+     "name": "destroy",
+     "sig": "function (_self)\n{\n\n}",
+     "type": "function",
+     "desc": "Fires after the component is destroyed."
+    },
+    {
+     "name": "disable",
+     "sig": "function (_self)\n{\n\n}",
+     "type": "function",
+     "desc": "Fires after the component is disabled."
+    },
+    {
+     "name": "enable",
+     "sig": "function (_self)\n{\n\n}",
+     "type": "function",
+     "desc": "Fires after the component is enabled."
+    },
+    {
+     "name": "focus",
+     "sig": "function (_self)\n{\n\n}",
+     "type": "function",
+     "desc": "Fires when this field receives input focus."
+    },
+    {
+     "name": "hide",
+     "sig": "function (_self)\n{\n\n}",
+     "type": "function",
+     "desc": "Fires after the component is hidden."
+    },
+    {
+     "name": "invalid",
+     "sig": "function (_self, msg)\n{\n\n}",
+     "type": "function",
+     "desc": "Fires after the field has been marked as invalid."
+    },
+    {
+     "name": "keyup",
+     "sig": "function (_self, e)\n{\n\n}",
+     "type": "function",
+     "desc": "Fires after the key up"
+    },
+    {
+     "name": "move",
+     "sig": "function (_self, x, y)\n{\n\n}",
+     "type": "function",
+     "desc": "Fires after the component is moved."
+    },
+    {
+     "name": "render",
+     "sig": "function (_self)\n{\n\n}",
+     "type": "function",
+     "desc": "Fires after the component is rendered."
+    },
+    {
+     "name": "resize",
+     "sig": "function (_self, adjWidth, adjHeight, rawWidth, rawHeight)\n{\n\n}",
+     "type": "function",
+     "desc": "Fires after the component is resized."
+    },
+    {
+     "name": "show",
+     "sig": "function (_self)\n{\n\n}",
+     "type": "function",
+     "desc": "Fires after the component is shown."
+    },
+    {
+     "name": "specialkey",
+     "sig": "function (_self, e)\n{\n\n}",
+     "type": "function",
+     "desc": "Fires when any key related to navigation (arrows, tab, enter, esc, etc.) is pressed.  You can check\n{@link Roo.EventObject#getKey} to determine which key was pressed."
+    },
+    {
+     "name": "valid",
+     "sig": "function (_self)\n{\n\n}",
+     "type": "function",
+     "desc": "Fires after the field has been validated with no errors."
+    }
+   ]
+  },
+  "Roo.form.FCKeditor": {
+   "props": [
+    {
+     "name": "fck",
+     "type": "Object",
+     "desc": "options - see fck manual for details.",
+     "memberOf": ""
+    },
+    {
+     "name": "growMin",
+     "type": "Number",
+     "desc": "The minimum height to allow when grow = true (defaults to 60)",
+     "memberOf": "Roo.form.TextArea"
+    },
+    {
+     "name": "growMax",
+     "type": "Number",
+     "desc": "The maximum height to allow when grow = true (defaults to 1000)",
+     "memberOf": "Roo.form.TextArea"
+    },
+    {
+     "name": "preventScrollbars",
+     "type": "Boolean",
+     "desc": "True to prevent scrollbars from appearing regardless of how much text is\nin the field (equivalent to setting overflow: hidden, defaults to false)",
+     "memberOf": "Roo.form.TextArea"
+    },
+    {
+     "name": "autoCreate",
+     "type": "String/Object",
+     "desc": "A DomHelper element spec, or true for a default element spec (defaults to\n{tag: \"textarea\", style: \"width:300px;height:60px;\", autocomplete: \"off\"})",
+     "memberOf": "Roo.form.TextArea"
+    },
+    {
+     "name": "grow",
+     "type": "Boolean",
+     "desc": "True if this field should automatically grow and shrink to its content",
+     "memberOf": "Roo.form.TextField"
+    },
+    {
+     "name": "vtype",
+     "type": "String",
+     "desc": "A validation type name as defined in {@link Roo.form.VTypes} (defaults to null)",
+     "memberOf": "Roo.form.TextField"
+    },
+    {
+     "name": "maskRe",
+     "type": "String",
+     "desc": "An input mask regular expression that will be used to filter keystrokes that don't match (defaults to null)",
+     "memberOf": "Roo.form.TextField"
+    },
+    {
+     "name": "disableKeyFilter",
+     "type": "Boolean",
+     "desc": "True to disable input keystroke filtering (defaults to false)",
+     "memberOf": "Roo.form.TextField"
+    },
+    {
+     "name": "allowBlank",
+     "type": "Boolean",
+     "desc": "False to validate that the value length > 0 (defaults to true)",
+     "memberOf": "Roo.form.TextField"
+    },
+    {
+     "name": "minLength",
+     "type": "Number",
+     "desc": "Minimum input field length required (defaults to 0)",
+     "memberOf": "Roo.form.TextField"
+    },
+    {
+     "name": "maxLength",
+     "type": "Number",
+     "desc": "Maximum input field length allowed (defaults to Number.MAX_VALUE)",
+     "memberOf": "Roo.form.TextField"
+    },
+    {
+     "name": "minLengthText",
+     "type": "String",
+     "desc": "Error text to display if the minimum length validation fails (defaults to \"The minimum length for this field is {minLength}\")",
+     "memberOf": "Roo.form.TextField"
+    },
+    {
+     "name": "maxLengthText",
+     "type": "String",
+     "desc": "Error text to display if the maximum length validation fails (defaults to \"The maximum length for this field is {maxLength}\")",
+     "memberOf": "Roo.form.TextField"
+    },
+    {
+     "name": "selectOnFocus",
+     "type": "Boolean",
+     "desc": "True to automatically select any existing field text when the field receives input focus (defaults to false)",
+     "memberOf": "Roo.form.TextField"
+    },
+    {
+     "name": "blankText",
+     "type": "String",
+     "desc": "Error text to display if the allow blank validation fails (defaults to \"This field is required\")",
+     "memberOf": "Roo.form.TextField"
+    },
+    {
+     "name": "validator",
+     "type": "Function",
+     "desc": "A custom validation function to be called during field validation (defaults to null).\nIf available, this function will be called only after the basic validators all return true, and will be passed the\ncurrent field value and expected to return boolean true if the value is valid or a string error message if invalid.",
+     "memberOf": "Roo.form.TextField"
+    },
+    {
+     "name": "regex",
+     "type": "RegExp",
+     "desc": "A JavaScript RegExp object to be tested against the field value during validation (defaults to null).\nIf available, this regex will be evaluated only after the basic validators all return true, and will be passed the\ncurrent field value.  If the test fails, the field will be marked invalid using {@link #regexText}.",
+     "memberOf": "Roo.form.TextField"
+    },
+    {
+     "name": "regexText",
+     "type": "String",
+     "desc": "The error text to display if {@link #regex} is used and the test fails during validation (defaults to \"\")",
+     "memberOf": "Roo.form.TextField"
+    },
+    {
+     "name": "emptyText",
+     "type": "String",
+     "desc": "The default text to display in an empty field - placeholder... (defaults to null).",
+     "memberOf": "Roo.form.TextField"
+    },
+    {
+     "name": "fieldLabel",
+     "type": "String",
+     "desc": "Label to use when rendering a form.",
+     "memberOf": "Roo.form.Field"
+    },
+    {
+     "name": "qtip",
+     "type": "String",
+     "desc": "Mouse over tip",
+     "memberOf": "Roo.form.Field"
+    },
+    {
+     "name": "name",
+     "type": "String",
+     "desc": "The field's HTML name attribute.",
+     "memberOf": "Roo.form.Field"
+    },
+    {
+     "name": "invalidClass",
+     "type": "String",
+     "desc": "The CSS class to use when marking a field invalid (defaults to \"x-form-invalid\")",
+     "memberOf": "Roo.form.Field"
+    },
+    {
+     "name": "invalidText",
+     "type": "String",
+     "desc": "The error text to use when marking a field invalid and no message is provided (defaults to \"The value in this field is invalid\")",
+     "memberOf": "Roo.form.Field"
+    },
+    {
+     "name": "focusClass",
+     "type": "String",
+     "desc": "The CSS class to use when the field receives focus (defaults to \"x-form-focus\")",
+     "memberOf": "Roo.form.Field"
+    },
+    {
+     "name": "validationEvent",
+     "type": "String/Boolean",
+     "desc": "The event that should initiate field validation. Set to false to disable\n      automatic validation (defaults to \"keyup\").",
+     "memberOf": "Roo.form.Field"
+    },
+    {
+     "name": "validateOnBlur",
+     "type": "Boolean",
+     "desc": "Whether the field should validate when it loses focus (defaults to true).",
+     "memberOf": "Roo.form.Field"
+    },
+    {
+     "name": "validationDelay",
+     "type": "Number",
+     "desc": "The length of time in milliseconds after user input begins until validation is initiated (defaults to 250)",
+     "memberOf": "Roo.form.Field"
+    },
+    {
+     "name": "fieldClass",
+     "type": "String",
+     "desc": "The default CSS class for the field (defaults to \"x-form-field\")",
+     "memberOf": "Roo.form.Field"
+    },
+    {
+     "name": "msgTarget",
+     "type": "String",
+     "desc": "The location where error text should display.  Should be one of the following values (defaults to 'qtip'):\n<pre>\nValue         Description\n-----------   ----------------------------------------------------------------------\nqtip          Display a quick tip when the user hovers over the field\ntitle         Display a default browser title attribute popup\nunder         Add a block div beneath the field containing the error text\nside          Add an error icon to the right of the field with a popup on hover\n[element id]  Add the error text directly to the innerHTML of the specified element\n</pre>",
+     "memberOf": "Roo.form.Field"
+    },
+    {
+     "name": "msgFx",
+     "type": "String",
+     "desc": "<b>Experimental</b> The effect used when displaying a validation message under the field (defaults to 'normal').",
+     "memberOf": "Roo.form.Field"
+    },
+    {
+     "name": "readOnly",
+     "type": "Boolean",
+     "desc": "True to mark the field as readOnly in HTML (defaults to false) -- Note: this only sets the element's readOnly DOM attribute.",
+     "memberOf": "Roo.form.Field"
+    },
+    {
+     "name": "disabled",
+     "type": "Boolean",
+     "desc": "True to disable the field (defaults to false).",
+     "memberOf": "Roo.form.Field"
+    },
+    {
+     "name": "inputType",
+     "type": "String",
+     "desc": "The type attribute for input fields -- e.g. radio, text, password (defaults to \"text\").",
+     "memberOf": "Roo.form.Field"
+    },
+    {
+     "name": "tabIndex",
+     "type": "Number",
+     "desc": "The tabIndex for this field. Note this only applies to fields that are rendered, not those which are built via applyTo (defaults to undefined).",
+     "memberOf": "Roo.form.Field"
+    },
+    {
+     "name": "value",
+     "type": "Mixed",
+     "desc": "A value to initialize this field with.",
+     "memberOf": "Roo.form.Field"
+    },
+    {
+     "name": "cls",
+     "type": "String",
+     "desc": "A CSS class to apply to the field's underlying element.",
+     "memberOf": "Roo.form.Field"
+    },
+    {
+     "name": "width",
+     "type": "Number",
+     "desc": "width (optional) size of component",
+     "memberOf": "Roo.BoxComponent"
+    },
+    {
+     "name": "height",
+     "type": "Number",
+     "desc": "height (optional) size of component",
+     "memberOf": "Roo.BoxComponent"
+    },
+    {
+     "name": "disableClass",
+     "type": "String",
+     "desc": "CSS class added to the component when it is disabled (defaults to \"x-item-disabled\").",
+     "memberOf": "Roo.Component"
+    },
+    {
+     "name": "allowDomMove",
+     "type": "Boolean",
+     "desc": "Whether the component can move the Dom node when rendering (defaults to true).",
+     "memberOf": "Roo.Component"
+    },
+    {
+     "name": "hideMode",
+     "type": "String",
+     "desc": "How this component should hidden. Supported values are\n\"visibility\" (css visibility), \"offsets\" (negative offset position) and\n\"display\" (css display) - defaults to \"display\".",
+     "memberOf": "Roo.Component"
+    },
+    {
+     "name": "actionMode",
+     "type": "String",
+     "desc": "which property holds the element that used for  hide() / show() / disable() / enable()\ndefault is 'el'",
+     "memberOf": "Roo.Component"
+    },
+    {
+     "name": "listeners",
+     "type": "Object",
+     "desc": "list of events and functions to call for this object, \nFor example :\n<pre><code>\n    listeners :  { \n       'click' : function(e) {\n           ..... \n        } ,\n        .... \n    } \n  </code></pre>",
+     "memberOf": "Roo.util.Observable"
+    }
+   ],
+   "events": [
+    {
+     "name": "autosize",
+     "sig": "function (_self, width)\n{\n\n}",
+     "type": "function",
+     "desc": "Fires when the autosize function is triggered.  The field may or may not have actually changed size\naccording to the default logic, but this event provides a hook for the developer to apply additional\nlogic at runtime to resize the field if needed."
+    },
+    {
+     "name": "beforedestroy",
+     "sig": "function (_self)\n{\n\n}",
+     "type": "function",
+     "desc": "Fires before the component is destroyed. Return false to stop the destroy."
+    },
+    {
+     "name": "beforehide",
+     "sig": "function (_self)\n{\n\n}",
+     "type": "function",
+     "desc": "Fires before the component is hidden. Return false to stop the hide."
+    },
+    {
+     "name": "beforerender",
+     "sig": "function (_self)\n{\n\n}",
+     "type": "function",
+     "desc": "Fires before the component is rendered. Return false to stop the render."
+    },
+    {
+     "name": "beforeshow",
+     "sig": "function (_self)\n{\n\n}",
+     "type": "function",
+     "desc": "Fires before the component is shown.  Return false to stop the show."
+    },
+    {
+     "name": "blur",
+     "sig": "function (_self)\n{\n\n}",
+     "type": "function",
+     "desc": "Fires when this field loses input focus."
+    },
+    {
+     "name": "change",
+     "sig": "function (_self, newValue, oldValue)\n{\n\n}",
+     "type": "function",
+     "desc": "Fires just before the field blurs if the field value has changed."
+    },
+    {
+     "name": "destroy",
+     "sig": "function (_self)\n{\n\n}",
+     "type": "function",
+     "desc": "Fires after the component is destroyed."
+    },
+    {
+     "name": "disable",
+     "sig": "function (_self)\n{\n\n}",
+     "type": "function",
+     "desc": "Fires after the component is disabled."
+    },
+    {
+     "name": "editorinit",
+     "sig": "function (_self, the)\n{\n\n}",
+     "type": "function",
+     "desc": "Fired when the editor is initialized - you can add extra handlers here.."
+    },
+    {
+     "name": "enable",
+     "sig": "function (_self)\n{\n\n}",
+     "type": "function",
+     "desc": "Fires after the component is enabled."
+    },
+    {
+     "name": "focus",
+     "sig": "function (_self)\n{\n\n}",
+     "type": "function",
+     "desc": "Fires when this field receives input focus."
+    },
+    {
+     "name": "hide",
+     "sig": "function (_self)\n{\n\n}",
+     "type": "function",
+     "desc": "Fires after the component is hidden."
+    },
+    {
+     "name": "invalid",
+     "sig": "function (_self, msg)\n{\n\n}",
+     "type": "function",
+     "desc": "Fires after the field has been marked as invalid."
+    },
+    {
+     "name": "keyup",
+     "sig": "function (_self, e)\n{\n\n}",
+     "type": "function",
+     "desc": "Fires after the key up"
+    },
+    {
+     "name": "move",
+     "sig": "function (_self, x, y)\n{\n\n}",
+     "type": "function",
+     "desc": "Fires after the component is moved."
+    },
+    {
+     "name": "render",
+     "sig": "function (_self)\n{\n\n}",
+     "type": "function",
+     "desc": "Fires after the component is rendered."
+    },
+    {
+     "name": "resize",
+     "sig": "function (_self, adjWidth, adjHeight, rawWidth, rawHeight)\n{\n\n}",
+     "type": "function",
+     "desc": "Fires after the component is resized."
+    },
+    {
+     "name": "show",
+     "sig": "function (_self)\n{\n\n}",
+     "type": "function",
+     "desc": "Fires after the component is shown."
+    },
+    {
+     "name": "specialkey",
+     "sig": "function (_self, e)\n{\n\n}",
+     "type": "function",
+     "desc": "Fires when any key related to navigation (arrows, tab, enter, esc, etc.) is pressed.  You can check\n{@link Roo.EventObject#getKey} to determine which key was pressed."
+    },
+    {
+     "name": "valid",
+     "sig": "function (_self)\n{\n\n}",
+     "type": "function",
+     "desc": "Fires after the field has been validated with no errors."
+    }
+   ]
+  },
+  "Roo.form.Field": {
+   "props": [
+    {
+     "name": "fieldLabel",
+     "type": "String",
+     "desc": "Label to use when rendering a form.",
+     "memberOf": ""
+    },
+    {
+     "name": "qtip",
+     "type": "String",
+     "desc": "Mouse over tip",
+     "memberOf": ""
+    },
+    {
+     "name": "name",
+     "type": "String",
+     "desc": "The field's HTML name attribute.",
+     "memberOf": ""
+    },
+    {
+     "name": "invalidClass",
+     "type": "String",
+     "desc": "The CSS class to use when marking a field invalid (defaults to \"x-form-invalid\")",
+     "memberOf": ""
+    },
+    {
+     "name": "invalidText",
+     "type": "String",
+     "desc": "The error text to use when marking a field invalid and no message is provided (defaults to \"The value in this field is invalid\")",
+     "memberOf": ""
+    },
+    {
+     "name": "focusClass",
+     "type": "String",
+     "desc": "The CSS class to use when the field receives focus (defaults to \"x-form-focus\")",
+     "memberOf": ""
+    },
+    {
+     "name": "validationEvent",
+     "type": "String/Boolean",
+     "desc": "The event that should initiate field validation. Set to false to disable\n      automatic validation (defaults to \"keyup\").",
+     "memberOf": ""
+    },
+    {
+     "name": "validateOnBlur",
+     "type": "Boolean",
+     "desc": "Whether the field should validate when it loses focus (defaults to true).",
+     "memberOf": ""
+    },
+    {
+     "name": "validationDelay",
+     "type": "Number",
+     "desc": "The length of time in milliseconds after user input begins until validation is initiated (defaults to 250)",
+     "memberOf": ""
+    },
+    {
+     "name": "autoCreate",
+     "type": "String/Object",
+     "desc": "A DomHelper element spec, or true for a default element spec (defaults to\n{tag: \"input\", type: \"text\", size: \"20\", autocomplete: \"off\"})",
+     "memberOf": ""
+    },
+    {
+     "name": "fieldClass",
+     "type": "String",
+     "desc": "The default CSS class for the field (defaults to \"x-form-field\")",
+     "memberOf": ""
+    },
+    {
+     "name": "msgTarget",
+     "type": "String",
+     "desc": "The location where error text should display.  Should be one of the following values (defaults to 'qtip'):\n<pre>\nValue         Description\n-----------   ----------------------------------------------------------------------\nqtip          Display a quick tip when the user hovers over the field\ntitle         Display a default browser title attribute popup\nunder         Add a block div beneath the field containing the error text\nside          Add an error icon to the right of the field with a popup on hover\n[element id]  Add the error text directly to the innerHTML of the specified element\n</pre>",
+     "memberOf": ""
+    },
+    {
+     "name": "msgFx",
+     "type": "String",
+     "desc": "<b>Experimental</b> The effect used when displaying a validation message under the field (defaults to 'normal').",
+     "memberOf": ""
+    },
+    {
+     "name": "readOnly",
+     "type": "Boolean",
+     "desc": "True to mark the field as readOnly in HTML (defaults to false) -- Note: this only sets the element's readOnly DOM attribute.",
+     "memberOf": ""
+    },
+    {
+     "name": "disabled",
+     "type": "Boolean",
+     "desc": "True to disable the field (defaults to false).",
+     "memberOf": ""
+    },
+    {
+     "name": "inputType",
+     "type": "String",
+     "desc": "The type attribute for input fields -- e.g. radio, text, password (defaults to \"text\").",
+     "memberOf": ""
+    },
+    {
+     "name": "tabIndex",
+     "type": "Number",
+     "desc": "The tabIndex for this field. Note this only applies to fields that are rendered, not those which are built via applyTo (defaults to undefined).",
+     "memberOf": ""
+    },
+    {
+     "name": "value",
+     "type": "Mixed",
+     "desc": "A value to initialize this field with.",
+     "memberOf": ""
+    },
+    {
+     "name": "cls",
+     "type": "String",
+     "desc": "A CSS class to apply to the field's underlying element.",
+     "memberOf": ""
+    },
+    {
+     "name": "width",
+     "type": "Number",
+     "desc": "width (optional) size of component",
+     "memberOf": "Roo.BoxComponent"
+    },
+    {
+     "name": "height",
+     "type": "Number",
+     "desc": "height (optional) size of component",
+     "memberOf": "Roo.BoxComponent"
+    },
+    {
+     "name": "disableClass",
+     "type": "String",
+     "desc": "CSS class added to the component when it is disabled (defaults to \"x-item-disabled\").",
+     "memberOf": "Roo.Component"
+    },
+    {
+     "name": "allowDomMove",
+     "type": "Boolean",
+     "desc": "Whether the component can move the Dom node when rendering (defaults to true).",
+     "memberOf": "Roo.Component"
+    },
+    {
+     "name": "hideMode",
+     "type": "String",
+     "desc": "How this component should hidden. Supported values are\n\"visibility\" (css visibility), \"offsets\" (negative offset position) and\n\"display\" (css display) - defaults to \"display\".",
+     "memberOf": "Roo.Component"
+    },
+    {
+     "name": "actionMode",
+     "type": "String",
+     "desc": "which property holds the element that used for  hide() / show() / disable() / enable()\ndefault is 'el'",
+     "memberOf": "Roo.Component"
+    },
+    {
+     "name": "listeners",
+     "type": "Object",
+     "desc": "list of events and functions to call for this object, \nFor example :\n<pre><code>\n    listeners :  { \n       'click' : function(e) {\n           ..... \n        } ,\n        .... \n    } \n  </code></pre>",
+     "memberOf": "Roo.util.Observable"
+    }
+   ],
+   "events": [
+    {
+     "name": "beforedestroy",
+     "sig": "function (_self)\n{\n\n}",
+     "type": "function",
+     "desc": "Fires before the component is destroyed. Return false to stop the destroy."
+    },
+    {
+     "name": "beforehide",
+     "sig": "function (_self)\n{\n\n}",
+     "type": "function",
+     "desc": "Fires before the component is hidden. Return false to stop the hide."
+    },
+    {
+     "name": "beforerender",
+     "sig": "function (_self)\n{\n\n}",
+     "type": "function",
+     "desc": "Fires before the component is rendered. Return false to stop the render."
+    },
+    {
+     "name": "beforeshow",
+     "sig": "function (_self)\n{\n\n}",
+     "type": "function",
+     "desc": "Fires before the component is shown.  Return false to stop the show."
+    },
+    {
+     "name": "blur",
+     "sig": "function (_self)\n{\n\n}",
+     "type": "function",
+     "desc": "Fires when this field loses input focus."
+    },
+    {
+     "name": "change",
+     "sig": "function (_self, newValue, oldValue)\n{\n\n}",
+     "type": "function",
+     "desc": "Fires just before the field blurs if the field value has changed."
+    },
+    {
+     "name": "destroy",
+     "sig": "function (_self)\n{\n\n}",
+     "type": "function",
+     "desc": "Fires after the component is destroyed."
+    },
+    {
+     "name": "disable",
+     "sig": "function (_self)\n{\n\n}",
+     "type": "function",
+     "desc": "Fires after the component is disabled."
+    },
+    {
+     "name": "enable",
+     "sig": "function (_self)\n{\n\n}",
+     "type": "function",
+     "desc": "Fires after the component is enabled."
+    },
+    {
+     "name": "focus",
+     "sig": "function (_self)\n{\n\n}",
+     "type": "function",
+     "desc": "Fires when this field receives input focus."
+    },
+    {
+     "name": "hide",
+     "sig": "function (_self)\n{\n\n}",
+     "type": "function",
+     "desc": "Fires after the component is hidden."
+    },
+    {
+     "name": "invalid",
+     "sig": "function (_self, msg)\n{\n\n}",
+     "type": "function",
+     "desc": "Fires after the field has been marked as invalid."
+    },
+    {
+     "name": "keyup",
+     "sig": "function (_self, e)\n{\n\n}",
+     "type": "function",
+     "desc": "Fires after the key up"
+    },
+    {
+     "name": "move",
+     "sig": "function (_self, x, y)\n{\n\n}",
+     "type": "function",
+     "desc": "Fires after the component is moved."
+    },
+    {
+     "name": "render",
+     "sig": "function (_self)\n{\n\n}",
+     "type": "function",
+     "desc": "Fires after the component is rendered."
+    },
+    {
+     "name": "resize",
+     "sig": "function (_self, adjWidth, adjHeight, rawWidth, rawHeight)\n{\n\n}",
+     "type": "function",
+     "desc": "Fires after the component is resized."
+    },
+    {
+     "name": "show",
+     "sig": "function (_self)\n{\n\n}",
+     "type": "function",
+     "desc": "Fires after the component is shown."
+    },
+    {
+     "name": "specialkey",
+     "sig": "function (_self, e)\n{\n\n}",
+     "type": "function",
+     "desc": "Fires when any key related to navigation (arrows, tab, enter, esc, etc.) is pressed.  You can check\n{@link Roo.EventObject#getKey} to determine which key was pressed."
+    },
+    {
+     "name": "valid",
+     "sig": "function (_self)\n{\n\n}",
+     "type": "function",
+     "desc": "Fires after the field has been validated with no errors."
+    }
+   ]
+  },
+  "Roo.form.FieldSet": {
+   "props": [
+    {
+     "name": "legend",
+     "type": "String",
+     "desc": "The text to display as the legend for the FieldSet (defaults to '')",
+     "memberOf": ""
+    },
+    {
+     "name": "autoCreate",
+     "type": "String/Object",
+     "desc": "A DomHelper element spec used to autocreate the fieldset (defaults to {tag: 'fieldset', cn: {tag:'legend'}})",
+     "memberOf": ""
+    },
+    {
+     "name": "style",
+     "type": "String/Object/Function",
+     "desc": "A style specification string, e.g. \"width:100px\", or object in the form {width:\"100px\"}, or\na function which returns such a specification.",
+     "memberOf": "Roo.form.Layout"
+    },
+    {
+     "name": "labelAlign",
+     "type": "String",
+     "desc": "Valid values are \"left,\" \"top\" and \"right\" (defaults to \"left\")",
+     "memberOf": "Roo.form.Layout"
+    },
+    {
+     "name": "labelWidth",
+     "type": "Number",
+     "desc": "Fixed width in pixels of all field labels (defaults to undefined)",
+     "memberOf": "Roo.form.Layout"
+    },
+    {
+     "name": "clear",
+     "type": "Boolean",
+     "desc": "True to add a clearing element at the end of this layout, equivalent to CSS clear: both (defaults to true)",
+     "memberOf": "Roo.form.Layout"
+    },
+    {
+     "name": "labelSeparator",
+     "type": "String",
+     "desc": "The separator to use after field labels (defaults to ':')",
+     "memberOf": "Roo.form.Layout"
+    },
+    {
+     "name": "hideLabels",
+     "type": "Boolean",
+     "desc": "True to suppress the display of field labels in this layout (defaults to false)",
+     "memberOf": "Roo.form.Layout"
+    },
+    {
+     "name": "disableClass",
+     "type": "String",
+     "desc": "CSS class added to the component when it is disabled (defaults to \"x-item-disabled\").",
+     "memberOf": "Roo.Component"
+    },
+    {
+     "name": "allowDomMove",
+     "type": "Boolean",
+     "desc": "Whether the component can move the Dom node when rendering (defaults to true).",
+     "memberOf": "Roo.Component"
+    },
+    {
+     "name": "hideMode",
+     "type": "String",
+     "desc": "How this component should hidden. Supported values are\n\"visibility\" (css visibility), \"offsets\" (negative offset position) and\n\"display\" (css display) - defaults to \"display\".",
+     "memberOf": "Roo.Component"
+    },
+    {
+     "name": "actionMode",
+     "type": "String",
+     "desc": "which property holds the element that used for  hide() / show() / disable() / enable()\ndefault is 'el'",
+     "memberOf": "Roo.Component"
+    },
+    {
+     "name": "listeners",
+     "type": "Object",
+     "desc": "list of events and functions to call for this object, \nFor example :\n<pre><code>\n    listeners :  { \n       'click' : function(e) {\n           ..... \n        } ,\n        .... \n    } \n  </code></pre>",
+     "memberOf": "Roo.util.Observable"
+    }
+   ],
+   "events": [
+    {
+     "name": "beforedestroy",
+     "sig": "function (_self)\n{\n\n}",
+     "type": "function",
+     "desc": "Fires before the component is destroyed. Return false to stop the destroy."
+    },
+    {
+     "name": "beforehide",
+     "sig": "function (_self)\n{\n\n}",
+     "type": "function",
+     "desc": "Fires before the component is hidden. Return false to stop the hide."
+    },
+    {
+     "name": "beforerender",
+     "sig": "function (_self)\n{\n\n}",
+     "type": "function",
+     "desc": "Fires before the component is rendered. Return false to stop the render."
+    },
+    {
+     "name": "beforeshow",
+     "sig": "function (_self)\n{\n\n}",
+     "type": "function",
+     "desc": "Fires before the component is shown.  Return false to stop the show."
+    },
+    {
+     "name": "destroy",
+     "sig": "function (_self)\n{\n\n}",
+     "type": "function",
+     "desc": "Fires after the component is destroyed."
+    },
+    {
+     "name": "disable",
+     "sig": "function (_self)\n{\n\n}",
+     "type": "function",
+     "desc": "Fires after the component is disabled."
+    },
+    {
+     "name": "enable",
+     "sig": "function (_self)\n{\n\n}",
+     "type": "function",
+     "desc": "Fires after the component is enabled."
+    },
+    {
+     "name": "hide",
+     "sig": "function (_self)\n{\n\n}",
+     "type": "function",
+     "desc": "Fires after the component is hidden."
+    },
+    {
+     "name": "render",
+     "sig": "function (_self)\n{\n\n}",
+     "type": "function",
+     "desc": "Fires after the component is rendered."
+    },
+    {
+     "name": "show",
+     "sig": "function (_self)\n{\n\n}",
+     "type": "function",
+     "desc": "Fires after the component is shown."
+    }
+   ]
+  },
+  "Roo.form.Form": {
+   "props": [
+    {
+     "name": "labelWidth",
+     "type": "Number",
+     "desc": "The width of labels. This property cascades to child containers.",
+     "memberOf": ""
+    },
+    {
+     "name": "itemCls",
+     "type": "String",
+     "desc": "A css class to apply to the x-form-item of fields. This property cascades to child containers.",
+     "memberOf": ""
+    },
+    {
+     "name": "buttonAlign",
+     "type": "String",
+     "desc": "Valid values are \"left,\" \"center\" and \"right\" (defaults to \"center\")",
+     "memberOf": ""
+    },
+    {
+     "name": "minButtonWidth",
+     "type": "Number",
+     "desc": "Minimum width of all buttons in pixels (defaults to 75)",
+     "memberOf": ""
+    },
+    {
+     "name": "labelAlign",
+     "type": "String",
+     "desc": "Valid values are \"left,\" \"top\" and \"right\" (defaults to \"left\").\nThis property cascades to child containers if not set.",
+     "memberOf": ""
+    },
+    {
+     "name": "monitorValid",
+     "type": "Boolean",
+     "desc": "If true the form monitors its valid state <b>client-side</b> and\nfires a looping event with that state. This is required to bind buttons to the valid\nstate using the config value formBind:true on the button.",
+     "memberOf": ""
+    },
+    {
+     "name": "monitorPoll",
+     "type": "Number",
+     "desc": "The milliseconds to poll valid state, ignored if monitorValid is not true (defaults to 200)",
+     "memberOf": ""
+    },
+    {
+     "name": "progressUrl",
+     "type": "String",
+     "desc": "- Url to return progress data",
+     "memberOf": ""
+    },
+    {
+     "name": "method",
+     "type": "String",
+     "desc": "The request method to use (GET or POST) for form actions if one isn't supplied in the action options.",
+     "memberOf": "Roo.form.BasicForm"
+    },
+    {
+     "name": "reader",
+     "type": "DataReader",
+     "desc": "An Roo.data.DataReader (e.g. {@link Roo.data.XmlReader}) to be used to read data when executing \"load\" actions.\nThis is optional as there is built-in support for processing JSON.",
+     "memberOf": "Roo.form.BasicForm"
+    },
+    {
+     "name": "errorReader",
+     "type": "DataReader",
+     "desc": "An Roo.data.DataReader (e.g. {@link Roo.data.XmlReader}) to be used to read data when reading validation errors on \"submit\" actions.\nThis is completely optional as there is built-in support for processing JSON.",
+     "memberOf": "Roo.form.BasicForm"
+    },
+    {
+     "name": "url",
+     "type": "String",
+     "desc": "The URL to use for form actions if one isn't supplied in the action options.",
+     "memberOf": "Roo.form.BasicForm"
+    },
+    {
+     "name": "fileUpload",
+     "type": "Boolean",
+     "desc": "Set to true if this form is a file upload.",
+     "memberOf": "Roo.form.BasicForm"
+    },
+    {
+     "name": "baseParams",
+     "type": "Object",
+     "desc": "Parameters to pass with all requests. e.g. baseParams: {id: '123', foo: 'bar'}.",
+     "memberOf": "Roo.form.BasicForm"
+    },
+    {
+     "name": "timeout",
+     "type": "Number",
+     "desc": "Timeout for form actions in seconds (default is 30 seconds).",
+     "memberOf": "Roo.form.BasicForm"
+    },
+    {
+     "name": "trackResetOnLoad",
+     "type": "Boolean",
+     "desc": "If set to true, form.reset() resets to the last loaded\nor setValues() data instead of when the form was first created.",
+     "memberOf": "Roo.form.BasicForm"
+    },
+    {
+     "name": "listeners",
+     "type": "Object",
+     "desc": "list of events and functions to call for this object, \nFor example :\n<pre><code>\n    listeners :  { \n       'click' : function(e) {\n           ..... \n        } ,\n        .... \n    } \n  </code></pre>",
+     "memberOf": "Roo.util.Observable"
+    }
+   ],
+   "events": [
+    {
+     "name": "actioncomplete",
+     "sig": "function (_self, action)\n{\n\n}",
+     "type": "function",
+     "desc": "Fires when an action is completed."
+    },
+    {
+     "name": "actionfailed",
+     "sig": "function (_self, action)\n{\n\n}",
+     "type": "function",
+     "desc": "Fires when an action fails."
+    },
+    {
+     "name": "beforeaction",
+     "sig": "function (_self, action)\n{\n\n}",
+     "type": "function",
+     "desc": "Fires before any action is performed. Return false to cancel the action."
+    },
+    {
+     "name": "clientvalidation",
+     "sig": "function (_self, valid)\n{\n\n}",
+     "type": "function",
+     "desc": "If the monitorValid config option is true, this event fires repetitively to notify of valid state"
+    },
+    {
+     "name": "rendered",
+     "sig": "function (form)\n{\n\n}",
+     "type": "function",
+     "desc": "Fires when the form is rendered"
+    }
+   ]
+  },
+  "Roo.form.GridField": {
+   "props": [
+    {
+     "name": "width",
+     "type": "Number",
+     "desc": "- used to restrict width of grid..",
+     "memberOf": ""
+    },
+    {
+     "name": "height",
+     "type": "Number",
+     "desc": "- used to restrict height of grid..",
+     "memberOf": ""
+    },
+    {
+     "name": "xgrid",
+     "type": "Object",
+     "desc": "(xtype'd description of grid) { xtype : 'Grid', dataSource: .... }\n\n}",
+     "memberOf": ""
+    },
+    {
+     "name": "autoCreate",
+     "type": "String/Object",
+     "desc": "A DomHelper element spec, or true for a default element spec (defaults to\n{tag: \"input\", type: \"checkbox\", autocomplete: \"off\"})",
+     "memberOf": ""
+    },
+    {
+     "name": "addTitle",
+     "type": "String",
+     "desc": "Text to include for adding a title.",
+     "memberOf": ""
+    },
+    {
+     "name": "fieldLabel",
+     "type": "String",
+     "desc": "Label to use when rendering a form.",
+     "memberOf": "Roo.form.Field"
+    },
+    {
+     "name": "qtip",
+     "type": "String",
+     "desc": "Mouse over tip",
+     "memberOf": "Roo.form.Field"
+    },
+    {
+     "name": "name",
+     "type": "String",
+     "desc": "The field's HTML name attribute.",
+     "memberOf": "Roo.form.Field"
+    },
+    {
+     "name": "invalidClass",
+     "type": "String",
+     "desc": "The CSS class to use when marking a field invalid (defaults to \"x-form-invalid\")",
+     "memberOf": "Roo.form.Field"
+    },
+    {
+     "name": "invalidText",
+     "type": "String",
+     "desc": "The error text to use when marking a field invalid and no message is provided (defaults to \"The value in this field is invalid\")",
+     "memberOf": "Roo.form.Field"
+    },
+    {
+     "name": "focusClass",
+     "type": "String",
+     "desc": "The CSS class to use when the field receives focus (defaults to \"x-form-focus\")",
+     "memberOf": "Roo.form.Field"
+    },
+    {
+     "name": "validationEvent",
+     "type": "String/Boolean",
+     "desc": "The event that should initiate field validation. Set to false to disable\n      automatic validation (defaults to \"keyup\").",
+     "memberOf": "Roo.form.Field"
+    },
+    {
+     "name": "validateOnBlur",
+     "type": "Boolean",
+     "desc": "Whether the field should validate when it loses focus (defaults to true).",
+     "memberOf": "Roo.form.Field"
+    },
+    {
+     "name": "validationDelay",
+     "type": "Number",
+     "desc": "The length of time in milliseconds after user input begins until validation is initiated (defaults to 250)",
+     "memberOf": "Roo.form.Field"
+    },
+    {
+     "name": "fieldClass",
+     "type": "String",
+     "desc": "The default CSS class for the field (defaults to \"x-form-field\")",
+     "memberOf": "Roo.form.Field"
+    },
+    {
+     "name": "msgTarget",
+     "type": "String",
+     "desc": "The location where error text should display.  Should be one of the following values (defaults to 'qtip'):\n<pre>\nValue         Description\n-----------   ----------------------------------------------------------------------\nqtip          Display a quick tip when the user hovers over the field\ntitle         Display a default browser title attribute popup\nunder         Add a block div beneath the field containing the error text\nside          Add an error icon to the right of the field with a popup on hover\n[element id]  Add the error text directly to the innerHTML of the specified element\n</pre>",
+     "memberOf": "Roo.form.Field"
+    },
+    {
+     "name": "msgFx",
+     "type": "String",
+     "desc": "<b>Experimental</b> The effect used when displaying a validation message under the field (defaults to 'normal').",
+     "memberOf": "Roo.form.Field"
+    },
+    {
+     "name": "readOnly",
+     "type": "Boolean",
+     "desc": "True to mark the field as readOnly in HTML (defaults to false) -- Note: this only sets the element's readOnly DOM attribute.",
+     "memberOf": "Roo.form.Field"
+    },
+    {
+     "name": "disabled",
+     "type": "Boolean",
+     "desc": "True to disable the field (defaults to false).",
+     "memberOf": "Roo.form.Field"
+    },
+    {
+     "name": "inputType",
+     "type": "String",
+     "desc": "The type attribute for input fields -- e.g. radio, text, password (defaults to \"text\").",
+     "memberOf": "Roo.form.Field"
+    },
+    {
+     "name": "tabIndex",
+     "type": "Number",
+     "desc": "The tabIndex for this field. Note this only applies to fields that are rendered, not those which are built via applyTo (defaults to undefined).",
+     "memberOf": "Roo.form.Field"
+    },
+    {
+     "name": "value",
+     "type": "Mixed",
+     "desc": "A value to initialize this field with.",
+     "memberOf": "Roo.form.Field"
+    },
+    {
+     "name": "cls",
+     "type": "String",
+     "desc": "A CSS class to apply to the field's underlying element.",
+     "memberOf": "Roo.form.Field"
+    },
+    {
+     "name": "disableClass",
+     "type": "String",
+     "desc": "CSS class added to the component when it is disabled (defaults to \"x-item-disabled\").",
+     "memberOf": "Roo.Component"
+    },
+    {
+     "name": "allowDomMove",
+     "type": "Boolean",
+     "desc": "Whether the component can move the Dom node when rendering (defaults to true).",
+     "memberOf": "Roo.Component"
+    },
+    {
+     "name": "hideMode",
+     "type": "String",
+     "desc": "How this component should hidden. Supported values are\n\"visibility\" (css visibility), \"offsets\" (negative offset position) and\n\"display\" (css display) - defaults to \"display\".",
+     "memberOf": "Roo.Component"
+    },
+    {
+     "name": "actionMode",
+     "type": "String",
+     "desc": "which property holds the element that used for  hide() / show() / disable() / enable()\ndefault is 'el'",
+     "memberOf": "Roo.Component"
+    },
+    {
+     "name": "listeners",
+     "type": "Object",
+     "desc": "list of events and functions to call for this object, \nFor example :\n<pre><code>\n    listeners :  { \n       'click' : function(e) {\n           ..... \n        } ,\n        .... \n    } \n  </code></pre>",
+     "memberOf": "Roo.util.Observable"
+    }
+   ],
+   "events": [
+    {
+     "name": "beforedestroy",
+     "sig": "function (_self)\n{\n\n}",
+     "type": "function",
+     "desc": "Fires before the component is destroyed. Return false to stop the destroy."
+    },
+    {
+     "name": "beforehide",
+     "sig": "function (_self)\n{\n\n}",
+     "type": "function",
+     "desc": "Fires before the component is hidden. Return false to stop the hide."
+    },
+    {
+     "name": "beforerender",
+     "sig": "function (_self)\n{\n\n}",
+     "type": "function",
+     "desc": "Fires before the component is rendered. Return false to stop the render."
+    },
+    {
+     "name": "beforeshow",
+     "sig": "function (_self)\n{\n\n}",
+     "type": "function",
+     "desc": "Fires before the component is shown.  Return false to stop the show."
+    },
+    {
+     "name": "blur",
+     "sig": "function (_self)\n{\n\n}",
+     "type": "function",
+     "desc": "Fires when this field loses input focus."
+    },
+    {
+     "name": "change",
+     "sig": "function (_self, newValue, oldValue)\n{\n\n}",
+     "type": "function",
+     "desc": "Fires just before the field blurs if the field value has changed."
+    },
+    {
+     "name": "destroy",
+     "sig": "function (_self)\n{\n\n}",
+     "type": "function",
+     "desc": "Fires after the component is destroyed."
+    },
+    {
+     "name": "disable",
+     "sig": "function (_self)\n{\n\n}",
+     "type": "function",
+     "desc": "Fires after the component is disabled."
+    },
+    {
+     "name": "enable",
+     "sig": "function (_self)\n{\n\n}",
+     "type": "function",
+     "desc": "Fires after the component is enabled."
+    },
+    {
+     "name": "focus",
+     "sig": "function (_self)\n{\n\n}",
+     "type": "function",
+     "desc": "Fires when this field receives input focus."
+    },
+    {
+     "name": "hide",
+     "sig": "function (_self)\n{\n\n}",
+     "type": "function",
+     "desc": "Fires after the component is hidden."
+    },
+    {
+     "name": "invalid",
+     "sig": "function (_self, msg)\n{\n\n}",
+     "type": "function",
+     "desc": "Fires after the field has been marked as invalid."
+    },
+    {
+     "name": "keyup",
+     "sig": "function (_self, e)\n{\n\n}",
+     "type": "function",
+     "desc": "Fires after the key up"
+    },
+    {
+     "name": "move",
+     "sig": "function (_self, x, y)\n{\n\n}",
+     "type": "function",
+     "desc": "Fires after the component is moved."
+    },
+    {
+     "name": "render",
+     "sig": "function (_self)\n{\n\n}",
+     "type": "function",
+     "desc": "Fires after the component is rendered."
+    },
+    {
+     "name": "resize",
+     "sig": "function (_self, adjWidth, adjHeight, rawWidth, rawHeight)\n{\n\n}",
+     "type": "function",
+     "desc": "Fires after the component is resized."
+    },
+    {
+     "name": "show",
+     "sig": "function (_self)\n{\n\n}",
+     "type": "function",
+     "desc": "Fires after the component is shown."
+    },
+    {
+     "name": "specialkey",
+     "sig": "function (_self, e)\n{\n\n}",
+     "type": "function",
+     "desc": "Fires when any key related to navigation (arrows, tab, enter, esc, etc.) is pressed.  You can check\n{@link Roo.EventObject#getKey} to determine which key was pressed."
+    },
+    {
+     "name": "valid",
+     "sig": "function (_self)\n{\n\n}",
+     "type": "function",
+     "desc": "Fires after the field has been validated with no errors."
+    }
+   ]
+  },
+  "Roo.form.Hidden": {
+   "props": [
+    {
+     "name": "grow",
+     "type": "Boolean",
+     "desc": "True if this field should automatically grow and shrink to its content",
+     "memberOf": "Roo.form.TextField"
+    },
+    {
+     "name": "growMin",
+     "type": "Number",
+     "desc": "The minimum width to allow when grow = true (defaults to 30)",
+     "memberOf": "Roo.form.TextField"
+    },
+    {
+     "name": "growMax",
+     "type": "Number",
+     "desc": "The maximum width to allow when grow = true (defaults to 800)",
+     "memberOf": "Roo.form.TextField"
+    },
+    {
+     "name": "vtype",
+     "type": "String",
+     "desc": "A validation type name as defined in {@link Roo.form.VTypes} (defaults to null)",
+     "memberOf": "Roo.form.TextField"
+    },
+    {
+     "name": "maskRe",
+     "type": "String",
+     "desc": "An input mask regular expression that will be used to filter keystrokes that don't match (defaults to null)",
+     "memberOf": "Roo.form.TextField"
+    },
+    {
+     "name": "disableKeyFilter",
+     "type": "Boolean",
+     "desc": "True to disable input keystroke filtering (defaults to false)",
+     "memberOf": "Roo.form.TextField"
+    },
+    {
+     "name": "allowBlank",
+     "type": "Boolean",
+     "desc": "False to validate that the value length > 0 (defaults to true)",
+     "memberOf": "Roo.form.TextField"
+    },
+    {
+     "name": "minLength",
+     "type": "Number",
+     "desc": "Minimum input field length required (defaults to 0)",
+     "memberOf": "Roo.form.TextField"
+    },
+    {
+     "name": "maxLength",
+     "type": "Number",
+     "desc": "Maximum input field length allowed (defaults to Number.MAX_VALUE)",
+     "memberOf": "Roo.form.TextField"
+    },
+    {
+     "name": "minLengthText",
+     "type": "String",
+     "desc": "Error text to display if the minimum length validation fails (defaults to \"The minimum length for this field is {minLength}\")",
+     "memberOf": "Roo.form.TextField"
+    },
+    {
+     "name": "maxLengthText",
+     "type": "String",
+     "desc": "Error text to display if the maximum length validation fails (defaults to \"The maximum length for this field is {maxLength}\")",
+     "memberOf": "Roo.form.TextField"
+    },
+    {
+     "name": "selectOnFocus",
+     "type": "Boolean",
+     "desc": "True to automatically select any existing field text when the field receives input focus (defaults to false)",
+     "memberOf": "Roo.form.TextField"
+    },
+    {
+     "name": "blankText",
+     "type": "String",
+     "desc": "Error text to display if the allow blank validation fails (defaults to \"This field is required\")",
+     "memberOf": "Roo.form.TextField"
+    },
+    {
+     "name": "validator",
+     "type": "Function",
+     "desc": "A custom validation function to be called during field validation (defaults to null).\nIf available, this function will be called only after the basic validators all return true, and will be passed the\ncurrent field value and expected to return boolean true if the value is valid or a string error message if invalid.",
+     "memberOf": "Roo.form.TextField"
+    },
+    {
+     "name": "regex",
+     "type": "RegExp",
+     "desc": "A JavaScript RegExp object to be tested against the field value during validation (defaults to null).\nIf available, this regex will be evaluated only after the basic validators all return true, and will be passed the\ncurrent field value.  If the test fails, the field will be marked invalid using {@link #regexText}.",
+     "memberOf": "Roo.form.TextField"
+    },
+    {
+     "name": "regexText",
+     "type": "String",
+     "desc": "The error text to display if {@link #regex} is used and the test fails during validation (defaults to \"\")",
+     "memberOf": "Roo.form.TextField"
+    },
+    {
+     "name": "emptyText",
+     "type": "String",
+     "desc": "The default text to display in an empty field - placeholder... (defaults to null).",
+     "memberOf": "Roo.form.TextField"
+    },
+    {
+     "name": "fieldLabel",
+     "type": "String",
+     "desc": "Label to use when rendering a form.",
+     "memberOf": "Roo.form.Field"
+    },
+    {
+     "name": "qtip",
+     "type": "String",
+     "desc": "Mouse over tip",
+     "memberOf": "Roo.form.Field"
+    },
+    {
+     "name": "name",
+     "type": "String",
+     "desc": "The field's HTML name attribute.",
+     "memberOf": "Roo.form.Field"
+    },
+    {
+     "name": "invalidClass",
+     "type": "String",
+     "desc": "The CSS class to use when marking a field invalid (defaults to \"x-form-invalid\")",
+     "memberOf": "Roo.form.Field"
+    },
+    {
+     "name": "invalidText",
+     "type": "String",
+     "desc": "The error text to use when marking a field invalid and no message is provided (defaults to \"The value in this field is invalid\")",
+     "memberOf": "Roo.form.Field"
+    },
+    {
+     "name": "focusClass",
+     "type": "String",
+     "desc": "The CSS class to use when the field receives focus (defaults to \"x-form-focus\")",
+     "memberOf": "Roo.form.Field"
+    },
+    {
+     "name": "validationEvent",
+     "type": "String/Boolean",
+     "desc": "The event that should initiate field validation. Set to false to disable\n      automatic validation (defaults to \"keyup\").",
+     "memberOf": "Roo.form.Field"
+    },
+    {
+     "name": "validateOnBlur",
+     "type": "Boolean",
+     "desc": "Whether the field should validate when it loses focus (defaults to true).",
+     "memberOf": "Roo.form.Field"
+    },
+    {
+     "name": "validationDelay",
+     "type": "Number",
+     "desc": "The length of time in milliseconds after user input begins until validation is initiated (defaults to 250)",
+     "memberOf": "Roo.form.Field"
+    },
+    {
+     "name": "autoCreate",
+     "type": "String/Object",
+     "desc": "A DomHelper element spec, or true for a default element spec (defaults to\n{tag: \"input\", type: \"text\", size: \"20\", autocomplete: \"off\"})",
+     "memberOf": "Roo.form.Field"
+    },
+    {
+     "name": "fieldClass",
+     "type": "String",
+     "desc": "The default CSS class for the field (defaults to \"x-form-field\")",
+     "memberOf": "Roo.form.Field"
+    },
+    {
+     "name": "msgTarget",
+     "type": "String",
+     "desc": "The location where error text should display.  Should be one of the following values (defaults to 'qtip'):\n<pre>\nValue         Description\n-----------   ----------------------------------------------------------------------\nqtip          Display a quick tip when the user hovers over the field\ntitle         Display a default browser title attribute popup\nunder         Add a block div beneath the field containing the error text\nside          Add an error icon to the right of the field with a popup on hover\n[element id]  Add the error text directly to the innerHTML of the specified element\n</pre>",
+     "memberOf": "Roo.form.Field"
+    },
+    {
+     "name": "msgFx",
+     "type": "String",
+     "desc": "<b>Experimental</b> The effect used when displaying a validation message under the field (defaults to 'normal').",
+     "memberOf": "Roo.form.Field"
+    },
+    {
+     "name": "readOnly",
+     "type": "Boolean",
+     "desc": "True to mark the field as readOnly in HTML (defaults to false) -- Note: this only sets the element's readOnly DOM attribute.",
+     "memberOf": "Roo.form.Field"
+    },
+    {
+     "name": "disabled",
+     "type": "Boolean",
+     "desc": "True to disable the field (defaults to false).",
+     "memberOf": "Roo.form.Field"
+    },
+    {
+     "name": "inputType",
+     "type": "String",
+     "desc": "The type attribute for input fields -- e.g. radio, text, password (defaults to \"text\").",
+     "memberOf": "Roo.form.Field"
+    },
+    {
+     "name": "tabIndex",
+     "type": "Number",
+     "desc": "The tabIndex for this field. Note this only applies to fields that are rendered, not those which are built via applyTo (defaults to undefined).",
+     "memberOf": "Roo.form.Field"
+    },
+    {
+     "name": "value",
+     "type": "Mixed",
+     "desc": "A value to initialize this field with.",
+     "memberOf": "Roo.form.Field"
+    },
+    {
+     "name": "cls",
+     "type": "String",
+     "desc": "A CSS class to apply to the field's underlying element.",
+     "memberOf": "Roo.form.Field"
+    },
+    {
+     "name": "width",
+     "type": "Number",
+     "desc": "width (optional) size of component",
+     "memberOf": "Roo.BoxComponent"
+    },
+    {
+     "name": "height",
+     "type": "Number",
+     "desc": "height (optional) size of component",
+     "memberOf": "Roo.BoxComponent"
+    },
+    {
+     "name": "disableClass",
+     "type": "String",
+     "desc": "CSS class added to the component when it is disabled (defaults to \"x-item-disabled\").",
+     "memberOf": "Roo.Component"
+    },
+    {
+     "name": "allowDomMove",
+     "type": "Boolean",
+     "desc": "Whether the component can move the Dom node when rendering (defaults to true).",
+     "memberOf": "Roo.Component"
+    },
+    {
+     "name": "hideMode",
+     "type": "String",
+     "desc": "How this component should hidden. Supported values are\n\"visibility\" (css visibility), \"offsets\" (negative offset position) and\n\"display\" (css display) - defaults to \"display\".",
+     "memberOf": "Roo.Component"
+    },
+    {
+     "name": "actionMode",
+     "type": "String",
+     "desc": "which property holds the element that used for  hide() / show() / disable() / enable()\ndefault is 'el'",
+     "memberOf": "Roo.Component"
+    },
+    {
+     "name": "listeners",
+     "type": "Object",
+     "desc": "list of events and functions to call for this object, \nFor example :\n<pre><code>\n    listeners :  { \n       'click' : function(e) {\n           ..... \n        } ,\n        .... \n    } \n  </code></pre>",
+     "memberOf": "Roo.util.Observable"
+    }
+   ],
+   "events": [
+    {
+     "name": "autosize",
+     "sig": "function (_self, width)\n{\n\n}",
+     "type": "function",
+     "desc": "Fires when the autosize function is triggered.  The field may or may not have actually changed size\naccording to the default logic, but this event provides a hook for the developer to apply additional\nlogic at runtime to resize the field if needed."
+    },
+    {
+     "name": "beforedestroy",
+     "sig": "function (_self)\n{\n\n}",
+     "type": "function",
+     "desc": "Fires before the component is destroyed. Return false to stop the destroy."
+    },
+    {
+     "name": "beforehide",
+     "sig": "function (_self)\n{\n\n}",
+     "type": "function",
+     "desc": "Fires before the component is hidden. Return false to stop the hide."
+    },
+    {
+     "name": "beforerender",
+     "sig": "function (_self)\n{\n\n}",
+     "type": "function",
+     "desc": "Fires before the component is rendered. Return false to stop the render."
+    },
+    {
+     "name": "beforeshow",
+     "sig": "function (_self)\n{\n\n}",
+     "type": "function",
+     "desc": "Fires before the component is shown.  Return false to stop the show."
+    },
+    {
+     "name": "blur",
+     "sig": "function (_self)\n{\n\n}",
+     "type": "function",
+     "desc": "Fires when this field loses input focus."
+    },
+    {
+     "name": "change",
+     "sig": "function (_self, newValue, oldValue)\n{\n\n}",
+     "type": "function",
+     "desc": "Fires just before the field blurs if the field value has changed."
+    },
+    {
+     "name": "destroy",
+     "sig": "function (_self)\n{\n\n}",
+     "type": "function",
+     "desc": "Fires after the component is destroyed."
+    },
+    {
+     "name": "disable",
+     "sig": "function (_self)\n{\n\n}",
+     "type": "function",
+     "desc": "Fires after the component is disabled."
+    },
+    {
+     "name": "enable",
+     "sig": "function (_self)\n{\n\n}",
+     "type": "function",
+     "desc": "Fires after the component is enabled."
+    },
+    {
+     "name": "focus",
+     "sig": "function (_self)\n{\n\n}",
+     "type": "function",
+     "desc": "Fires when this field receives input focus."
+    },
+    {
+     "name": "hide",
+     "sig": "function (_self)\n{\n\n}",
+     "type": "function",
+     "desc": "Fires after the component is hidden."
+    },
+    {
+     "name": "invalid",
+     "sig": "function (_self, msg)\n{\n\n}",
+     "type": "function",
+     "desc": "Fires after the field has been marked as invalid."
+    },
+    {
+     "name": "keyup",
+     "sig": "function (_self, e)\n{\n\n}",
+     "type": "function",
+     "desc": "Fires after the key up"
+    },
+    {
+     "name": "move",
+     "sig": "function (_self, x, y)\n{\n\n}",
+     "type": "function",
+     "desc": "Fires after the component is moved."
+    },
+    {
+     "name": "render",
+     "sig": "function (_self)\n{\n\n}",
+     "type": "function",
+     "desc": "Fires after the component is rendered."
+    },
+    {
+     "name": "resize",
+     "sig": "function (_self, adjWidth, adjHeight, rawWidth, rawHeight)\n{\n\n}",
+     "type": "function",
+     "desc": "Fires after the component is resized."
+    },
+    {
+     "name": "show",
+     "sig": "function (_self)\n{\n\n}",
+     "type": "function",
+     "desc": "Fires after the component is shown."
+    },
+    {
+     "name": "specialkey",
+     "sig": "function (_self, e)\n{\n\n}",
+     "type": "function",
+     "desc": "Fires when any key related to navigation (arrows, tab, enter, esc, etc.) is pressed.  You can check\n{@link Roo.EventObject#getKey} to determine which key was pressed."
+    },
+    {
+     "name": "valid",
+     "sig": "function (_self)\n{\n\n}",
+     "type": "function",
+     "desc": "Fires after the field has been validated with no errors."
+    }
+   ]
+  },
+  "Roo.form.HtmlEditor": {
+   "props": [
+    {
+     "name": "toolbars",
+     "type": "Array",
+     "desc": "Array of toolbars. - defaults to just the Standard one",
+     "memberOf": ""
+    },
+    {
+     "name": "createLinkText",
+     "type": "String",
+     "desc": "The default text for the create link prompt",
+     "memberOf": ""
+    },
+    {
+     "name": "defaultLinkValue",
+     "type": "String",
+     "desc": "The default value for the create link prompt (defaults to http:/ /)",
+     "memberOf": ""
+    },
+    {
+     "name": "resizable",
+     "type": "String",
+     "desc": "'s' or 'se' or 'e' - wrapps the element in a\n                       Roo.resizable.",
+     "memberOf": ""
+    },
+    {
+     "name": "height",
+     "type": "Number",
+     "desc": "(in pixels)",
+     "memberOf": ""
+    },
+    {
+     "name": "width",
+     "type": "Number",
+     "desc": "(in pixels)",
+     "memberOf": ""
+    },
+    {
+     "name": "stylesheets",
+     "type": "Array",
+     "desc": "url of stylesheets. set to [] to disable stylesheets.",
+     "memberOf": ""
+    }
+   ],
+   "events": [
+    {
+     "name": "activate",
+     "sig": "function (_self)\n{\n\n}",
+     "type": "function",
+     "desc": "Fires when the editor is first receives the focus. Any insertion must wait\nuntil after this event."
+    },
+    {
+     "name": "beforepush",
+     "sig": "function (_self, html)\n{\n\n}",
+     "type": "function",
+     "desc": "Fires before the iframe editor is updated with content from the textarea. Return false\nto cancel the push."
+    },
+    {
+     "name": "beforesync",
+     "sig": "function (_self, html)\n{\n\n}",
+     "type": "function",
+     "desc": "Fires before the textarea is updated with content from the editor iframe. Return false\nto cancel the sync."
+    },
+    {
+     "name": "editmodechange",
+     "sig": "function (_self, sourceEdit)\n{\n\n}",
+     "type": "function",
+     "desc": "Fires when the editor switches edit modes"
+    },
+    {
+     "name": "editorevent",
+     "sig": "function (_self)\n{\n\n}",
+     "type": "function",
+     "desc": "Fires when on any editor (mouse up/down cursor movement etc.) - used for toolbar hooks."
+    },
+    {
+     "name": "initialize",
+     "sig": "function (_self)\n{\n\n}",
+     "type": "function",
+     "desc": "Fires when the editor is fully initialized (including the iframe)"
+    },
+    {
+     "name": "push",
+     "sig": "function (_self, html)\n{\n\n}",
+     "type": "function",
+     "desc": "Fires when the iframe editor is updated with content from the textarea."
+    },
+    {
+     "name": "sync",
+     "sig": "function (_self, html)\n{\n\n}",
+     "type": "function",
+     "desc": "Fires when the textarea is updated with content from the editor iframe."
+    }
+   ]
+  },
+  "Roo.form.HtmlEditor.ToolbarContext": {
+   "props": [
+    {
+     "name": "disable",
+     "type": "Object",
+     "desc": "List of toolbar elements to disable",
+     "memberOf": ""
+    },
+    {
+     "name": "styles",
+     "type": "Object",
+     "desc": "List of styles \n   eg. { '*' : [ 'headline' ] , 'TD' : [ 'underline', 'double-underline' ] } \n\nThese must be defined in the page, so they get rendered correctly..\n.headline { }\nTD.underline { }",
+     "memberOf": ""
+    }
+   ],
+   "events": []
+  },
+  "Roo.form.HtmlEditor.ToolbarStandard": {
+   "props": [
+    {
+     "name": "disable",
+     "type": "Object",
+     "desc": "List of elements to disable..",
+     "memberOf": ""
+    },
+    {
+     "name": "btns",
+     "type": "Array",
+     "desc": "List of additional buttons.\n\n\nNEEDS Extra CSS? \n.x-html-editor-tb .x-edit-none .x-btn-text { background: none; }",
+     "memberOf": ""
+    },
+    {
+     "name": "fontFamilies",
+     "type": "Array",
+     "desc": "An array of available font families",
+     "memberOf": ""
+    },
+    {
+     "name": "defaultFont",
+     "type": "String",
+     "desc": "default font to use.",
+     "memberOf": ""
+    }
+   ],
+   "events": []
+  },
+  "Roo.form.Layout": {
+   "props": [
+    {
+     "name": "autoCreate",
+     "type": "String/Object",
+     "desc": "A DomHelper element spec used to autocreate the layout (defaults to {tag: 'div', cls: 'x-form-ct'})",
+     "memberOf": ""
+    },
+    {
+     "name": "style",
+     "type": "String/Object/Function",
+     "desc": "A style specification string, e.g. \"width:100px\", or object in the form {width:\"100px\"}, or\na function which returns such a specification.",
+     "memberOf": ""
+    },
+    {
+     "name": "labelAlign",
+     "type": "String",
+     "desc": "Valid values are \"left,\" \"top\" and \"right\" (defaults to \"left\")",
+     "memberOf": ""
+    },
+    {
+     "name": "labelWidth",
+     "type": "Number",
+     "desc": "Fixed width in pixels of all field labels (defaults to undefined)",
+     "memberOf": ""
+    },
+    {
+     "name": "clear",
+     "type": "Boolean",
+     "desc": "True to add a clearing element at the end of this layout, equivalent to CSS clear: both (defaults to true)",
+     "memberOf": ""
+    },
+    {
+     "name": "labelSeparator",
+     "type": "String",
+     "desc": "The separator to use after field labels (defaults to ':')",
+     "memberOf": ""
+    },
+    {
+     "name": "hideLabels",
+     "type": "Boolean",
+     "desc": "True to suppress the display of field labels in this layout (defaults to false)",
+     "memberOf": ""
+    },
+    {
+     "name": "disableClass",
+     "type": "String",
+     "desc": "CSS class added to the component when it is disabled (defaults to \"x-item-disabled\").",
+     "memberOf": "Roo.Component"
+    },
+    {
+     "name": "allowDomMove",
+     "type": "Boolean",
+     "desc": "Whether the component can move the Dom node when rendering (defaults to true).",
+     "memberOf": "Roo.Component"
+    },
+    {
+     "name": "hideMode",
+     "type": "String",
+     "desc": "How this component should hidden. Supported values are\n\"visibility\" (css visibility), \"offsets\" (negative offset position) and\n\"display\" (css display) - defaults to \"display\".",
+     "memberOf": "Roo.Component"
+    },
+    {
+     "name": "actionMode",
+     "type": "String",
+     "desc": "which property holds the element that used for  hide() / show() / disable() / enable()\ndefault is 'el'",
+     "memberOf": "Roo.Component"
+    },
+    {
+     "name": "listeners",
+     "type": "Object",
+     "desc": "list of events and functions to call for this object, \nFor example :\n<pre><code>\n    listeners :  { \n       'click' : function(e) {\n           ..... \n        } ,\n        .... \n    } \n  </code></pre>",
+     "memberOf": "Roo.util.Observable"
+    }
+   ],
+   "events": [
+    {
+     "name": "beforedestroy",
+     "sig": "function (_self)\n{\n\n}",
+     "type": "function",
+     "desc": "Fires before the component is destroyed. Return false to stop the destroy."
+    },
+    {
+     "name": "beforehide",
+     "sig": "function (_self)\n{\n\n}",
+     "type": "function",
+     "desc": "Fires before the component is hidden. Return false to stop the hide."
+    },
+    {
+     "name": "beforerender",
+     "sig": "function (_self)\n{\n\n}",
+     "type": "function",
+     "desc": "Fires before the component is rendered. Return false to stop the render."
+    },
+    {
+     "name": "beforeshow",
+     "sig": "function (_self)\n{\n\n}",
+     "type": "function",
+     "desc": "Fires before the component is shown.  Return false to stop the show."
+    },
+    {
+     "name": "destroy",
+     "sig": "function (_self)\n{\n\n}",
+     "type": "function",
+     "desc": "Fires after the component is destroyed."
+    },
+    {
+     "name": "disable",
+     "sig": "function (_self)\n{\n\n}",
+     "type": "function",
+     "desc": "Fires after the component is disabled."
+    },
+    {
+     "name": "enable",
+     "sig": "function (_self)\n{\n\n}",
+     "type": "function",
+     "desc": "Fires after the component is enabled."
+    },
+    {
+     "name": "hide",
+     "sig": "function (_self)\n{\n\n}",
+     "type": "function",
+     "desc": "Fires after the component is hidden."
+    },
+    {
+     "name": "render",
+     "sig": "function (_self)\n{\n\n}",
+     "type": "function",
+     "desc": "Fires after the component is rendered."
+    },
+    {
+     "name": "show",
+     "sig": "function (_self)\n{\n\n}",
+     "type": "function",
+     "desc": "Fires after the component is shown."
+    }
+   ]
+  },
+  "Roo.form.MonthField": {
+   "props": [
+    {
+     "name": "format",
+     "type": "String",
+     "desc": "The default date format string which can be overriden for localization support.  The format must be\nvalid according to {@link Date#parseDate} (defaults to 'm/d/y').",
+     "memberOf": ""
+    },
+    {
+     "name": "altFormats",
+     "type": "String",
+     "desc": "Multiple date formats separated by \"|\" to try when parsing a user input value and it doesn't match the defined\nformat (defaults to 'm/d/Y|m-d-y|m-d-Y|m/d|m-d|d').",
+     "memberOf": ""
+    },
+    {
+     "name": "disabledDays",
+     "type": "Array",
+     "desc": "An array of days to disable, 0 based. For example, [0, 6] disables Sunday and Saturday (defaults to null).",
+     "memberOf": ""
+    },
+    {
+     "name": "disabledDaysText",
+     "type": "String",
+     "desc": "The tooltip to display when the date falls on a disabled day (defaults to 'Disabled')",
+     "memberOf": ""
+    },
+    {
+     "name": "disabledDates",
+     "type": "Array",
+     "desc": "An array of \"dates\" to disable, as strings. These strings will be used to build a dynamic regular\nexpression so they are very powerful. Some examples:\n<ul>\n<li>[\"03/08/2003\", \"09/16/2003\"] would disable those exact dates</li>\n<li>[\"03/08\", \"09/16\"] would disable those days for every year</li>\n<li>[\"^03/08\"] would only match the beginning (useful if you are using short years)</li>\n<li>[\"03/../2006\"] would disable every day in March 2006</li>\n<li>[\"^03\"] would disable every day in every March</li>\n</ul>\nIn order to support regular expressions, if you are using a date format that has \".\" in it, you will have to\nescape the dot when restricting dates. For example: [\"03\\\\.08\\\\.03\"].",
+     "memberOf": ""
+    },
+    {
+     "name": "disabledDatesText",
+     "type": "String",
+     "desc": "The tooltip text to display when the date falls on a disabled date (defaults to 'Disabled')",
+     "memberOf": ""
+    },
+    {
+     "name": "minValue",
+     "type": "Date/String",
+     "desc": "The minimum allowed date. Can be either a Javascript date object or a string date in a\nvalid format (defaults to null).",
+     "memberOf": ""
+    },
+    {
+     "name": "maxValue",
+     "type": "Date/String",
+     "desc": "The maximum allowed date. Can be either a Javascript date object or a string date in a\nvalid format (defaults to null).",
+     "memberOf": ""
+    },
+    {
+     "name": "minText",
+     "type": "String",
+     "desc": "The error text to display when the date in the cell is before minValue (defaults to\n'The date in this field must be after {minValue}').",
+     "memberOf": ""
+    },
+    {
+     "name": "maxTextf",
+     "type": "String",
+     "desc": "The error text to display when the date in the cell is after maxValue (defaults to\n'The date in this field must be before {maxValue}').",
+     "memberOf": ""
+    },
+    {
+     "name": "invalidText",
+     "type": "String",
+     "desc": "The error text to display when the date in the field is invalid (defaults to\n'{value} is not a valid date - it must be in the format {format}').",
+     "memberOf": ""
+    },
+    {
+     "name": "triggerClass",
+     "type": "String",
+     "desc": "An additional CSS class used to style the trigger button.  The trigger will always get the\nclass 'x-form-trigger' and triggerClass will be <b>appended</b> if specified (defaults to 'x-form-date-trigger'\nwhich displays a calendar icon).",
+     "memberOf": ""
+    },
+    {
+     "name": "useIso",
+     "type": "Boolean",
+     "desc": "if enabled, then the date field will use a hidden field to store the \nreal value as iso formated date. default (true)",
+     "memberOf": ""
+    },
+    {
+     "name": "autoCreate",
+     "type": "String/Object",
+     "desc": "A DomHelper element spec, or true for a default element spec (defaults to\n{tag: \"input\", type: \"text\", size: \"10\", autocomplete: \"off\"})",
+     "memberOf": ""
+    },
+    {
+     "name": "hideTrigger",
+     "type": "Boolean",
+     "desc": "True to hide the trigger element and display only the base text field (defaults to false)",
+     "memberOf": "Roo.form.TriggerField"
+    },
+    {
+     "name": "vtype",
+     "type": "String",
+     "desc": "A validation type name as defined in {@link Roo.form.VTypes} (defaults to null)",
+     "memberOf": "Roo.form.TextField"
+    },
+    {
+     "name": "maskRe",
+     "type": "String",
+     "desc": "An input mask regular expression that will be used to filter keystrokes that don't match (defaults to null)",
+     "memberOf": "Roo.form.TextField"
+    },
+    {
+     "name": "disableKeyFilter",
+     "type": "Boolean",
+     "desc": "True to disable input keystroke filtering (defaults to false)",
+     "memberOf": "Roo.form.TextField"
+    },
+    {
+     "name": "allowBlank",
+     "type": "Boolean",
+     "desc": "False to validate that the value length > 0 (defaults to true)",
+     "memberOf": "Roo.form.TextField"
+    },
+    {
+     "name": "minLength",
+     "type": "Number",
+     "desc": "Minimum input field length required (defaults to 0)",
+     "memberOf": "Roo.form.TextField"
+    },
+    {
+     "name": "maxLength",
+     "type": "Number",
+     "desc": "Maximum input field length allowed (defaults to Number.MAX_VALUE)",
+     "memberOf": "Roo.form.TextField"
+    },
+    {
+     "name": "minLengthText",
+     "type": "String",
+     "desc": "Error text to display if the minimum length validation fails (defaults to \"The minimum length for this field is {minLength}\")",
+     "memberOf": "Roo.form.TextField"
+    },
+    {
+     "name": "maxLengthText",
+     "type": "String",
+     "desc": "Error text to display if the maximum length validation fails (defaults to \"The maximum length for this field is {maxLength}\")",
+     "memberOf": "Roo.form.TextField"
+    },
+    {
+     "name": "selectOnFocus",
+     "type": "Boolean",
+     "desc": "True to automatically select any existing field text when the field receives input focus (defaults to false)",
+     "memberOf": "Roo.form.TextField"
+    },
+    {
+     "name": "blankText",
+     "type": "String",
+     "desc": "Error text to display if the allow blank validation fails (defaults to \"This field is required\")",
+     "memberOf": "Roo.form.TextField"
+    },
+    {
+     "name": "validator",
+     "type": "Function",
+     "desc": "A custom validation function to be called during field validation (defaults to null).\nIf available, this function will be called only after the basic validators all return true, and will be passed the\ncurrent field value and expected to return boolean true if the value is valid or a string error message if invalid.",
+     "memberOf": "Roo.form.TextField"
+    },
+    {
+     "name": "regex",
+     "type": "RegExp",
+     "desc": "A JavaScript RegExp object to be tested against the field value during validation (defaults to null).\nIf available, this regex will be evaluated only after the basic validators all return true, and will be passed the\ncurrent field value.  If the test fails, the field will be marked invalid using {@link #regexText}.",
+     "memberOf": "Roo.form.TextField"
+    },
+    {
+     "name": "regexText",
+     "type": "String",
+     "desc": "The error text to display if {@link #regex} is used and the test fails during validation (defaults to \"\")",
+     "memberOf": "Roo.form.TextField"
+    },
+    {
+     "name": "emptyText",
+     "type": "String",
+     "desc": "The default text to display in an empty field - placeholder... (defaults to null).",
+     "memberOf": "Roo.form.TextField"
+    },
+    {
+     "name": "fieldLabel",
+     "type": "String",
+     "desc": "Label to use when rendering a form.",
+     "memberOf": "Roo.form.Field"
+    },
+    {
+     "name": "qtip",
+     "type": "String",
+     "desc": "Mouse over tip",
+     "memberOf": "Roo.form.Field"
+    },
+    {
+     "name": "name",
+     "type": "String",
+     "desc": "The field's HTML name attribute.",
+     "memberOf": "Roo.form.Field"
+    },
+    {
+     "name": "invalidClass",
+     "type": "String",
+     "desc": "The CSS class to use when marking a field invalid (defaults to \"x-form-invalid\")",
+     "memberOf": "Roo.form.Field"
+    },
+    {
+     "name": "focusClass",
+     "type": "String",
+     "desc": "The CSS class to use when the field receives focus (defaults to \"x-form-focus\")",
+     "memberOf": "Roo.form.Field"
+    },
+    {
+     "name": "validationEvent",
+     "type": "String/Boolean",
+     "desc": "The event that should initiate field validation. Set to false to disable\n      automatic validation (defaults to \"keyup\").",
+     "memberOf": "Roo.form.Field"
+    },
+    {
+     "name": "validateOnBlur",
+     "type": "Boolean",
+     "desc": "Whether the field should validate when it loses focus (defaults to true).",
+     "memberOf": "Roo.form.Field"
+    },
+    {
+     "name": "validationDelay",
+     "type": "Number",
+     "desc": "The length of time in milliseconds after user input begins until validation is initiated (defaults to 250)",
+     "memberOf": "Roo.form.Field"
+    },
+    {
+     "name": "fieldClass",
+     "type": "String",
+     "desc": "The default CSS class for the field (defaults to \"x-form-field\")",
+     "memberOf": "Roo.form.Field"
+    },
+    {
+     "name": "msgTarget",
+     "type": "String",
+     "desc": "The location where error text should display.  Should be one of the following values (defaults to 'qtip'):\n<pre>\nValue         Description\n-----------   ----------------------------------------------------------------------\nqtip          Display a quick tip when the user hovers over the field\ntitle         Display a default browser title attribute popup\nunder         Add a block div beneath the field containing the error text\nside          Add an error icon to the right of the field with a popup on hover\n[element id]  Add the error text directly to the innerHTML of the specified element\n</pre>",
+     "memberOf": "Roo.form.Field"
+    },
+    {
+     "name": "msgFx",
+     "type": "String",
+     "desc": "<b>Experimental</b> The effect used when displaying a validation message under the field (defaults to 'normal').",
+     "memberOf": "Roo.form.Field"
+    },
+    {
+     "name": "readOnly",
+     "type": "Boolean",
+     "desc": "True to mark the field as readOnly in HTML (defaults to false) -- Note: this only sets the element's readOnly DOM attribute.",
+     "memberOf": "Roo.form.Field"
+    },
+    {
+     "name": "disabled",
+     "type": "Boolean",
+     "desc": "True to disable the field (defaults to false).",
+     "memberOf": "Roo.form.Field"
+    },
+    {
+     "name": "inputType",
+     "type": "String",
+     "desc": "The type attribute for input fields -- e.g. radio, text, password (defaults to \"text\").",
+     "memberOf": "Roo.form.Field"
+    },
+    {
+     "name": "tabIndex",
+     "type": "Number",
+     "desc": "The tabIndex for this field. Note this only applies to fields that are rendered, not those which are built via applyTo (defaults to undefined).",
+     "memberOf": "Roo.form.Field"
+    },
+    {
+     "name": "value",
+     "type": "Mixed",
+     "desc": "A value to initialize this field with.",
+     "memberOf": "Roo.form.Field"
+    },
+    {
+     "name": "cls",
+     "type": "String",
+     "desc": "A CSS class to apply to the field's underlying element.",
+     "memberOf": "Roo.form.Field"
+    },
+    {
+     "name": "width",
+     "type": "Number",
+     "desc": "width (optional) size of component",
+     "memberOf": "Roo.BoxComponent"
+    },
+    {
+     "name": "height",
+     "type": "Number",
+     "desc": "height (optional) size of component",
+     "memberOf": "Roo.BoxComponent"
+    },
+    {
+     "name": "disableClass",
+     "type": "String",
+     "desc": "CSS class added to the component when it is disabled (defaults to \"x-item-disabled\").",
+     "memberOf": "Roo.Component"
+    },
+    {
+     "name": "allowDomMove",
+     "type": "Boolean",
+     "desc": "Whether the component can move the Dom node when rendering (defaults to true).",
+     "memberOf": "Roo.Component"
+    },
+    {
+     "name": "hideMode",
+     "type": "String",
+     "desc": "How this component should hidden. Supported values are\n\"visibility\" (css visibility), \"offsets\" (negative offset position) and\n\"display\" (css display) - defaults to \"display\".",
+     "memberOf": "Roo.Component"
+    },
+    {
+     "name": "actionMode",
+     "type": "String",
+     "desc": "which property holds the element that used for  hide() / show() / disable() / enable()\ndefault is 'el'",
+     "memberOf": "Roo.Component"
+    },
+    {
+     "name": "listeners",
+     "type": "Object",
+     "desc": "list of events and functions to call for this object, \nFor example :\n<pre><code>\n    listeners :  { \n       'click' : function(e) {\n           ..... \n        } ,\n        .... \n    } \n  </code></pre>",
+     "memberOf": "Roo.util.Observable"
+    }
+   ],
+   "events": [
+    {
+     "name": "autosize",
+     "sig": "function (_self, width)\n{\n\n}",
+     "type": "function",
+     "desc": "Fires when the autosize function is triggered.  The field may or may not have actually changed size\naccording to the default logic, but this event provides a hook for the developer to apply additional\nlogic at runtime to resize the field if needed."
+    },
+    {
+     "name": "beforedestroy",
+     "sig": "function (_self)\n{\n\n}",
+     "type": "function",
+     "desc": "Fires before the component is destroyed. Return false to stop the destroy."
+    },
+    {
+     "name": "beforehide",
+     "sig": "function (_self)\n{\n\n}",
+     "type": "function",
+     "desc": "Fires before the component is hidden. Return false to stop the hide."
+    },
+    {
+     "name": "beforerender",
+     "sig": "function (_self)\n{\n\n}",
+     "type": "function",
+     "desc": "Fires before the component is rendered. Return false to stop the render."
+    },
+    {
+     "name": "beforeshow",
+     "sig": "function (_self)\n{\n\n}",
+     "type": "function",
+     "desc": "Fires before the component is shown.  Return false to stop the show."
+    },
+    {
+     "name": "blur",
+     "sig": "function (_self)\n{\n\n}",
+     "type": "function",
+     "desc": "Fires when this field loses input focus."
+    },
+    {
+     "name": "change",
+     "sig": "function (_self, newValue, oldValue)\n{\n\n}",
+     "type": "function",
+     "desc": "Fires just before the field blurs if the field value has changed."
+    },
+    {
+     "name": "destroy",
+     "sig": "function (_self)\n{\n\n}",
+     "type": "function",
+     "desc": "Fires after the component is destroyed."
+    },
+    {
+     "name": "disable",
+     "sig": "function (_self)\n{\n\n}",
+     "type": "function",
+     "desc": "Fires after the component is disabled."
+    },
+    {
+     "name": "enable",
+     "sig": "function (_self)\n{\n\n}",
+     "type": "function",
+     "desc": "Fires after the component is enabled."
+    },
+    {
+     "name": "focus",
+     "sig": "function (_self)\n{\n\n}",
+     "type": "function",
+     "desc": "Fires when this field receives input focus."
+    },
+    {
+     "name": "hide",
+     "sig": "function (_self)\n{\n\n}",
+     "type": "function",
+     "desc": "Fires after the component is hidden."
+    },
+    {
+     "name": "invalid",
+     "sig": "function (_self, msg)\n{\n\n}",
+     "type": "function",
+     "desc": "Fires after the field has been marked as invalid."
+    },
+    {
+     "name": "keyup",
+     "sig": "function (_self, e)\n{\n\n}",
+     "type": "function",
+     "desc": "Fires after the key up"
+    },
+    {
+     "name": "move",
+     "sig": "function (_self, x, y)\n{\n\n}",
+     "type": "function",
+     "desc": "Fires after the component is moved."
+    },
+    {
+     "name": "render",
+     "sig": "function (_self)\n{\n\n}",
+     "type": "function",
+     "desc": "Fires after the component is rendered."
+    },
+    {
+     "name": "resize",
+     "sig": "function (_self, adjWidth, adjHeight, rawWidth, rawHeight)\n{\n\n}",
+     "type": "function",
+     "desc": "Fires after the component is resized."
+    },
+    {
+     "name": "select",
+     "sig": "function (combo, date)\n{\n\n}",
+     "type": "function",
+     "desc": "Fires when a date is selected"
+    },
+    {
+     "name": "show",
+     "sig": "function (_self)\n{\n\n}",
+     "type": "function",
+     "desc": "Fires after the component is shown."
+    },
+    {
+     "name": "specialkey",
+     "sig": "function (_self, e)\n{\n\n}",
+     "type": "function",
+     "desc": "Fires when any key related to navigation (arrows, tab, enter, esc, etc.) is pressed.  You can check\n{@link Roo.EventObject#getKey} to determine which key was pressed."
+    },
+    {
+     "name": "valid",
+     "sig": "function (_self)\n{\n\n}",
+     "type": "function",
+     "desc": "Fires after the field has been validated with no errors."
+    }
+   ]
+  },
+  "Roo.form.NumberField": {
+   "props": [
+    {
+     "name": "fieldClass",
+     "type": "String",
+     "desc": "The default CSS class for the field (defaults to \"x-form-field x-form-num-field\")",
+     "memberOf": ""
+    },
+    {
+     "name": "allowDecimals",
+     "type": "Boolean",
+     "desc": "False to disallow decimal values (defaults to true)",
+     "memberOf": ""
+    },
+    {
+     "name": "decimalSeparator",
+     "type": "String",
+     "desc": "Character(s) to allow as the decimal separator (defaults to '.')",
+     "memberOf": ""
+    },
+    {
+     "name": "decimalPrecision",
+     "type": "Number",
+     "desc": "The maximum precision to display after the decimal separator (defaults to 2)",
+     "memberOf": ""
+    },
+    {
+     "name": "allowNegative",
+     "type": "Boolean",
+     "desc": "False to prevent entering a negative sign (defaults to true)",
+     "memberOf": ""
+    },
+    {
+     "name": "minValue",
+     "type": "Number",
+     "desc": "The minimum allowed value (defaults to Number.NEGATIVE_INFINITY)",
+     "memberOf": ""
+    },
+    {
+     "name": "maxValue",
+     "type": "Number",
+     "desc": "The maximum allowed value (defaults to Number.MAX_VALUE)",
+     "memberOf": ""
+    },
+    {
+     "name": "minText",
+     "type": "String",
+     "desc": "Error text to display if the minimum value validation fails (defaults to \"The minimum value for this field is {minValue}\")",
+     "memberOf": ""
+    },
+    {
+     "name": "maxText",
+     "type": "String",
+     "desc": "Error text to display if the maximum value validation fails (defaults to \"The maximum value for this field is {maxValue}\")",
+     "memberOf": ""
+    },
+    {
+     "name": "nanText",
+     "type": "String",
+     "desc": "Error text to display if the value is not a valid number.  For example, this can happen\nif a valid character like '.' or '-' is left in the field with no number (defaults to \"{value} is not a valid number\")",
+     "memberOf": ""
+    },
+    {
+     "name": "grow",
+     "type": "Boolean",
+     "desc": "True if this field should automatically grow and shrink to its content",
+     "memberOf": "Roo.form.TextField"
+    },
+    {
+     "name": "growMin",
+     "type": "Number",
+     "desc": "The minimum width to allow when grow = true (defaults to 30)",
+     "memberOf": "Roo.form.TextField"
+    },
+    {
+     "name": "growMax",
+     "type": "Number",
+     "desc": "The maximum width to allow when grow = true (defaults to 800)",
+     "memberOf": "Roo.form.TextField"
+    },
+    {
+     "name": "vtype",
+     "type": "String",
+     "desc": "A validation type name as defined in {@link Roo.form.VTypes} (defaults to null)",
+     "memberOf": "Roo.form.TextField"
+    },
+    {
+     "name": "maskRe",
+     "type": "String",
+     "desc": "An input mask regular expression that will be used to filter keystrokes that don't match (defaults to null)",
+     "memberOf": "Roo.form.TextField"
+    },
+    {
+     "name": "disableKeyFilter",
+     "type": "Boolean",
+     "desc": "True to disable input keystroke filtering (defaults to false)",
+     "memberOf": "Roo.form.TextField"
+    },
+    {
+     "name": "allowBlank",
+     "type": "Boolean",
+     "desc": "False to validate that the value length > 0 (defaults to true)",
+     "memberOf": "Roo.form.TextField"
+    },
+    {
+     "name": "minLength",
+     "type": "Number",
+     "desc": "Minimum input field length required (defaults to 0)",
+     "memberOf": "Roo.form.TextField"
+    },
+    {
+     "name": "maxLength",
+     "type": "Number",
+     "desc": "Maximum input field length allowed (defaults to Number.MAX_VALUE)",
+     "memberOf": "Roo.form.TextField"
+    },
+    {
+     "name": "minLengthText",
+     "type": "String",
+     "desc": "Error text to display if the minimum length validation fails (defaults to \"The minimum length for this field is {minLength}\")",
+     "memberOf": "Roo.form.TextField"
+    },
+    {
+     "name": "maxLengthText",
+     "type": "String",
+     "desc": "Error text to display if the maximum length validation fails (defaults to \"The maximum length for this field is {maxLength}\")",
+     "memberOf": "Roo.form.TextField"
+    },
+    {
+     "name": "selectOnFocus",
+     "type": "Boolean",
+     "desc": "True to automatically select any existing field text when the field receives input focus (defaults to false)",
+     "memberOf": "Roo.form.TextField"
+    },
+    {
+     "name": "blankText",
+     "type": "String",
+     "desc": "Error text to display if the allow blank validation fails (defaults to \"This field is required\")",
+     "memberOf": "Roo.form.TextField"
+    },
+    {
+     "name": "validator",
+     "type": "Function",
+     "desc": "A custom validation function to be called during field validation (defaults to null).\nIf available, this function will be called only after the basic validators all return true, and will be passed the\ncurrent field value and expected to return boolean true if the value is valid or a string error message if invalid.",
+     "memberOf": "Roo.form.TextField"
+    },
+    {
+     "name": "regex",
+     "type": "RegExp",
+     "desc": "A JavaScript RegExp object to be tested against the field value during validation (defaults to null).\nIf available, this regex will be evaluated only after the basic validators all return true, and will be passed the\ncurrent field value.  If the test fails, the field will be marked invalid using {@link #regexText}.",
+     "memberOf": "Roo.form.TextField"
+    },
+    {
+     "name": "regexText",
+     "type": "String",
+     "desc": "The error text to display if {@link #regex} is used and the test fails during validation (defaults to \"\")",
+     "memberOf": "Roo.form.TextField"
+    },
+    {
+     "name": "emptyText",
+     "type": "String",
+     "desc": "The default text to display in an empty field - placeholder... (defaults to null).",
      "memberOf": "Roo.form.TextField"
     },
     {
-     "name": "allowBlank",
-     "type": "Boolean",
-     "desc": "False to validate that the value length > 0 (defaults to true)",
-     "memberOf": "Roo.form.TextField"
+     "name": "fieldLabel",
+     "type": "String",
+     "desc": "Label to use when rendering a form.",
+     "memberOf": "Roo.form.Field"
+    },
+    {
+     "name": "qtip",
+     "type": "String",
+     "desc": "Mouse over tip",
+     "memberOf": "Roo.form.Field"
+    },
+    {
+     "name": "name",
+     "type": "String",
+     "desc": "The field's HTML name attribute.",
+     "memberOf": "Roo.form.Field"
+    },
+    {
+     "name": "invalidClass",
+     "type": "String",
+     "desc": "The CSS class to use when marking a field invalid (defaults to \"x-form-invalid\")",
+     "memberOf": "Roo.form.Field"
+    },
+    {
+     "name": "invalidText",
+     "type": "String",
+     "desc": "The error text to use when marking a field invalid and no message is provided (defaults to \"The value in this field is invalid\")",
+     "memberOf": "Roo.form.Field"
+    },
+    {
+     "name": "focusClass",
+     "type": "String",
+     "desc": "The CSS class to use when the field receives focus (defaults to \"x-form-focus\")",
+     "memberOf": "Roo.form.Field"
+    },
+    {
+     "name": "validationEvent",
+     "type": "String/Boolean",
+     "desc": "The event that should initiate field validation. Set to false to disable\n      automatic validation (defaults to \"keyup\").",
+     "memberOf": "Roo.form.Field"
+    },
+    {
+     "name": "validateOnBlur",
+     "type": "Boolean",
+     "desc": "Whether the field should validate when it loses focus (defaults to true).",
+     "memberOf": "Roo.form.Field"
+    },
+    {
+     "name": "validationDelay",
+     "type": "Number",
+     "desc": "The length of time in milliseconds after user input begins until validation is initiated (defaults to 250)",
+     "memberOf": "Roo.form.Field"
+    },
+    {
+     "name": "autoCreate",
+     "type": "String/Object",
+     "desc": "A DomHelper element spec, or true for a default element spec (defaults to\n{tag: \"input\", type: \"text\", size: \"20\", autocomplete: \"off\"})",
+     "memberOf": "Roo.form.Field"
+    },
+    {
+     "name": "msgTarget",
+     "type": "String",
+     "desc": "The location where error text should display.  Should be one of the following values (defaults to 'qtip'):\n<pre>\nValue         Description\n-----------   ----------------------------------------------------------------------\nqtip          Display a quick tip when the user hovers over the field\ntitle         Display a default browser title attribute popup\nunder         Add a block div beneath the field containing the error text\nside          Add an error icon to the right of the field with a popup on hover\n[element id]  Add the error text directly to the innerHTML of the specified element\n</pre>",
+     "memberOf": "Roo.form.Field"
+    },
+    {
+     "name": "msgFx",
+     "type": "String",
+     "desc": "<b>Experimental</b> The effect used when displaying a validation message under the field (defaults to 'normal').",
+     "memberOf": "Roo.form.Field"
+    },
+    {
+     "name": "readOnly",
+     "type": "Boolean",
+     "desc": "True to mark the field as readOnly in HTML (defaults to false) -- Note: this only sets the element's readOnly DOM attribute.",
+     "memberOf": "Roo.form.Field"
+    },
+    {
+     "name": "disabled",
+     "type": "Boolean",
+     "desc": "True to disable the field (defaults to false).",
+     "memberOf": "Roo.form.Field"
+    },
+    {
+     "name": "inputType",
+     "type": "String",
+     "desc": "The type attribute for input fields -- e.g. radio, text, password (defaults to \"text\").",
+     "memberOf": "Roo.form.Field"
+    },
+    {
+     "name": "tabIndex",
+     "type": "Number",
+     "desc": "The tabIndex for this field. Note this only applies to fields that are rendered, not those which are built via applyTo (defaults to undefined).",
+     "memberOf": "Roo.form.Field"
+    },
+    {
+     "name": "value",
+     "type": "Mixed",
+     "desc": "A value to initialize this field with.",
+     "memberOf": "Roo.form.Field"
+    },
+    {
+     "name": "cls",
+     "type": "String",
+     "desc": "A CSS class to apply to the field's underlying element.",
+     "memberOf": "Roo.form.Field"
+    },
+    {
+     "name": "width",
+     "type": "Number",
+     "desc": "width (optional) size of component",
+     "memberOf": "Roo.BoxComponent"
+    },
+    {
+     "name": "height",
+     "type": "Number",
+     "desc": "height (optional) size of component",
+     "memberOf": "Roo.BoxComponent"
+    },
+    {
+     "name": "disableClass",
+     "type": "String",
+     "desc": "CSS class added to the component when it is disabled (defaults to \"x-item-disabled\").",
+     "memberOf": "Roo.Component"
+    },
+    {
+     "name": "allowDomMove",
+     "type": "Boolean",
+     "desc": "Whether the component can move the Dom node when rendering (defaults to true).",
+     "memberOf": "Roo.Component"
+    },
+    {
+     "name": "hideMode",
+     "type": "String",
+     "desc": "How this component should hidden. Supported values are\n\"visibility\" (css visibility), \"offsets\" (negative offset position) and\n\"display\" (css display) - defaults to \"display\".",
+     "memberOf": "Roo.Component"
+    },
+    {
+     "name": "actionMode",
+     "type": "String",
+     "desc": "which property holds the element that used for  hide() / show() / disable() / enable()\ndefault is 'el'",
+     "memberOf": "Roo.Component"
+    },
+    {
+     "name": "listeners",
+     "type": "Object",
+     "desc": "list of events and functions to call for this object, \nFor example :\n<pre><code>\n    listeners :  { \n       'click' : function(e) {\n           ..... \n        } ,\n        .... \n    } \n  </code></pre>",
+     "memberOf": "Roo.util.Observable"
+    }
+   ],
+   "events": [
+    {
+     "name": "autosize",
+     "sig": "function (_self, width)\n{\n\n}",
+     "type": "function",
+     "desc": "Fires when the autosize function is triggered.  The field may or may not have actually changed size\naccording to the default logic, but this event provides a hook for the developer to apply additional\nlogic at runtime to resize the field if needed."
+    },
+    {
+     "name": "beforedestroy",
+     "sig": "function (_self)\n{\n\n}",
+     "type": "function",
+     "desc": "Fires before the component is destroyed. Return false to stop the destroy."
+    },
+    {
+     "name": "beforehide",
+     "sig": "function (_self)\n{\n\n}",
+     "type": "function",
+     "desc": "Fires before the component is hidden. Return false to stop the hide."
+    },
+    {
+     "name": "beforerender",
+     "sig": "function (_self)\n{\n\n}",
+     "type": "function",
+     "desc": "Fires before the component is rendered. Return false to stop the render."
+    },
+    {
+     "name": "beforeshow",
+     "sig": "function (_self)\n{\n\n}",
+     "type": "function",
+     "desc": "Fires before the component is shown.  Return false to stop the show."
+    },
+    {
+     "name": "blur",
+     "sig": "function (_self)\n{\n\n}",
+     "type": "function",
+     "desc": "Fires when this field loses input focus."
+    },
+    {
+     "name": "change",
+     "sig": "function (_self, newValue, oldValue)\n{\n\n}",
+     "type": "function",
+     "desc": "Fires just before the field blurs if the field value has changed."
+    },
+    {
+     "name": "destroy",
+     "sig": "function (_self)\n{\n\n}",
+     "type": "function",
+     "desc": "Fires after the component is destroyed."
+    },
+    {
+     "name": "disable",
+     "sig": "function (_self)\n{\n\n}",
+     "type": "function",
+     "desc": "Fires after the component is disabled."
+    },
+    {
+     "name": "enable",
+     "sig": "function (_self)\n{\n\n}",
+     "type": "function",
+     "desc": "Fires after the component is enabled."
+    },
+    {
+     "name": "focus",
+     "sig": "function (_self)\n{\n\n}",
+     "type": "function",
+     "desc": "Fires when this field receives input focus."
+    },
+    {
+     "name": "hide",
+     "sig": "function (_self)\n{\n\n}",
+     "type": "function",
+     "desc": "Fires after the component is hidden."
+    },
+    {
+     "name": "invalid",
+     "sig": "function (_self, msg)\n{\n\n}",
+     "type": "function",
+     "desc": "Fires after the field has been marked as invalid."
+    },
+    {
+     "name": "keyup",
+     "sig": "function (_self, e)\n{\n\n}",
+     "type": "function",
+     "desc": "Fires after the key up"
+    },
+    {
+     "name": "move",
+     "sig": "function (_self, x, y)\n{\n\n}",
+     "type": "function",
+     "desc": "Fires after the component is moved."
+    },
+    {
+     "name": "render",
+     "sig": "function (_self)\n{\n\n}",
+     "type": "function",
+     "desc": "Fires after the component is rendered."
+    },
+    {
+     "name": "resize",
+     "sig": "function (_self, adjWidth, adjHeight, rawWidth, rawHeight)\n{\n\n}",
+     "type": "function",
+     "desc": "Fires after the component is resized."
+    },
+    {
+     "name": "show",
+     "sig": "function (_self)\n{\n\n}",
+     "type": "function",
+     "desc": "Fires after the component is shown."
+    },
+    {
+     "name": "specialkey",
+     "sig": "function (_self, e)\n{\n\n}",
+     "type": "function",
+     "desc": "Fires when any key related to navigation (arrows, tab, enter, esc, etc.) is pressed.  You can check\n{@link Roo.EventObject#getKey} to determine which key was pressed."
+    },
+    {
+     "name": "valid",
+     "sig": "function (_self)\n{\n\n}",
+     "type": "function",
+     "desc": "Fires after the field has been validated with no errors."
+    }
+   ]
+  },
+  "Roo.form.Radio": {
+   "props": [
+    {
+     "name": "focusClass",
+     "type": "String",
+     "desc": "The CSS class to use when the checkbox receives focus (defaults to undefined)",
+     "memberOf": "Roo.form.Checkbox"
+    },
+    {
+     "name": "fieldClass",
+     "type": "String",
+     "desc": "The default CSS class for the checkbox (defaults to \"x-form-field\")",
+     "memberOf": "Roo.form.Checkbox"
+    },
+    {
+     "name": "checked",
+     "type": "Boolean",
+     "desc": "True if the the checkbox should render already checked (defaults to false)",
+     "memberOf": "Roo.form.Checkbox"
+    },
+    {
+     "name": "autoCreate",
+     "type": "String/Object",
+     "desc": "A DomHelper element spec, or true for a default element spec (defaults to\n{tag: \"input\", type: \"checkbox\", autocomplete: \"off\"})",
+     "memberOf": "Roo.form.Checkbox"
+    },
+    {
+     "name": "boxLabel",
+     "type": "String",
+     "desc": "The text that appears beside the checkbox",
+     "memberOf": "Roo.form.Checkbox"
+    },
+    {
+     "name": "inputValue",
+     "type": "String",
+     "desc": "The value that should go into the generated input element's value attribute",
+     "memberOf": "Roo.form.Checkbox"
+    },
+    {
+     "name": "valueOff",
+     "type": "String",
+     "desc": "The value that should go into the generated input element's value when unchecked.",
+     "memberOf": "Roo.form.Checkbox"
+    },
+    {
+     "name": "fieldLabel",
+     "type": "String",
+     "desc": "Label to use when rendering a form.",
+     "memberOf": "Roo.form.Field"
+    },
+    {
+     "name": "qtip",
+     "type": "String",
+     "desc": "Mouse over tip",
+     "memberOf": "Roo.form.Field"
+    },
+    {
+     "name": "name",
+     "type": "String",
+     "desc": "The field's HTML name attribute.",
+     "memberOf": "Roo.form.Field"
+    },
+    {
+     "name": "invalidClass",
+     "type": "String",
+     "desc": "The CSS class to use when marking a field invalid (defaults to \"x-form-invalid\")",
+     "memberOf": "Roo.form.Field"
+    },
+    {
+     "name": "invalidText",
+     "type": "String",
+     "desc": "The error text to use when marking a field invalid and no message is provided (defaults to \"The value in this field is invalid\")",
+     "memberOf": "Roo.form.Field"
+    },
+    {
+     "name": "validationEvent",
+     "type": "String/Boolean",
+     "desc": "The event that should initiate field validation. Set to false to disable\n      automatic validation (defaults to \"keyup\").",
+     "memberOf": "Roo.form.Field"
+    },
+    {
+     "name": "validateOnBlur",
+     "type": "Boolean",
+     "desc": "Whether the field should validate when it loses focus (defaults to true).",
+     "memberOf": "Roo.form.Field"
+    },
+    {
+     "name": "validationDelay",
+     "type": "Number",
+     "desc": "The length of time in milliseconds after user input begins until validation is initiated (defaults to 250)",
+     "memberOf": "Roo.form.Field"
+    },
+    {
+     "name": "msgTarget",
+     "type": "String",
+     "desc": "The location where error text should display.  Should be one of the following values (defaults to 'qtip'):\n<pre>\nValue         Description\n-----------   ----------------------------------------------------------------------\nqtip          Display a quick tip when the user hovers over the field\ntitle         Display a default browser title attribute popup\nunder         Add a block div beneath the field containing the error text\nside          Add an error icon to the right of the field with a popup on hover\n[element id]  Add the error text directly to the innerHTML of the specified element\n</pre>",
+     "memberOf": "Roo.form.Field"
+    },
+    {
+     "name": "msgFx",
+     "type": "String",
+     "desc": "<b>Experimental</b> The effect used when displaying a validation message under the field (defaults to 'normal').",
+     "memberOf": "Roo.form.Field"
+    },
+    {
+     "name": "readOnly",
+     "type": "Boolean",
+     "desc": "True to mark the field as readOnly in HTML (defaults to false) -- Note: this only sets the element's readOnly DOM attribute.",
+     "memberOf": "Roo.form.Field"
+    },
+    {
+     "name": "disabled",
+     "type": "Boolean",
+     "desc": "True to disable the field (defaults to false).",
+     "memberOf": "Roo.form.Field"
+    },
+    {
+     "name": "inputType",
+     "type": "String",
+     "desc": "The type attribute for input fields -- e.g. radio, text, password (defaults to \"text\").",
+     "memberOf": "Roo.form.Field"
+    },
+    {
+     "name": "tabIndex",
+     "type": "Number",
+     "desc": "The tabIndex for this field. Note this only applies to fields that are rendered, not those which are built via applyTo (defaults to undefined).",
+     "memberOf": "Roo.form.Field"
+    },
+    {
+     "name": "value",
+     "type": "Mixed",
+     "desc": "A value to initialize this field with.",
+     "memberOf": "Roo.form.Field"
+    },
+    {
+     "name": "cls",
+     "type": "String",
+     "desc": "A CSS class to apply to the field's underlying element.",
+     "memberOf": "Roo.form.Field"
+    },
+    {
+     "name": "width",
+     "type": "Number",
+     "desc": "width (optional) size of component",
+     "memberOf": "Roo.BoxComponent"
+    },
+    {
+     "name": "height",
+     "type": "Number",
+     "desc": "height (optional) size of component",
+     "memberOf": "Roo.BoxComponent"
+    },
+    {
+     "name": "disableClass",
+     "type": "String",
+     "desc": "CSS class added to the component when it is disabled (defaults to \"x-item-disabled\").",
+     "memberOf": "Roo.Component"
+    },
+    {
+     "name": "allowDomMove",
+     "type": "Boolean",
+     "desc": "Whether the component can move the Dom node when rendering (defaults to true).",
+     "memberOf": "Roo.Component"
+    },
+    {
+     "name": "hideMode",
+     "type": "String",
+     "desc": "How this component should hidden. Supported values are\n\"visibility\" (css visibility), \"offsets\" (negative offset position) and\n\"display\" (css display) - defaults to \"display\".",
+     "memberOf": "Roo.Component"
+    },
+    {
+     "name": "actionMode",
+     "type": "String",
+     "desc": "which property holds the element that used for  hide() / show() / disable() / enable()\ndefault is 'el'",
+     "memberOf": "Roo.Component"
+    },
+    {
+     "name": "listeners",
+     "type": "Object",
+     "desc": "list of events and functions to call for this object, \nFor example :\n<pre><code>\n    listeners :  { \n       'click' : function(e) {\n           ..... \n        } ,\n        .... \n    } \n  </code></pre>",
+     "memberOf": "Roo.util.Observable"
+    }
+   ],
+   "events": [
+    {
+     "name": "beforedestroy",
+     "sig": "function (_self)\n{\n\n}",
+     "type": "function",
+     "desc": "Fires before the component is destroyed. Return false to stop the destroy."
+    },
+    {
+     "name": "beforehide",
+     "sig": "function (_self)\n{\n\n}",
+     "type": "function",
+     "desc": "Fires before the component is hidden. Return false to stop the hide."
+    },
+    {
+     "name": "beforerender",
+     "sig": "function (_self)\n{\n\n}",
+     "type": "function",
+     "desc": "Fires before the component is rendered. Return false to stop the render."
+    },
+    {
+     "name": "beforeshow",
+     "sig": "function (_self)\n{\n\n}",
+     "type": "function",
+     "desc": "Fires before the component is shown.  Return false to stop the show."
+    },
+    {
+     "name": "blur",
+     "sig": "function (_self)\n{\n\n}",
+     "type": "function",
+     "desc": "Fires when this field loses input focus."
+    },
+    {
+     "name": "change",
+     "sig": "function (_self, newValue, oldValue)\n{\n\n}",
+     "type": "function",
+     "desc": "Fires just before the field blurs if the field value has changed."
+    },
+    {
+     "name": "check",
+     "sig": "function (_self, checked)\n{\n\n}",
+     "type": "function",
+     "desc": "Fires when the checkbox is checked or unchecked."
+    },
+    {
+     "name": "destroy",
+     "sig": "function (_self)\n{\n\n}",
+     "type": "function",
+     "desc": "Fires after the component is destroyed."
+    },
+    {
+     "name": "disable",
+     "sig": "function (_self)\n{\n\n}",
+     "type": "function",
+     "desc": "Fires after the component is disabled."
+    },
+    {
+     "name": "enable",
+     "sig": "function (_self)\n{\n\n}",
+     "type": "function",
+     "desc": "Fires after the component is enabled."
+    },
+    {
+     "name": "focus",
+     "sig": "function (_self)\n{\n\n}",
+     "type": "function",
+     "desc": "Fires when this field receives input focus."
+    },
+    {
+     "name": "hide",
+     "sig": "function (_self)\n{\n\n}",
+     "type": "function",
+     "desc": "Fires after the component is hidden."
+    },
+    {
+     "name": "invalid",
+     "sig": "function (_self, msg)\n{\n\n}",
+     "type": "function",
+     "desc": "Fires after the field has been marked as invalid."
+    },
+    {
+     "name": "keyup",
+     "sig": "function (_self, e)\n{\n\n}",
+     "type": "function",
+     "desc": "Fires after the key up"
+    },
+    {
+     "name": "move",
+     "sig": "function (_self, x, y)\n{\n\n}",
+     "type": "function",
+     "desc": "Fires after the component is moved."
+    },
+    {
+     "name": "render",
+     "sig": "function (_self)\n{\n\n}",
+     "type": "function",
+     "desc": "Fires after the component is rendered."
+    },
+    {
+     "name": "resize",
+     "sig": "function (_self, adjWidth, adjHeight, rawWidth, rawHeight)\n{\n\n}",
+     "type": "function",
+     "desc": "Fires after the component is resized."
+    },
+    {
+     "name": "show",
+     "sig": "function (_self)\n{\n\n}",
+     "type": "function",
+     "desc": "Fires after the component is shown."
+    },
+    {
+     "name": "specialkey",
+     "sig": "function (_self, e)\n{\n\n}",
+     "type": "function",
+     "desc": "Fires when any key related to navigation (arrows, tab, enter, esc, etc.) is pressed.  You can check\n{@link Roo.EventObject#getKey} to determine which key was pressed."
+    },
+    {
+     "name": "valid",
+     "sig": "function (_self)\n{\n\n}",
+     "type": "function",
+     "desc": "Fires after the field has been validated with no errors."
+    }
+   ]
+  },
+  "Roo.form.Row": {
+   "props": [
+    {
+     "name": "width",
+     "type": "Number/String",
+     "desc": "The fixed width of the column in pixels or CSS value (defaults to \"auto\")",
+     "memberOf": ""
+    },
+    {
+     "name": "height",
+     "type": "Number/String",
+     "desc": "The fixed height of the column in pixels or CSS value (defaults to \"auto\")",
+     "memberOf": ""
     },
     {
-     "name": "minLength",
-     "type": "Number",
-     "desc": "Minimum input field length required (defaults to 0)",
-     "memberOf": "Roo.form.TextField"
+     "name": "autoCreate",
+     "type": "String/Object",
+     "desc": "A DomHelper element spec used to autocreate the layout (defaults to {tag: 'div', cls: 'x-form-ct'})",
+     "memberOf": "Roo.form.Layout"
     },
     {
-     "name": "maxLength",
-     "type": "Number",
-     "desc": "Maximum input field length allowed (defaults to Number.MAX_VALUE)",
-     "memberOf": "Roo.form.TextField"
+     "name": "style",
+     "type": "String/Object/Function",
+     "desc": "A style specification string, e.g. \"width:100px\", or object in the form {width:\"100px\"}, or\na function which returns such a specification.",
+     "memberOf": "Roo.form.Layout"
     },
     {
-     "name": "minLengthText",
+     "name": "labelAlign",
      "type": "String",
-     "desc": "Error text to display if the minimum length validation fails (defaults to \"The minimum length for this field is {minLength}\")",
-     "memberOf": "Roo.form.TextField"
+     "desc": "Valid values are \"left,\" \"top\" and \"right\" (defaults to \"left\")",
+     "memberOf": "Roo.form.Layout"
     },
     {
-     "name": "maxLengthText",
-     "type": "String",
-     "desc": "Error text to display if the maximum length validation fails (defaults to \"The maximum length for this field is {maxLength}\")",
-     "memberOf": "Roo.form.TextField"
+     "name": "labelWidth",
+     "type": "Number",
+     "desc": "Fixed width in pixels of all field labels (defaults to undefined)",
+     "memberOf": "Roo.form.Layout"
     },
     {
-     "name": "selectOnFocus",
+     "name": "clear",
      "type": "Boolean",
-     "desc": "True to automatically select any existing field text when the field receives input focus (defaults to false)",
-     "memberOf": "Roo.form.TextField"
+     "desc": "True to add a clearing element at the end of this layout, equivalent to CSS clear: both (defaults to true)",
+     "memberOf": "Roo.form.Layout"
     },
     {
-     "name": "blankText",
+     "name": "labelSeparator",
      "type": "String",
-     "desc": "Error text to display if the allow blank validation fails (defaults to \"This field is required\")",
-     "memberOf": "Roo.form.TextField"
+     "desc": "The separator to use after field labels (defaults to ':')",
+     "memberOf": "Roo.form.Layout"
     },
     {
-     "name": "validator",
-     "type": "Function",
-     "desc": "A custom validation function to be called during field validation (defaults to null).\nIf available, this function will be called only after the basic validators all return true, and will be passed the\ncurrent field value and expected to return boolean true if the value is valid or a string error message if invalid.",
-     "memberOf": "Roo.form.TextField"
+     "name": "hideLabels",
+     "type": "Boolean",
+     "desc": "True to suppress the display of field labels in this layout (defaults to false)",
+     "memberOf": "Roo.form.Layout"
     },
     {
-     "name": "regex",
-     "type": "RegExp",
-     "desc": "A JavaScript RegExp object to be tested against the field value during validation (defaults to null).\nIf available, this regex will be evaluated only after the basic validators all return true, and will be passed the\ncurrent field value.  If the test fails, the field will be marked invalid using {@link #regexText}.",
-     "memberOf": "Roo.form.TextField"
+     "name": "disableClass",
+     "type": "String",
+     "desc": "CSS class added to the component when it is disabled (defaults to \"x-item-disabled\").",
+     "memberOf": "Roo.Component"
     },
     {
-     "name": "regexText",
-     "type": "String",
-     "desc": "The error text to display if {@link #regex} is used and the test fails during validation (defaults to \"\")",
-     "memberOf": "Roo.form.TextField"
+     "name": "allowDomMove",
+     "type": "Boolean",
+     "desc": "Whether the component can move the Dom node when rendering (defaults to true).",
+     "memberOf": "Roo.Component"
     },
     {
-     "name": "emptyText",
+     "name": "hideMode",
      "type": "String",
-     "desc": "The default text to display in an empty field - placeholder... (defaults to null).",
-     "memberOf": "Roo.form.TextField"
+     "desc": "How this component should hidden. Supported values are\n\"visibility\" (css visibility), \"offsets\" (negative offset position) and\n\"display\" (css display) - defaults to \"display\".",
+     "memberOf": "Roo.Component"
     },
     {
-     "name": "fieldLabel",
+     "name": "actionMode",
      "type": "String",
-     "desc": "Label to use when rendering a form.",
-     "memberOf": "Roo.form.Field"
+     "desc": "which property holds the element that used for  hide() / show() / disable() / enable()\ndefault is 'el'",
+     "memberOf": "Roo.Component"
     },
     {
-     "name": "qtip",
-     "type": "String",
-     "desc": "Mouse over tip",
-     "memberOf": "Roo.form.Field"
+     "name": "listeners",
+     "type": "Object",
+     "desc": "list of events and functions to call for this object, \nFor example :\n<pre><code>\n    listeners :  { \n       'click' : function(e) {\n           ..... \n        } ,\n        .... \n    } \n  </code></pre>",
+     "memberOf": "Roo.util.Observable"
+    }
+   ],
+   "events": [
+    {
+     "name": "beforedestroy",
+     "sig": "function (_self)\n{\n\n}",
+     "type": "function",
+     "desc": "Fires before the component is destroyed. Return false to stop the destroy."
     },
     {
-     "name": "name",
-     "type": "String",
-     "desc": "The field's HTML name attribute.",
-     "memberOf": "Roo.form.Field"
+     "name": "beforehide",
+     "sig": "function (_self)\n{\n\n}",
+     "type": "function",
+     "desc": "Fires before the component is hidden. Return false to stop the hide."
     },
     {
-     "name": "invalidClass",
-     "type": "String",
-     "desc": "The CSS class to use when marking a field invalid (defaults to \"x-form-invalid\")",
-     "memberOf": "Roo.form.Field"
+     "name": "beforerender",
+     "sig": "function (_self)\n{\n\n}",
+     "type": "function",
+     "desc": "Fires before the component is rendered. Return false to stop the render."
     },
     {
-     "name": "invalidText",
-     "type": "String",
-     "desc": "The error text to use when marking a field invalid and no message is provided (defaults to \"The value in this field is invalid\")",
-     "memberOf": "Roo.form.Field"
+     "name": "beforeshow",
+     "sig": "function (_self)\n{\n\n}",
+     "type": "function",
+     "desc": "Fires before the component is shown.  Return false to stop the show."
     },
     {
-     "name": "focusClass",
-     "type": "String",
-     "desc": "The CSS class to use when the field receives focus (defaults to \"x-form-focus\")",
-     "memberOf": "Roo.form.Field"
+     "name": "destroy",
+     "sig": "function (_self)\n{\n\n}",
+     "type": "function",
+     "desc": "Fires after the component is destroyed."
     },
     {
-     "name": "validationEvent",
-     "type": "String/Boolean",
-     "desc": "The event that should initiate field validation. Set to false to disable\n      automatic validation (defaults to \"keyup\").",
-     "memberOf": "Roo.form.Field"
+     "name": "disable",
+     "sig": "function (_self)\n{\n\n}",
+     "type": "function",
+     "desc": "Fires after the component is disabled."
     },
     {
-     "name": "validateOnBlur",
+     "name": "enable",
+     "sig": "function (_self)\n{\n\n}",
+     "type": "function",
+     "desc": "Fires after the component is enabled."
+    },
+    {
+     "name": "hide",
+     "sig": "function (_self)\n{\n\n}",
+     "type": "function",
+     "desc": "Fires after the component is hidden."
+    },
+    {
+     "name": "render",
+     "sig": "function (_self)\n{\n\n}",
+     "type": "function",
+     "desc": "Fires after the component is rendered."
+    },
+    {
+     "name": "show",
+     "sig": "function (_self)\n{\n\n}",
+     "type": "function",
+     "desc": "Fires after the component is shown."
+    }
+   ]
+  },
+  "Roo.form.Select": {
+   "props": [
+    {
+     "name": "transform",
+     "type": "String/HTMLElement/Element",
+     "desc": "The id, DOM node or element of an existing select to convert to a ComboBox",
+     "memberOf": ""
+    },
+    {
+     "name": "lazyRender",
      "type": "Boolean",
-     "desc": "Whether the field should validate when it loses focus (defaults to true).",
-     "memberOf": "Roo.form.Field"
+     "desc": "True to prevent the ComboBox from rendering until requested (should always be used when\nrendering into an Roo.Editor, defaults to false)",
+     "memberOf": ""
     },
     {
-     "name": "validationDelay",
+     "name": "autoCreate",
+     "type": "Boolean/Object",
+     "desc": "A DomHelper element spec, or true for a default element spec (defaults to:\n{tag: \"input\", type: \"text\", size: \"24\", autocomplete: \"off\"})",
+     "memberOf": ""
+    },
+    {
+     "name": "store",
+     "type": "Roo.data.Store",
+     "desc": "The data store to which this combo is bound (defaults to undefined)",
+     "memberOf": ""
+    },
+    {
+     "name": "title",
+     "type": "String",
+     "desc": "If supplied, a header element is created containing this text and added into the top of\nthe dropdown list (defaults to undefined, with no header element)",
+     "memberOf": ""
+    },
+    {
+     "name": "grow",
+     "type": "Boolean",
+     "desc": "",
+     "memberOf": ""
+    },
+    {
+     "name": "growMin",
      "type": "Number",
-     "desc": "The length of time in milliseconds after user input begins until validation is initiated (defaults to 250)",
-     "memberOf": "Roo.form.Field"
+     "desc": "",
+     "memberOf": ""
     },
     {
-     "name": "autoCreate",
-     "type": "String/Object",
-     "desc": "A DomHelper element spec, or true for a default element spec (defaults to\n{tag: \"input\", type: \"text\", size: \"20\", autocomplete: \"off\"})",
-     "memberOf": "Roo.form.Field"
+     "name": "growMax",
+     "type": "Number",
+     "desc": "",
+     "memberOf": ""
+    },
+    {
+     "name": "tpl",
+     "type": "String/Roo.Template",
+     "desc": "The template to use to render the output",
+     "memberOf": ""
+    },
+    {
+     "name": "listWidth",
+     "type": "Number",
+     "desc": "The width in pixels of the dropdown list (defaults to the width of the ComboBox field)",
+     "memberOf": ""
+    },
+    {
+     "name": "displayField",
+     "type": "String",
+     "desc": "The underlying data field name to bind to this CombBox (defaults to undefined if\nmode = 'remote' or 'text' if mode = 'local')",
+     "memberOf": ""
+    },
+    {
+     "name": "valueField",
+     "type": "String",
+     "desc": "The underlying data value name to bind to this CombBox (defaults to undefined if\nmode = 'remote' or 'value' if mode = 'local'). \nNote: use of a valueField requires the user make a selection\nin order for a value to be mapped.",
+     "memberOf": ""
+    },
+    {
+     "name": "hiddenName",
+     "type": "String",
+     "desc": "If specified, a hidden form field with this name is dynamically generated to store the\nfield's data value (defaults to the underlying DOM element's name)",
+     "memberOf": ""
     },
     {
-     "name": "msgTarget",
+     "name": "listClass",
      "type": "String",
-     "desc": "The location where error text should display.  Should be one of the following values (defaults to 'qtip'):\n<pre>\nValue         Description\n-----------   ----------------------------------------------------------------------\nqtip          Display a quick tip when the user hovers over the field\ntitle         Display a default browser title attribute popup\nunder         Add a block div beneath the field containing the error text\nside          Add an error icon to the right of the field with a popup on hover\n[element id]  Add the error text directly to the innerHTML of the specified element\n</pre>",
-     "memberOf": "Roo.form.Field"
+     "desc": "CSS class to apply to the dropdown list element (defaults to '')",
+     "memberOf": ""
     },
     {
-     "name": "msgFx",
+     "name": "selectedClass",
      "type": "String",
-     "desc": "<b>Experimental</b> The effect used when displaying a validation message under the field (defaults to 'normal').",
-     "memberOf": "Roo.form.Field"
+     "desc": "CSS class to apply to the selected item in the dropdown list (defaults to 'x-combo-selected')",
+     "memberOf": ""
     },
     {
-     "name": "readOnly",
-     "type": "Boolean",
-     "desc": "True to mark the field as readOnly in HTML (defaults to false) -- Note: this only sets the element's readOnly DOM attribute.",
-     "memberOf": "Roo.form.Field"
+     "name": "triggerClass",
+     "type": "String",
+     "desc": "An additional CSS class used to style the trigger button.  The trigger will always get the\nclass 'x-form-trigger' and triggerClass will be <b>appended</b> if specified (defaults to 'x-form-arrow-trigger'\nwhich displays a downward arrow icon).",
+     "memberOf": ""
     },
     {
-     "name": "disabled",
-     "type": "Boolean",
-     "desc": "True to disable the field (defaults to false).",
-     "memberOf": "Roo.form.Field"
+     "name": "shadow",
+     "type": "Boolean/String",
+     "desc": "True or \"sides\" for the default effect, \"frame\" for 4-way shadow, and \"drop\" for bottom-right",
+     "memberOf": ""
     },
     {
-     "name": "inputType",
+     "name": "listAlign",
      "type": "String",
-     "desc": "The type attribute for input fields -- e.g. radio, text, password (defaults to \"text\").",
-     "memberOf": "Roo.form.Field"
+     "desc": "A valid anchor position value. See {@link Roo.Element#alignTo} for details on supported\nanchor positions (defaults to 'tl-bl')",
+     "memberOf": ""
     },
     {
-     "name": "tabIndex",
+     "name": "maxHeight",
      "type": "Number",
-     "desc": "The tabIndex for this field. Note this only applies to fields that are rendered, not those which are built via applyTo (defaults to undefined).",
-     "memberOf": "Roo.form.Field"
-    },
-    {
-     "name": "value",
-     "type": "Mixed",
-     "desc": "A value to initialize this field with.",
-     "memberOf": "Roo.form.Field"
+     "desc": "The maximum height in pixels of the dropdown list before scrollbars are shown (defaults to 300)",
+     "memberOf": ""
     },
     {
-     "name": "cls",
+     "name": "triggerAction",
      "type": "String",
-     "desc": "A CSS class to apply to the field's underlying element.",
-     "memberOf": "Roo.form.Field"
+     "desc": "The action to execute when the trigger field is activated.  Use 'all' to run the\nquery specified by the allQuery config option (defaults to 'query')",
+     "memberOf": ""
     },
     {
-     "name": "width",
+     "name": "minChars",
      "type": "Number",
-     "desc": "width (optional) size of component",
-     "memberOf": "Roo.BoxComponent"
+     "desc": "The minimum number of characters the user must type before autocomplete and typeahead activate\n(defaults to 4, does not apply if editable = false)",
+     "memberOf": ""
     },
     {
-     "name": "height",
+     "name": "typeAhead",
+     "type": "Boolean",
+     "desc": "True to populate and autoselect the remainder of the text being typed after a configurable\ndelay (typeAheadDelay) if it matches a known value (defaults to false)",
+     "memberOf": ""
+    },
+    {
+     "name": "queryDelay",
      "type": "Number",
-     "desc": "height (optional) size of component",
-     "memberOf": "Roo.BoxComponent"
+     "desc": "The length of time in milliseconds to delay between the start of typing and sending the\nquery to filter the dropdown list (defaults to 500 if mode = 'remote' or 10 if mode = 'local')",
+     "memberOf": ""
     },
     {
-     "name": "disableClass",
-     "type": "String",
-     "desc": "CSS class added to the component when it is disabled (defaults to \"x-item-disabled\").",
-     "memberOf": "Roo.Component"
+     "name": "pageSize",
+     "type": "Number",
+     "desc": "If greater than 0, a paging toolbar is displayed in the footer of the dropdown list and the\nfilter queries will execute with page start and limit parameters.  Only applies when mode = 'remote' (defaults to 0)",
+     "memberOf": ""
     },
     {
-     "name": "allowDomMove",
+     "name": "selectOnFocus",
      "type": "Boolean",
-     "desc": "Whether the component can move the Dom node when rendering (defaults to true).",
-     "memberOf": "Roo.Component"
+     "desc": "True to select any existing text in the field immediately on focus.  Only applies\nwhen editable = true (defaults to false)",
+     "memberOf": ""
     },
     {
-     "name": "hideMode",
+     "name": "queryParam",
      "type": "String",
-     "desc": "How this component should hidden. Supported values are\n\"visibility\" (css visibility), \"offsets\" (negative offset position) and\n\"display\" (css display) - defaults to \"display\".",
-     "memberOf": "Roo.Component"
+     "desc": "Name of the query as it will be passed on the querystring (defaults to 'query')",
+     "memberOf": ""
     },
     {
-     "name": "actionMode",
+     "name": "loadingText",
      "type": "String",
-     "desc": "which property holds the element that used for  hide() / show() / disable() / enable()\ndefault is 'el'",
-     "memberOf": "Roo.Component"
+     "desc": "The text to display in the dropdown list while data is loading.  Only applies\nwhen mode = 'remote' (defaults to 'Loading...')",
+     "memberOf": ""
     },
     {
-     "name": "listeners",
-     "type": "Object",
-     "desc": "list of events and functions to call for this object, \nFor example :\n<pre><code>\n    listeners :  { \n       'click' : function(e) {\n           ..... \n        } ,\n        .... \n    } \n  </code></pre>",
-     "memberOf": "Roo.util.Observable"
-    }
-   ],
-   "events": [
-    {
-     "name": "autosize",
-     "sig": "function (_self, width)\n{\n\n}",
-     "type": "function",
-     "desc": "Fires when the autosize function is triggered.  The field may or may not have actually changed size\naccording to the default logic, but this event provides a hook for the developer to apply additional\nlogic at runtime to resize the field if needed."
+     "name": "resizable",
+     "type": "Boolean",
+     "desc": "True to add a resize handle to the bottom of the dropdown list (defaults to false)",
+     "memberOf": ""
     },
     {
-     "name": "beforedestroy",
-     "sig": "function (_self)\n{\n\n}",
-     "type": "function",
-     "desc": "Fires before the component is destroyed. Return false to stop the destroy."
+     "name": "handleHeight",
+     "type": "Number",
+     "desc": "The height in pixels of the dropdown list resize handle if resizable = true (defaults to 8)",
+     "memberOf": ""
     },
     {
-     "name": "beforehide",
-     "sig": "function (_self)\n{\n\n}",
-     "type": "function",
-     "desc": "Fires before the component is hidden. Return false to stop the hide."
+     "name": "editable",
+     "type": "Boolean",
+     "desc": "False to prevent the user from typing text directly into the field, just like a\ntraditional select (defaults to true)",
+     "memberOf": ""
     },
     {
-     "name": "beforerender",
-     "sig": "function (_self)\n{\n\n}",
-     "type": "function",
-     "desc": "Fires before the component is rendered. Return false to stop the render."
+     "name": "allQuery",
+     "type": "String",
+     "desc": "The text query to send to the server to return all records for the list with no filtering (defaults to '')",
+     "memberOf": ""
     },
     {
-     "name": "beforeshow",
-     "sig": "function (_self)\n{\n\n}",
-     "type": "function",
-     "desc": "Fires before the component is shown.  Return false to stop the show."
+     "name": "mode",
+     "type": "String",
+     "desc": "Set to 'local' if the ComboBox loads local data (defaults to 'remote' which loads from the server)",
+     "memberOf": ""
     },
     {
-     "name": "blur",
-     "sig": "function (_self)\n{\n\n}",
-     "type": "function",
-     "desc": "Fires when this field loses input focus."
+     "name": "minListWidth",
+     "type": "Number",
+     "desc": "The minimum width of the dropdown list in pixels (defaults to 70, will be ignored if\nlistWidth has a higher value)",
+     "memberOf": ""
     },
     {
-     "name": "change",
-     "sig": "function (_self, newValue, oldValue)\n{\n\n}",
-     "type": "function",
-     "desc": "Fires just before the field blurs if the field value has changed."
+     "name": "forceSelection",
+     "type": "Boolean",
+     "desc": "True to restrict the selected value to one of the values in the list, false to\nallow the user to set arbitrary text into the field (defaults to false)",
+     "memberOf": ""
     },
     {
-     "name": "destroy",
-     "sig": "function (_self)\n{\n\n}",
-     "type": "function",
-     "desc": "Fires after the component is destroyed."
+     "name": "typeAheadDelay",
+     "type": "Number",
+     "desc": "The length of time in milliseconds to wait until the typeahead text is displayed\nif typeAhead = true (defaults to 250)",
+     "memberOf": ""
     },
     {
-     "name": "disable",
-     "sig": "function (_self)\n{\n\n}",
-     "type": "function",
-     "desc": "Fires after the component is disabled."
+     "name": "valueNotFoundText",
+     "type": "String",
+     "desc": "When using a name/value combo, if the value passed to setValue is not found in\nthe store, valueNotFoundText will be displayed as the field text if defined (defaults to undefined)",
+     "memberOf": ""
     },
     {
-     "name": "enable",
-     "sig": "function (_self)\n{\n\n}",
-     "type": "function",
-     "desc": "Fires after the component is enabled."
+     "name": "defaultValue",
+     "type": "String",
+     "desc": "The value displayed after loading the store.",
+     "memberOf": ""
     },
     {
-     "name": "focus",
-     "sig": "function (_self)\n{\n\n}",
-     "type": "function",
-     "desc": "Fires when this field receives input focus."
+     "name": "blockFocus",
+     "type": "Boolean",
+     "desc": "Prevents all focus calls, so it can work with things like HTML edtor bar",
+     "memberOf": ""
     },
     {
-     "name": "hide",
-     "sig": "function (_self)\n{\n\n}",
-     "type": "function",
-     "desc": "Fires after the component is hidden."
+     "name": "disableClear",
+     "type": "Boolean",
+     "desc": "Disable showing of clear button.",
+     "memberOf": ""
     },
     {
-     "name": "invalid",
-     "sig": "function (_self, msg)\n{\n\n}",
-     "type": "function",
-     "desc": "Fires after the field has been marked as invalid."
+     "name": "alwaysQuery",
+     "type": "Boolean",
+     "desc": "Disable caching of results, and always send query",
+     "memberOf": ""
     },
     {
-     "name": "keyup",
-     "sig": "function (_self, e)\n{\n\n}",
-     "type": "function",
-     "desc": "Fires after the key up"
+     "name": "hideTrigger",
+     "type": "Boolean",
+     "desc": "True to hide the trigger element and display only the base text field (defaults to false)",
+     "memberOf": "Roo.form.TriggerField"
     },
     {
-     "name": "move",
-     "sig": "function (_self, x, y)\n{\n\n}",
-     "type": "function",
-     "desc": "Fires after the component is moved."
+     "name": "vtype",
+     "type": "String",
+     "desc": "A validation type name as defined in {@link Roo.form.VTypes} (defaults to null)",
+     "memberOf": "Roo.form.TextField"
     },
     {
-     "name": "render",
-     "sig": "function (_self)\n{\n\n}",
-     "type": "function",
-     "desc": "Fires after the component is rendered."
+     "name": "maskRe",
+     "type": "String",
+     "desc": "An input mask regular expression that will be used to filter keystrokes that don't match (defaults to null)",
+     "memberOf": "Roo.form.TextField"
     },
     {
-     "name": "resize",
-     "sig": "function (_self, adjWidth, adjHeight, rawWidth, rawHeight)\n{\n\n}",
-     "type": "function",
-     "desc": "Fires after the component is resized."
+     "name": "disableKeyFilter",
+     "type": "Boolean",
+     "desc": "True to disable input keystroke filtering (defaults to false)",
+     "memberOf": "Roo.form.TextField"
     },
     {
-     "name": "show",
-     "sig": "function (_self)\n{\n\n}",
-     "type": "function",
-     "desc": "Fires after the component is shown."
+     "name": "allowBlank",
+     "type": "Boolean",
+     "desc": "False to validate that the value length > 0 (defaults to true)",
+     "memberOf": "Roo.form.TextField"
     },
     {
-     "name": "specialkey",
-     "sig": "function (_self, e)\n{\n\n}",
-     "type": "function",
-     "desc": "Fires when any key related to navigation (arrows, tab, enter, esc, etc.) is pressed.  You can check\n{@link Roo.EventObject#getKey} to determine which key was pressed."
+     "name": "minLength",
+     "type": "Number",
+     "desc": "Minimum input field length required (defaults to 0)",
+     "memberOf": "Roo.form.TextField"
     },
     {
-     "name": "valid",
-     "sig": "function (_self)\n{\n\n}",
-     "type": "function",
-     "desc": "Fires after the field has been validated with no errors."
-    }
-   ]
-  },
-  "Roo.form.Radio": {
-   "props": [
+     "name": "maxLength",
+     "type": "Number",
+     "desc": "Maximum input field length allowed (defaults to Number.MAX_VALUE)",
+     "memberOf": "Roo.form.TextField"
+    },
     {
-     "name": "focusClass",
+     "name": "minLengthText",
      "type": "String",
-     "desc": "The CSS class to use when the checkbox receives focus (defaults to undefined)",
-     "memberOf": "Roo.form.Checkbox"
+     "desc": "Error text to display if the minimum length validation fails (defaults to \"The minimum length for this field is {minLength}\")",
+     "memberOf": "Roo.form.TextField"
     },
     {
-     "name": "fieldClass",
+     "name": "maxLengthText",
      "type": "String",
-     "desc": "The default CSS class for the checkbox (defaults to \"x-form-field\")",
-     "memberOf": "Roo.form.Checkbox"
+     "desc": "Error text to display if the maximum length validation fails (defaults to \"The maximum length for this field is {maxLength}\")",
+     "memberOf": "Roo.form.TextField"
     },
     {
-     "name": "checked",
-     "type": "Boolean",
-     "desc": "True if the the checkbox should render already checked (defaults to false)",
-     "memberOf": "Roo.form.Checkbox"
+     "name": "blankText",
+     "type": "String",
+     "desc": "Error text to display if the allow blank validation fails (defaults to \"This field is required\")",
+     "memberOf": "Roo.form.TextField"
     },
     {
-     "name": "autoCreate",
-     "type": "String/Object",
-     "desc": "A DomHelper element spec, or true for a default element spec (defaults to\n{tag: \"input\", type: \"checkbox\", autocomplete: \"off\"})",
-     "memberOf": "Roo.form.Checkbox"
+     "name": "validator",
+     "type": "Function",
+     "desc": "A custom validation function to be called during field validation (defaults to null).\nIf available, this function will be called only after the basic validators all return true, and will be passed the\ncurrent field value and expected to return boolean true if the value is valid or a string error message if invalid.",
+     "memberOf": "Roo.form.TextField"
     },
     {
-     "name": "boxLabel",
-     "type": "String",
-     "desc": "The text that appears beside the checkbox",
-     "memberOf": "Roo.form.Checkbox"
+     "name": "regex",
+     "type": "RegExp",
+     "desc": "A JavaScript RegExp object to be tested against the field value during validation (defaults to null).\nIf available, this regex will be evaluated only after the basic validators all return true, and will be passed the\ncurrent field value.  If the test fails, the field will be marked invalid using {@link #regexText}.",
+     "memberOf": "Roo.form.TextField"
     },
     {
-     "name": "inputValue",
+     "name": "regexText",
      "type": "String",
-     "desc": "The value that should go into the generated input element's value attribute",
-     "memberOf": "Roo.form.Checkbox"
+     "desc": "The error text to display if {@link #regex} is used and the test fails during validation (defaults to \"\")",
+     "memberOf": "Roo.form.TextField"
     },
     {
-     "name": "valueOff",
+     "name": "emptyText",
      "type": "String",
-     "desc": "The value that should go into the generated input element's value when unchecked.",
-     "memberOf": "Roo.form.Checkbox"
+     "desc": "The default text to display in an empty field - placeholder... (defaults to null).",
+     "memberOf": "Roo.form.TextField"
     },
     {
      "name": "fieldLabel",
      "desc": "The error text to use when marking a field invalid and no message is provided (defaults to \"The value in this field is invalid\")",
      "memberOf": "Roo.form.Field"
     },
+    {
+     "name": "focusClass",
+     "type": "String",
+     "desc": "The CSS class to use when the field receives focus (defaults to \"x-form-focus\")",
+     "memberOf": "Roo.form.Field"
+    },
     {
      "name": "validationEvent",
      "type": "String/Boolean",
      "desc": "The length of time in milliseconds after user input begins until validation is initiated (defaults to 250)",
      "memberOf": "Roo.form.Field"
     },
+    {
+     "name": "fieldClass",
+     "type": "String",
+     "desc": "The default CSS class for the field (defaults to \"x-form-field\")",
+     "memberOf": "Roo.form.Field"
+    },
     {
      "name": "msgTarget",
      "type": "String",
     }
    ],
    "events": [
+    {
+     "name": "autosize",
+     "sig": "function (_self, width)\n{\n\n}",
+     "type": "function",
+     "desc": "Fires when the autosize function is triggered.  The field may or may not have actually changed size\naccording to the default logic, but this event provides a hook for the developer to apply additional\nlogic at runtime to resize the field if needed."
+    },
     {
      "name": "beforedestroy",
      "sig": "function (_self)\n{\n\n}",
      "type": "function",
      "desc": "Fires just before the field blurs if the field value has changed."
     },
-    {
-     "name": "check",
-     "sig": "function (_self, checked)\n{\n\n}",
-     "type": "function",
-     "desc": "Fires when the checkbox is checked or unchecked."
-    },
     {
      "name": "destroy",
      "sig": "function (_self)\n{\n\n}",
     }
    ]
   },
-  "Roo.form.Row": {
-   "props": [
-    {
-     "name": "width",
-     "type": "Number/String",
-     "desc": "The fixed width of the column in pixels or CSS value (defaults to \"auto\")",
-     "memberOf": ""
-    },
-    {
-     "name": "height",
-     "type": "Number/String",
-     "desc": "The fixed height of the column in pixels or CSS value (defaults to \"auto\")",
-     "memberOf": ""
-    },
-    {
-     "name": "autoCreate",
-     "type": "String/Object",
-     "desc": "A DomHelper element spec used to autocreate the layout (defaults to {tag: 'div', cls: 'x-form-ct'})",
-     "memberOf": "Roo.form.Layout"
-    },
-    {
-     "name": "style",
-     "type": "String/Object/Function",
-     "desc": "A style specification string, e.g. \"width:100px\", or object in the form {width:\"100px\"}, or\na function which returns such a specification.",
-     "memberOf": "Roo.form.Layout"
-    },
-    {
-     "name": "labelAlign",
-     "type": "String",
-     "desc": "Valid values are \"left,\" \"top\" and \"right\" (defaults to \"left\")",
-     "memberOf": "Roo.form.Layout"
-    },
-    {
-     "name": "labelWidth",
-     "type": "Number",
-     "desc": "Fixed width in pixels of all field labels (defaults to undefined)",
-     "memberOf": "Roo.form.Layout"
-    },
-    {
-     "name": "clear",
-     "type": "Boolean",
-     "desc": "True to add a clearing element at the end of this layout, equivalent to CSS clear: both (defaults to true)",
-     "memberOf": "Roo.form.Layout"
-    },
-    {
-     "name": "labelSeparator",
-     "type": "String",
-     "desc": "The separator to use after field labels (defaults to ':')",
-     "memberOf": "Roo.form.Layout"
-    },
-    {
-     "name": "hideLabels",
-     "type": "Boolean",
-     "desc": "True to suppress the display of field labels in this layout (defaults to false)",
-     "memberOf": "Roo.form.Layout"
-    },
-    {
-     "name": "disableClass",
-     "type": "String",
-     "desc": "CSS class added to the component when it is disabled (defaults to \"x-item-disabled\").",
-     "memberOf": "Roo.Component"
-    },
-    {
-     "name": "allowDomMove",
-     "type": "Boolean",
-     "desc": "Whether the component can move the Dom node when rendering (defaults to true).",
-     "memberOf": "Roo.Component"
-    },
-    {
-     "name": "hideMode",
-     "type": "String",
-     "desc": "How this component should hidden. Supported values are\n\"visibility\" (css visibility), \"offsets\" (negative offset position) and\n\"display\" (css display) - defaults to \"display\".",
-     "memberOf": "Roo.Component"
-    },
-    {
-     "name": "actionMode",
-     "type": "String",
-     "desc": "which property holds the element that used for  hide() / show() / disable() / enable()\ndefault is 'el'",
-     "memberOf": "Roo.Component"
-    },
-    {
-     "name": "listeners",
-     "type": "Object",
-     "desc": "list of events and functions to call for this object, \nFor example :\n<pre><code>\n    listeners :  { \n       'click' : function(e) {\n           ..... \n        } ,\n        .... \n    } \n  </code></pre>",
-     "memberOf": "Roo.util.Observable"
-    }
-   ],
-   "events": [
-    {
-     "name": "beforedestroy",
-     "sig": "function (_self)\n{\n\n}",
-     "type": "function",
-     "desc": "Fires before the component is destroyed. Return false to stop the destroy."
-    },
-    {
-     "name": "beforehide",
-     "sig": "function (_self)\n{\n\n}",
-     "type": "function",
-     "desc": "Fires before the component is hidden. Return false to stop the hide."
-    },
-    {
-     "name": "beforerender",
-     "sig": "function (_self)\n{\n\n}",
-     "type": "function",
-     "desc": "Fires before the component is rendered. Return false to stop the render."
-    },
-    {
-     "name": "beforeshow",
-     "sig": "function (_self)\n{\n\n}",
-     "type": "function",
-     "desc": "Fires before the component is shown.  Return false to stop the show."
-    },
-    {
-     "name": "destroy",
-     "sig": "function (_self)\n{\n\n}",
-     "type": "function",
-     "desc": "Fires after the component is destroyed."
-    },
-    {
-     "name": "disable",
-     "sig": "function (_self)\n{\n\n}",
-     "type": "function",
-     "desc": "Fires after the component is disabled."
-    },
-    {
-     "name": "enable",
-     "sig": "function (_self)\n{\n\n}",
-     "type": "function",
-     "desc": "Fires after the component is enabled."
-    },
-    {
-     "name": "hide",
-     "sig": "function (_self)\n{\n\n}",
-     "type": "function",
-     "desc": "Fires after the component is hidden."
-    },
-    {
-     "name": "render",
-     "sig": "function (_self)\n{\n\n}",
-     "type": "function",
-     "desc": "Fires after the component is rendered."
-    },
-    {
-     "name": "show",
-     "sig": "function (_self)\n{\n\n}",
-     "type": "function",
-     "desc": "Fires after the component is shown."
-    }
-   ]
-  },
   "Roo.form.Signature": {
    "props": [
     {
-     "name": "fieldLabel",
+     "name": "labels",
      "type": "Object",
      "desc": "Label to use when rendering a form.\ndefaults to \nlabels : { \n     clear : \"Clear\",\n     confirm : \"Confirm\"\n }",
      "memberOf": ""
      "desc": "The signature panel height (defaults to 100)",
      "memberOf": ""
     },
-    {
-     "name": "signPanel",
-     "type": "Object",
-     "desc": "The signature SVG panel element (defaults to {})",
-     "memberOf": ""
-    },
     {
      "name": "allowBlank",
      "type": "Boolean",
      "memberOf": ""
     },
     {
-     "name": "isMouseDown",
-     "type": "Boolean",
-     "desc": "False to validate that the mouse down event (defaults to false)",
-     "memberOf": ""
-    },
-    {
-     "name": "isConfirmed",
-     "type": "Boolean",
-     "desc": "validate the signature is confirmed or not for submitting form (defaults to false)",
-     "memberOf": ""
-    },
-    {
-     "name": "signatureTmp",
+     "name": "fieldLabel",
      "type": "String",
-     "desc": "SVG mapping string (defaults to empty string)",
-     "memberOf": ""
+     "desc": "Label to use when rendering a form.",
+     "memberOf": "Roo.form.Field"
     },
     {
      "name": "qtip",