diff --git a/lib/plugins/plugin.inc.php b/lib/plugins/plugin.inc.php
index a8fb776..c504e66 100644
--- a/lib/plugins/plugin.inc.php
+++ b/lib/plugins/plugin.inc.php
@@ -652,6 +652,13 @@ class KTPlugin {
function run_setup() {
return true;
}
+
+ function setAvailability($sNamespace, $bAvailable = true){
+ $aValues = array('unavailable' => $bAvailable);
+ $aWhere = array('namespace' => $sNamespace);
+ $res = DBUtil::whereUpdate('plugins', $aValues, $aWhere);
+ return $res;
+ }
function stripKtDir($sFilename) {
if (strpos($sFilename, KT_DIR) === 0 ||strpos($sFilename, realpath(KT_DIR)) === 0) {
@@ -762,3 +769,4 @@ class KTPlugin {
}
}
+?>
\ No newline at end of file
diff --git a/lib/plugins/pluginutil.inc.php b/lib/plugins/pluginutil.inc.php
index a052ca1..0660892 100644
--- a/lib/plugins/pluginutil.inc.php
+++ b/lib/plugins/pluginutil.inc.php
@@ -218,7 +218,7 @@ class KTPluginUtil {
// Allow for templates that don't correctly link to the plugin
$query = "SELECT * FROM plugin_helper h
LEFT JOIN plugins p ON (p.namespace = h.plugin)
- WHERE h.classtype='locations' AND (disabled = 0 OR disabled IS NULL)";
+ WHERE h.classtype='locations' AND (disabled = 0 OR disabled IS NULL) AND unavailable = 0";
$aLocations = DBUtil::getResultArray($query);
diff --git a/plugins/ktstandard/KTDocumentLinks.php b/plugins/ktstandard/KTDocumentLinks.php
index b92f7c6..6486475 100644
--- a/plugins/ktstandard/KTDocumentLinks.php
+++ b/plugins/ktstandard/KTDocumentLinks.php
@@ -288,6 +288,18 @@ class KTDocumentLinkAction extends KTDocumentAction {
// select a type for the link
function do_type_select() {
+
+ //Checking to see if the document is being linked to itself and returning an error if it is.
+ $iTempParentDocId = $_REQUEST['fDocumentId'];
+ $aTempDocuments = $_REQUEST['linkselection'];
+ foreach ($aTempDocuments as $iTempDocId)
+ {
+ if($iTempParentDocId == $iTempDocId)
+ {
+ $this->errorRedirectToMain(_kt('A document cannot be linked to itself.'));
+ }
+ }
+
$this->oPage->setBreadcrumbDetails(_kt("link"));
$sType = (isset($_REQUEST['linktype'])) ? $_REQUEST['linktype'] : 'internal';
diff --git a/plugins/ktstandard/ldap/ldapbaseauthenticationprovider.inc.php b/plugins/ktstandard/ldap/ldapbaseauthenticationprovider.inc.php
index 5631f68..f13f4f2 100644
--- a/plugins/ktstandard/ldap/ldapbaseauthenticationprovider.inc.php
+++ b/plugins/ktstandard/ldap/ldapbaseauthenticationprovider.inc.php
@@ -504,11 +504,15 @@ class KTLDAPBaseAuthenticationProvider extends KTAuthenticationProvider {
$fields = array();
$fields[] = new KTStringWidget(_kt("Group's name"), _kt("The group's name, or part thereof, to find the group that you wish to add"), 'name', '', $this->oPage, true);
- $oAuthenticator = $this->getAuthenticator($oSource);
$name = KTUtil::arrayGet($_REQUEST, 'name');
if (!empty($name)) {
$oAuthenticator = $this->getAuthenticator($oSource);
$aSearchResults = $oAuthenticator->searchGroups($name);
+
+ if(PEAR::isError($aSearchResults)){
+ $this->addErrorMessage($aSearchResults->getMessage());
+ $aSearchResults = array();
+ }
}
$aTemplateData = array(
@@ -973,6 +977,11 @@ class KTLDAPBaseAuthenticator extends Authenticator {
}
$sFilter = sprintf('(&(objectClass=group)(cn=*%s*))', $sSearch);
$oResults = $this->oLdap->search($rootDn, $sFilter, $aParams);
+
+ if(PEAR::isError($oResults)){
+ return $oResults;
+ }
+
$aRet = array();
foreach($oResults->entries() as $oEntry) {
$aAttr = $oEntry->attributes();
diff --git a/thirdpartyjs/extjs/examples/README.txt b/thirdpartyjs/extjs/examples/README.txt
new file mode 100644
index 0000000..deffb63
--- /dev/null
+++ b/thirdpartyjs/extjs/examples/README.txt
@@ -0,0 +1,3 @@
+The examples can be browsed by opening index.html in the docs folder.
+
+Some examples use XHR. Those examples will need to be on a webserver to run since XHR can't access the local file system.
\ No newline at end of file
diff --git a/thirdpartyjs/extjs/examples/debug/debug-console.html b/thirdpartyjs/extjs/examples/debug/debug-console.html
new file mode 100644
index 0000000..91377e8
--- /dev/null
+++ b/thirdpartyjs/extjs/examples/debug/debug-console.html
@@ -0,0 +1,42 @@
+
+
+
+
+Ext Debug Console
+
+
+
+
+
+
+
+
+
+
+
+
Ext Debug Console
+
+
Included in ext-all-debug.js is the Ext Debug Console. It offers a limited amount of FireBug
+ functionality cross browser. The most important feature is the "DOM Inspector" and CSS and DOM attribute editing. In any browser where "console"
+ is not already defined, the Ext console will handle console.log(), time() and other calls.
+
+
+ Try It
+ This page includes ext-all-debug.js and some test markup so you can try it out. Hit control+shift+home to bring up the console or click on the image below.
+
+
+
+
+ The full source is available in the "source" directory of the Ext download.
+
+
+
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Sed metus nibh, sodales a, porta at, vulputate eget, dui. Pellentesque ut nisl. Maecenas tortor turpis, interdum non, sodales non, iaculis ac, lacus. Vestibulum auctor, tortor quis iaculis malesuada, libero lectus bibendum purus, sit amet tincidunt quam turpis vel lacus. In pellentesque nisl non sem. Suspendisse nunc sem, pretium eget, cursus a, fringilla vel, urna. Aliquam commodo ullamcorper erat. Nullam vel justo in neque porttitor laoreet. Aenean lacus dui, consequat eu, adipiscing eget, nonummy non, nisi. Morbi nunc est, dignissim non, ornare sed, luctus eu, massa. Vivamus eget quam. Vivamus tincidunt diam nec urna. Curabitur velit. Quisque dolor magna, ornare sed, elementum porta, luctus in, leo.
+
Donec quis dui. Sed imperdiet. Nunc consequat, est eu sollicitudin gravida, mauris ligula lacinia mauris, eu porta dui nisl in velit. Nam congue, odio id auctor nonummy, augue lectus euismod nunc, in tristique turpis dolor sed urna. Donec sit amet quam eget diam fermentum pharetra. Integer tincidunt arcu ut purus. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nulla blandit malesuada odio. Nam augue. Aenean molestie sapien in mi. Suspendisse tincidunt. Pellentesque tempus dui vitae sapien. Donec aliquam ipsum sit amet pede. Sed scelerisque mi a erat. Curabitur rutrum ullamcorper risus. Maecenas et lorem ut felis dictum viverra. Fusce sem. Donec pharetra nibh sit amet sapien.
+
Aenean ut orci sed ligula consectetuer pretium. Aliquam odio. Nam pellentesque enim. Nam tincidunt condimentum nisi. Maecenas convallis luctus ligula. Donec accumsan ornare risus. Vestibulum id magna a nunc posuere laoreet. Integer iaculis leo vitae nibh. Nam vulputate, mauris vitae luctus pharetra, pede neque bibendum tellus, facilisis commodo diam nisi eget lacus. Duis consectetuer pulvinar nisi. Cras interdum ultricies sem. Nullam tristique. Suspendisse elementum purus eu nisl. Nulla facilisi. Phasellus ultricies ullamcorper lorem. Sed euismod ante vitae lacus. Nam nunc leo, congue vehicula, luctus ac, tempus non, ante. Morbi suscipit purus a nulla. Sed eu diam.
+
Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Cras imperdiet felis id velit. Ut non quam at sem dictum ullamcorper. Vestibulum pharetra purus sed pede. Aliquam ultrices, nunc in varius mattis, felis justo pretium magna, eget laoreet justo eros id eros. Aliquam elementum diam fringilla nulla. Praesent laoreet sapien vel metus. Cras tempus, sapien condimentum dictum dapibus, lorem augue fringilla orci, ut tincidunt eros nisi eget turpis. Nullam nunc nunc, eleifend et, dictum et, pharetra a, neque. Ut feugiat. Aliquam erat volutpat. Donec pretium odio nec felis. Phasellus sagittis lacus eget sapien. Donec est. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae;
+
Vestibulum semper. Nullam non odio. Aliquam quam. Mauris eu lectus non nunc auctor ullamcorper. Sed tincidunt molestie enim. Phasellus lobortis justo sit amet quam. Duis nulla erat, varius a, cursus in, tempor sollicitudin, mauris. Aliquam mi velit, consectetuer mattis, consequat tristique, pulvinar ac, nisl. Aliquam mattis vehicula elit. Proin quis leo sed tellus scelerisque molestie. Quisque luctus. Integer mattis. Donec id augue sed leo aliquam egestas. Quisque in sem. Donec dictum enim in dolor. Praesent non erat. Nulla ultrices vestibulum quam.
+
Duis hendrerit, est vel lobortis sagittis, tortor erat scelerisque tortor, sed pellentesque sem enim id metus. Maecenas at pede. Nulla velit libero, dictum at, mattis quis, sagittis vel, ante. Phasellus faucibus rutrum dui. Cras mauris elit, bibendum at, feugiat non, porta id, neque. Nulla et felis nec odio mollis vehicula. Donec elementum tincidunt mauris. Duis vel dui. Fusce iaculis enim ac nulla. In risus.
+
Donec gravida. Donec et enim. Morbi sollicitudin, lacus a facilisis pulvinar, odio turpis dapibus elit, in tincidunt turpis felis nec libero. Nam vestibulum tempus ipsum. In hac habitasse platea dictumst. Nulla facilisi. Donec semper ligula. Donec commodo tortor in quam. Etiam massa. Ut tempus ligula eget tellus. Curabitur id velit ut velit varius commodo. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Nulla facilisi. Fusce ornare pellentesque libero. Nunc rhoncus. Suspendisse potenti. Ut consequat, leo eu accumsan vehicula, justo sem lobortis elit, ac sollicitudin ipsum neque nec ante.
+
Aliquam elementum mauris id sem. Vivamus varius, est ut nonummy consectetuer, nulla quam bibendum velit, ac gravida nisi felis sit amet urna. Aliquam nec risus. Maecenas lacinia purus ut velit. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Suspendisse sit amet dui vitae lacus fermentum sodales. Donec varius dapibus nisl. Praesent at velit id risus convallis bibendum. Aliquam felis nibh, rutrum nec, blandit non, mattis sit amet, magna. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Etiam varius dignissim nibh. Quisque id orci ac ante hendrerit molestie. Aliquam malesuada enim non neque.
This is a more complex example that shows how to implement a comment dialog similar to the one on my blog.
+ The dialog retrieves the comments in JSON format and renders them to the "View Comments" tab. The "Post Comment" tab posts the comment
+ to a file on the server that just returns a dummy response (not what you type in) in JSON format. The reason for the dummy response
+ is so the example can easily be dropped in whatever your environment is and work.
+
Note that the js is not minified so it is readable. See post.js for the full source code.
+
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Sed metus nibh, sodales a, porta at, vulputate eget, dui. Pellentesque ut nisl. Maecenas tortor turpis, interdum non, sodales non, iaculis ac, lacus. Vestibulum auctor, tortor quis iaculis malesuada, libero lectus bibendum purus, sit amet tincidunt quam turpis vel lacus. In pellentesque nisl non sem. Suspendisse nunc sem, pretium eget, cursus a, fringilla vel, urna. Aliquam commodo ullamcorper erat. Nullam vel justo in neque porttitor laoreet. Aenean lacus dui, consequat eu, adipiscing eget, nonummy non, nisi. Morbi nunc est, dignissim non, ornare sed, luctus eu, massa. Vivamus eget quam. Vivamus tincidunt diam nec urna. Curabitur velit. Quisque dolor magna, ornare sed, elementum porta, luctus in, leo.
+
Donec quis dui. Sed imperdiet. Nunc consequat, est eu sollicitudin gravida, mauris ligula lacinia mauris, eu porta dui nisl in velit. Nam congue, odio id auctor nonummy, augue lectus euismod nunc, in tristique turpis dolor sed urna. Donec sit amet quam eget diam fermentum pharetra. Integer tincidunt arcu ut purus. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nulla blandit malesuada odio. Nam augue. Aenean molestie sapien in mi. Suspendisse tincidunt. Pellentesque tempus dui vitae sapien. Donec aliquam ipsum sit amet pede. Sed scelerisque mi a erat. Curabitur rutrum ullamcorper risus. Maecenas et lorem ut felis dictum viverra. Fusce sem. Donec pharetra nibh sit amet sapien.
+
Aenean ut orci sed ligula consectetuer pretium. Aliquam odio. Nam pellentesque enim. Nam tincidunt condimentum nisi. Maecenas convallis luctus ligula. Donec accumsan ornare risus. Vestibulum id magna a nunc posuere laoreet. Integer iaculis leo vitae nibh. Nam vulputate, mauris vitae luctus pharetra, pede neque bibendum tellus, facilisis commodo diam nisi eget lacus. Duis consectetuer pulvinar nisi. Cras interdum ultricies sem. Nullam tristique. Suspendisse elementum purus eu nisl. Nulla facilisi. Phasellus ultricies ullamcorper lorem. Sed euismod ante vitae lacus. Nam nunc leo, congue vehicula, luctus ac, tempus non, ante. Morbi suscipit purus a nulla. Sed eu diam.
+
Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Cras imperdiet felis id velit. Ut non quam at sem dictum ullamcorper. Vestibulum pharetra purus sed pede. Aliquam ultrices, nunc in varius mattis, felis justo pretium magna, eget laoreet justo eros id eros. Aliquam elementum diam fringilla nulla. Praesent laoreet sapien vel metus. Cras tempus, sapien condimentum dictum dapibus, lorem augue fringilla orci, ut tincidunt eros nisi eget turpis. Nullam nunc nunc, eleifend et, dictum et, pharetra a, neque. Ut feugiat. Aliquam erat volutpat. Donec pretium odio nec felis. Phasellus sagittis lacus eget sapien. Donec est. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae;
+
Vestibulum semper. Nullam non odio. Aliquam quam. Mauris eu lectus non nunc auctor ullamcorper. Sed tincidunt molestie enim. Phasellus lobortis justo sit amet quam. Duis nulla erat, varius a, cursus in, tempor sollicitudin, mauris. Aliquam mi velit, consectetuer mattis, consequat tristique, pulvinar ac, nisl. Aliquam mattis vehicula elit. Proin quis leo sed tellus scelerisque molestie. Quisque luctus. Integer mattis. Donec id augue sed leo aliquam egestas. Quisque in sem. Donec dictum enim in dolor. Praesent non erat. Nulla ultrices vestibulum quam.
+
Duis hendrerit, est vel lobortis sagittis, tortor erat scelerisque tortor, sed pellentesque sem enim id metus. Maecenas at pede. Nulla velit libero, dictum at, mattis quis, sagittis vel, ante. Phasellus faucibus rutrum dui. Cras mauris elit, bibendum at, feugiat non, porta id, neque. Nulla et felis nec odio mollis vehicula. Donec elementum tincidunt mauris. Duis vel dui. Fusce iaculis enim ac nulla. In risus.
+
Donec gravida. Donec et enim. Morbi sollicitudin, lacus a facilisis pulvinar, odio turpis dapibus elit, in tincidunt turpis felis nec libero. Nam vestibulum tempus ipsum. In hac habitasse platea dictumst. Nulla facilisi. Donec semper ligula. Donec commodo tortor in quam. Etiam massa. Ut tempus ligula eget tellus. Curabitur id velit ut velit varius commodo. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Nulla facilisi. Fusce ornare pellentesque libero. Nunc rhoncus. Suspendisse potenti. Ut consequat, leo eu accumsan vehicula, justo sem lobortis elit, ac sollicitudin ipsum neque nec ante.
+
Aliquam elementum mauris id sem. Vivamus varius, est ut nonummy consectetuer, nulla quam bibendum velit, ac gravida nisi felis sit amet urna. Aliquam nec risus. Maecenas lacinia purus ut velit. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Suspendisse sit amet dui vitae lacus fermentum sodales. Donec varius dapibus nisl. Praesent at velit id risus convallis bibendum. Aliquam felis nibh, rutrum nec, blandit non, mattis sit amet, magna. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Etiam varius dignissim nibh. Quisque id orci ac ante hendrerit molestie. Aliquam malesuada enim non neque.
+
+
+
+
+
Comments
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ Posting Comment...
+
+
+
+
+
diff --git a/thirdpartyjs/extjs/examples/dialog/comments.txt b/thirdpartyjs/extjs/examples/dialog/comments.txt
new file mode 100644
index 0000000..a758d94
--- /dev/null
+++ b/thirdpartyjs/extjs/examples/dialog/comments.txt
@@ -0,0 +1,44 @@
+{"comments": [{
+ id: "1",
+ author: "Jack Slocum",
+ link: "http://www.jackslocum.com/",
+ date: "October 29th, 2006 9:21pm",
+ text: "Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Sed metus nibh, sodales a, porta at, vulputate eget, dui. Pellentesque ut nisl. Maecenas tortor turpis, interdum non, sodales non, iaculis ac, lacus. Vestibulum auctor, tortor quis iaculis malesuada, libero lectus bibendum purus, sit amet tincidunt quam turpis vel lacus. In pellentesque nisl non sem. Suspendisse nunc sem, pretium eget, cursus a, fringilla vel, urna. Aliquam commodo ullamcorper erat. Nullam vel justo in neque porttitor laoreet. Aenean lacus dui, consequat eu, adipiscing eget, nonummy non, nisi. Morbi nunc est, dignissim non, ornare sed, luctus eu, massa."
+ },{
+ id: "2",
+ author: "Jack Slocum",
+ link: "http://www.jackslocum.com/",
+ date: "October 29th, 2006 9:21pm",
+ text: "Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Sed metus nibh, sodales a, porta at, vulputate eget, dui. Pellentesque ut nisl. Maecenas tortor turpis, interdum non, sodales non, iaculis ac, lacus. Vestibulum auctor, tortor quis iaculis malesuada, libero lectus bibendum purus, sit amet tincidunt quam turpis vel lacus. In pellentesque nisl non sem. Suspendisse nunc sem, pretium eget, cursus a, fringilla vel, urna. Aliquam commodo ullamcorper erat. Nullam vel justo in neque porttitor laoreet. Aenean lacus dui, consequat eu, adipiscing eget, nonummy non, nisi. Morbi nunc est, dignissim non, ornare sed, luctus eu, massa."
+ },{
+ id: "3",
+ author: "Jack Slocum",
+ link: "http://www.jackslocum.com/",
+ date: "October 29th, 2006 9:21pm",
+ text: "Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Sed metus nibh, sodales a, porta at, vulputate eget, dui. Pellentesque ut nisl. Maecenas tortor turpis, interdum non, sodales non, iaculis ac, lacus. Vestibulum auctor, tortor quis iaculis malesuada, libero lectus bibendum purus, sit amet tincidunt quam turpis vel lacus. In pellentesque nisl non sem. Suspendisse nunc sem, pretium eget, cursus a, fringilla vel, urna. Aliquam commodo ullamcorper erat. Nullam vel justo in neque porttitor laoreet. Aenean lacus dui, consequat eu, adipiscing eget, nonummy non, nisi. Morbi nunc est, dignissim non, ornare sed, luctus eu, massa."
+ },{
+ id: "4",
+ author: "Jack Slocum",
+ link: "http://www.jackslocum.com/",
+ date: "October 29th, 2006 9:21pm",
+ text: "Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Sed metus nibh, sodales a, porta at, vulputate eget, dui. Pellentesque ut nisl. Maecenas tortor turpis, interdum non, sodales non, iaculis ac, lacus. Vestibulum auctor, tortor quis iaculis malesuada, libero lectus bibendum purus, sit amet tincidunt quam turpis vel lacus. In pellentesque nisl non sem. Suspendisse nunc sem, pretium eget, cursus a, fringilla vel, urna. Aliquam commodo ullamcorper erat. Nullam vel justo in neque porttitor laoreet. Aenean lacus dui, consequat eu, adipiscing eget, nonummy non, nisi. Morbi nunc est, dignissim non, ornare sed, luctus eu, massa."
+ },{
+ id: "5",
+ author: "Jack Slocum",
+ link: "http://www.jackslocum.com/",
+ date: "October 29th, 2006 9:21pm",
+ text: "Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Sed metus nibh, sodales a, porta at, vulputate eget, dui. Pellentesque ut nisl. Maecenas tortor turpis, interdum non, sodales non, iaculis ac, lacus. Vestibulum auctor, tortor quis iaculis malesuada, libero lectus bibendum purus, sit amet tincidunt quam turpis vel lacus. In pellentesque nisl non sem. Suspendisse nunc sem, pretium eget, cursus a, fringilla vel, urna. Aliquam commodo ullamcorper erat. Nullam vel justo in neque porttitor laoreet. Aenean lacus dui, consequat eu, adipiscing eget, nonummy non, nisi. Morbi nunc est, dignissim non, ornare sed, luctus eu, massa."
+ },{
+ id: "6",
+ author: "Jack Slocum",
+ link: "http://www.jackslocum.com/",
+ date: "October 29th, 2006 9:21pm",
+ text: "Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Sed metus nibh, sodales a, porta at, vulputate eget, dui. Pellentesque ut nisl. Maecenas tortor turpis, interdum non, sodales non, iaculis ac, lacus. Vestibulum auctor, tortor quis iaculis malesuada, libero lectus bibendum purus, sit amet tincidunt quam turpis vel lacus. In pellentesque nisl non sem. Suspendisse nunc sem, pretium eget, cursus a, fringilla vel, urna. Aliquam commodo ullamcorper erat. Nullam vel justo in neque porttitor laoreet. Aenean lacus dui, consequat eu, adipiscing eget, nonummy non, nisi. Morbi nunc est, dignissim non, ornare sed, luctus eu, massa."
+ },{
+ id: "7",
+ author: "Jack Slocum",
+ link: "http://www.jackslocum.com/",
+ date: "October 29th, 2006 9:21pm",
+ text: "Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Sed metus nibh, sodales a, porta at, vulputate eget, dui. Pellentesque ut nisl. Maecenas tortor turpis, interdum non, sodales non, iaculis ac, lacus. Vestibulum auctor, tortor quis iaculis malesuada, libero lectus bibendum purus, sit amet tincidunt quam turpis vel lacus. In pellentesque nisl non sem. Suspendisse nunc sem, pretium eget, cursus a, fringilla vel, urna. Aliquam commodo ullamcorper erat. Nullam vel justo in neque porttitor laoreet. Aenean lacus dui, consequat eu, adipiscing eget, nonummy non, nisi. Morbi nunc est, dignissim non, ornare sed, luctus eu, massa."
+ }
+]}
\ No newline at end of file
diff --git a/thirdpartyjs/extjs/examples/dialog/hello.html b/thirdpartyjs/extjs/examples/dialog/hello.html
new file mode 100644
index 0000000..3ae5bfc
--- /dev/null
+++ b/thirdpartyjs/extjs/examples/dialog/hello.html
@@ -0,0 +1,64 @@
+
+
+
+
+Hello World Dialog Example
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
Hello World Dialog
+
This example shows how to create a very simple modal BasicDialog with "autoTabs".
+
+
Note that the js is not minified so it is readable. See hellos.js for the full source code.
+Here's snapshot of the code that creates the dialog:
+
+
+
+
diff --git a/thirdpartyjs/extjs/examples/dialog/hello.js b/thirdpartyjs/extjs/examples/dialog/hello.js
new file mode 100644
index 0000000..4c809c7
--- /dev/null
+++ b/thirdpartyjs/extjs/examples/dialog/hello.js
@@ -0,0 +1,46 @@
+/*
+ * Ext JS Library 1.1 Beta 1
+ * Copyright(c) 2006-2007, Ext JS, LLC.
+ * licensing@extjs.com
+ *
+ * http://www.extjs.com/license
+ */
+
+// create the HelloWorld application (single instance)
+var HelloWorld = function(){
+ // everything in this space is private and only accessible in the HelloWorld block
+
+ // define some private variables
+ var dialog, showBtn;
+
+ // return a public interface
+ return {
+ init : function(){
+ showBtn = Ext.get('show-dialog-btn');
+ // attach to click event
+ showBtn.on('click', this.showDialog, this);
+ },
+
+ showDialog : function(){
+ if(!dialog){ // lazy initialize the dialog and only create it once
+ dialog = new Ext.BasicDialog("hello-dlg", {
+ autoTabs:true,
+ width:500,
+ height:300,
+ shadow:true,
+ minWidth:300,
+ minHeight:250,
+ proxyDrag: true
+ });
+ dialog.addKeyListener(27, dialog.hide, dialog);
+ dialog.addButton('Submit', dialog.hide, dialog).disable();
+ dialog.addButton('Close', dialog.hide, dialog);
+ }
+ dialog.show(showBtn.dom);
+ }
+ };
+}();
+
+// using onDocumentReady instead of window.onload initializes the application
+// when the DOM is ready, without waiting for images and other resources to load
+Ext.onReady(HelloWorld.init, HelloWorld, true);
\ No newline at end of file
diff --git a/thirdpartyjs/extjs/examples/dialog/images/comment-bg.gif b/thirdpartyjs/extjs/examples/dialog/images/comment-bg.gif
new file mode 100644
index 0000000..b1b0416
--- /dev/null
+++ b/thirdpartyjs/extjs/examples/dialog/images/comment-bg.gif
diff --git a/thirdpartyjs/extjs/examples/dialog/images/comment.gif b/thirdpartyjs/extjs/examples/dialog/images/comment.gif
new file mode 100644
index 0000000..0c83f6a
--- /dev/null
+++ b/thirdpartyjs/extjs/examples/dialog/images/comment.gif
diff --git a/thirdpartyjs/extjs/examples/dialog/images/warning.gif b/thirdpartyjs/extjs/examples/dialog/images/warning.gif
new file mode 100644
index 0000000..806d4bc
--- /dev/null
+++ b/thirdpartyjs/extjs/examples/dialog/images/warning.gif
diff --git a/thirdpartyjs/extjs/examples/dialog/layout.html b/thirdpartyjs/extjs/examples/dialog/layout.html
new file mode 100644
index 0000000..b0b52b3
--- /dev/null
+++ b/thirdpartyjs/extjs/examples/dialog/layout.html
@@ -0,0 +1,39 @@
+
+
+
+
+Layout Dialog Example
+
+
+
+
+
+
+
+
+
+
+
+
+
Layout Dialog Example
+
This example shows how to create a modal dialog with an embedded BorderLayout using LayoutDialog.
+
+
Note that the js is not minified so it is readable. See layout.js for the full source code.
+
+
+
+
Layout Dialog
+
+
+ West
+
+
+
This dialog has the Vista theme applied.
+
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Sed metus nibh, sodales a, porta at, vulputate eget, dui. Pellentesque ut nisl. Maecenas tortor turpis, interdum non, sodales non, iaculis ac, lacus. Vestibulum auctor, tortor quis iaculis malesuada, libero lectus bibendum purus, sit amet tincidunt quam turpis vel lacus. In pellentesque nisl non sem. Suspendisse nunc sem, pretium eget, cursus a, fringilla vel, urna. Aliquam commodo ullamcorper erat. Nullam vel justo in neque porttitor laoreet. Aenean lacus dui, consequat eu, adipiscing eget, nonummy non, nisi. Morbi nunc est, dignissim non, ornare sed, luctus eu, massa. Vivamus eget quam. Vivamus tincidunt diam nec urna. Curabitur velit. Quisque dolor magna, ornare sed, elementum porta, luctus in, leo.
+
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Sed metus nibh, sodales a, porta at, vulputate eget, dui. Pellentesque ut nisl. Maecenas tortor turpis, interdum non, sodales non, iaculis ac, lacus. Vestibulum auctor, tortor quis iaculis malesuada, libero lectus bibendum purus, sit amet tincidunt quam turpis vel lacus. In pellentesque nisl non sem. Suspendisse nunc sem, pretium eget, cursus a, fringilla vel, urna. Aliquam commodo ullamcorper erat. Nullam vel justo in neque porttitor laoreet. Aenean lacus dui, consequat eu, adipiscing eget, nonummy non, nisi. Morbi nunc est, dignissim non, ornare sed, luctus eu, massa. Vivamus eget quam. Vivamus tincidunt diam nec urna. Curabitur velit. Quisque dolor magna, ornare sed, elementum porta, luctus in, leo.
+
+
+
+
+
+
diff --git a/thirdpartyjs/extjs/examples/dialog/layout.js b/thirdpartyjs/extjs/examples/dialog/layout.js
new file mode 100644
index 0000000..f6637d6
--- /dev/null
+++ b/thirdpartyjs/extjs/examples/dialog/layout.js
@@ -0,0 +1,77 @@
+/*
+ * Ext JS Library 1.1 Beta 1
+ * Copyright(c) 2006-2007, Ext JS, LLC.
+ * licensing@extjs.com
+ *
+ * http://www.extjs.com/license
+ */
+
+
+// create the LayoutExample application (single instance)
+var LayoutExample = function(){
+ // everything in this space is private and only accessible in the HelloWorld block
+
+ // define some private variables
+ var dialog, showBtn;
+
+ var toggleTheme = function(){
+ Ext.get(document.body, true).toggleClass('xtheme-gray');
+ };
+ // return a public interface
+ return {
+ init : function(){
+ showBtn = Ext.get('show-dialog-btn');
+ // attach to click event
+ showBtn.on('click', this.showDialog, this);
+
+ },
+
+ showDialog : function(){
+ if(!dialog){ // lazy initialize the dialog and only create it once
+ dialog = new Ext.LayoutDialog("hello-dlg", {
+ modal:true,
+ width:600,
+ height:400,
+ shadow:true,
+ minWidth:300,
+ minHeight:300,
+ proxyDrag: true,
+ west: {
+ split:true,
+ initialSize: 150,
+ minSize: 100,
+ maxSize: 250,
+ titlebar: true,
+ collapsible: true,
+ animate: true
+ },
+ center: {
+ autoScroll:true,
+ tabPosition: 'top',
+ closeOnTab: true,
+ alwaysShowTabs: true
+ }
+ });
+ dialog.addKeyListener(27, dialog.hide, dialog);
+ dialog.addButton('Submit', dialog.hide, dialog);
+ dialog.addButton('Close', dialog.hide, dialog);
+
+ var layout = dialog.getLayout();
+ layout.beginUpdate();
+ layout.add('west', new Ext.ContentPanel('west', {title: 'West'}));
+ layout.add('center', new Ext.ContentPanel('center', {title: 'The First Tab'}));
+ // generate some other tabs
+ layout.add('center', new Ext.ContentPanel(Ext.id(), {
+ autoCreate:true, title: 'Another Tab', background:true}));
+ layout.add('center', new Ext.ContentPanel(Ext.id(), {
+ autoCreate:true, title: 'Third Tab', closable:true, background:true}));
+ layout.endUpdate();
+ }
+ dialog.show(showBtn.dom);
+ }
+ };
+}();
+
+// using onDocumentReady instead of window.onload initializes the application
+// when the DOM is ready, without waiting for images and other resources to load
+Ext.EventManager.onDocumentReady(LayoutExample.init, LayoutExample, true);
\ No newline at end of file
diff --git a/thirdpartyjs/extjs/examples/dialog/msg-box.html b/thirdpartyjs/extjs/examples/dialog/msg-box.html
new file mode 100644
index 0000000..9a05983
--- /dev/null
+++ b/thirdpartyjs/extjs/examples/dialog/msg-box.html
@@ -0,0 +1,57 @@
+
+
+
+MessageBox
+
+
+
+
+
+
+
+
+
+
+
+
+
MessageBox Dialogs
+
The example shows how to use the MessageBox class. Some of the buttons have animations, some are normal.
+
The js is not minified so it is readable. See msg-box.js.
+
+
+ Confirm
+ Standard Yes/No dialog.
+
+
+
+
+ Prompt
+ Standard prompt dialog.
+
+
+
+
+ Multi-line Prompt
+ A multi-line prompt dialog.
+
+
+
+
+ Yes/No/Cancel
+ Standard Yes/No/Cancel dialog.
+
+
+
+
+ Progress Dialog
+ You can set a progress on a progress MessageBox.
+
+
+
+
+ Alert
+ Standard alert message dialog.
+
+
+
+
diff --git a/thirdpartyjs/extjs/examples/dialog/msg-box.js b/thirdpartyjs/extjs/examples/dialog/msg-box.js
new file mode 100644
index 0000000..78fbebf
--- /dev/null
+++ b/thirdpartyjs/extjs/examples/dialog/msg-box.js
@@ -0,0 +1,77 @@
+/*
+ * Ext JS Library 1.1 Beta 1
+ * Copyright(c) 2006-2007, Ext JS, LLC.
+ * licensing@extjs.com
+ *
+ * http://www.extjs.com/license
+ */
+
+Ext.onReady(function(){
+ Ext.get('mb1').on('click', function(e){
+ Ext.MessageBox.confirm('Confirm', 'Are you sure you want to do that?', showResult);
+ });
+
+ Ext.get('mb2').on('click', function(e){
+ Ext.MessageBox.prompt('Name', 'Please enter your name:', showResultText);
+ });
+
+ Ext.get('mb3').on('click', function(e){
+ Ext.MessageBox.show({
+ title: 'Address',
+ msg: 'Please enter your address:',
+ width:300,
+ buttons: Ext.MessageBox.OKCANCEL,
+ multiline: true,
+ fn: showResultText,
+ animEl: 'mb3'
+ });
+ });
+
+ Ext.get('mb4').on('click', function(e){
+ Ext.MessageBox.show({
+ title:'Save Changes?',
+ msg: 'Your are closing a tab that has unsaved changes. Would you like to save your changes?',
+ buttons: Ext.MessageBox.YESNOCANCEL,
+ fn: showResult,
+ animEl: 'mb4'
+ });
+ });
+
+ Ext.get('mb6').on('click', function(){
+ Ext.MessageBox.show({
+ title: 'Please wait...',
+ msg: 'Initializing...',
+ width:240,
+ progress:true,
+ closable:false,
+ animEl: 'mb6'
+ });
+
+ // this hideous block creates the bogus progress
+ var f = function(v){
+ return function(){
+ if(v == 11){
+ Ext.MessageBox.hide();
+ }else{
+ Ext.MessageBox.updateProgress(v/10, 'Loading item ' + v + ' of 10...');
+ }
+ };
+ };
+ for(var i = 1; i < 12; i++){
+ setTimeout(f(i), i*1000);
+ }
+ });
+
+ Ext.get('mb7').on('click', function(){
+ Ext.MessageBox.alert('Status', 'Changes saved successfully.', showResult);
+ });
+
+
+ function showResult(btn){
+ Ext.example.msg('Button Click', 'You clicked the {0} button', btn);
+ };
+
+ function showResultText(btn, text){
+ Ext.example.msg('Button Click', 'You clicked the {0} button and entered the text "{1}".', btn, text);
+ };
+});
\ No newline at end of file
diff --git a/thirdpartyjs/extjs/examples/dialog/post.css b/thirdpartyjs/extjs/examples/dialog/post.css
new file mode 100644
index 0000000..9a88b32
--- /dev/null
+++ b/thirdpartyjs/extjs/examples/dialog/post.css
@@ -0,0 +1,132 @@
+/*
+ * Ext JS Library 1.1 Beta 1
+ * Copyright(c) 2006-2007, Ext JS, LLC.
+ * licensing@extjs.com
+ *
+ * http://www.extjs.com/license
+ */
+
+body{
+ font: normal 9pt verdana,tahoma,arial,helvetica;
+}
+.post{
+ padding:15px;
+}
+.post h2{
+ font:normal 22px times;
+ margin-bottom:10px;
+}
+.post p{
+ margin-bottom:10px;
+ line-height:18px;
+}
+
+.loading-indicator {
+ font-size:8pt;
+ background-image: url('../../images/grid/loading.gif');
+ background-repeat: no-repeat;
+ background-position: left;
+ padding-left:20px;
+ margin:5px;
+}
+
+/** Posting messages */
+.x-dlg-ft{
+ position:relative;
+}
+
+#dlg-msg {
+ position:absolute;
+ left:0px;
+ top:0px;
+ width:40%;
+}
+.posting-msg{
+ display:none;
+ font:normal 8pt tahoma, arial;
+ color:black;
+}
+#post-error-msg{
+ color:red;
+}
+.active-msg{
+ display:block;
+}
+
+/** Comment Box (with links) */
+#comment-box{
+ float:right;
+ clear:none;
+ border:2px solid #aca899;
+ background-color:#f3f2e7;
+ padding:10px;
+ margin:15px;
+}
+#comment-box li{
+ margin:4px;
+}
+#comment-box a{
+ text-decoration:none;
+}
+#comments-list{
+ margin:0px;
+ padding:0px;
+}
+/** Comment Post Form */
+#post-tab .inner-tab{
+ margin:10px;
+ margin-top:5px;
+}
+#comment-form label {
+ margin:4px;
+ margin-left:0px;
+ display:block;
+ color:#333333;
+ font:normal 10px arial,helvetica;
+ line-height:14px;
+}
+#comment-form .textinput{
+ border:1px solid #6593cf;
+ width:98%;
+ padding:1px;
+ margin-bottom:2px;
+ font:normal 11px tahoma, arial;
+}
+#comment {
+ width:480px;
+ height:205px;
+ font:normal 11px tahoma, arial;
+}
+
+/** Comment List */
+.commentmetadata {
+ margin: 0;
+ display: block;
+ font-size: 9px;
+ font-weight:normal;
+ color:gray;
+ margin-bottom:10px;
+ float:right;
+ clear:none;
+}
+.cuser{
+ float:left;
+ clear:none;
+ font:bold 12px tahoma, arial;
+ padding-left:21px;
+ background: url(images/comment.gif) no-repeat;
+}
+.cuser a{
+ font:bold 12px tahoma, arial;
+}
+.cheader{
+ height:20px;
+}
+#comments-list li {
+ display:block;
+ background: url(images/comment-bg.gif) repeat-x;
+ background-position:0px -5px;
+ padding:15px;
+ padding-bottom:18px;
+ font-size:12px;
+}
\ No newline at end of file
diff --git a/thirdpartyjs/extjs/examples/dialog/post.js b/thirdpartyjs/extjs/examples/dialog/post.js
new file mode 100644
index 0000000..e25c028
--- /dev/null
+++ b/thirdpartyjs/extjs/examples/dialog/post.js
@@ -0,0 +1,162 @@
+/*
+ * Ext JS Library 1.1 Beta 1
+ * Copyright(c) 2006-2007, Ext JS, LLC.
+ * licensing@extjs.com
+ *
+ * http://www.extjs.com/license
+ */
+
+var Comments = function(){
+ var dialog, postLink, viewLink, txtComment;
+ var tabs, commentsList, postBtn, renderer;
+ var wait, error, errorMsg;
+ var posting = false;
+
+ return {
+ init : function(){
+ // cache some elements for quick access
+ txtComment = Ext.get('comment');
+ commentsList = Ext.get('comments-list');
+ postLink = Ext.get('post-comment');
+ viewLink = Ext.get('view-comments');
+ wait = Ext.get('post-wait');
+ error = Ext.get('post-error');
+ errorMsg = Ext.get('post-error-msg');
+
+ this.createDialog();
+
+ postLink.on('click', function(e){
+ e.stopEvent();
+ tabs.activate('post-tab');
+ dialog.show(postLink);
+ });
+
+ viewLink.on('click', function(e){
+ e.stopEvent();
+ tabs.activate('view-tab');
+ dialog.show(viewLink);
+ });
+ },
+
+ // submit the comment to the server
+ submitComment : function(){
+ postBtn.disable();
+ wait.radioClass('active-msg');
+
+ var commentSuccess = function(o){
+ postBtn.enable();
+ var data = renderer.parse(o.responseText);
+ // if we got a comment back
+ if(data){
+ wait.removeClass('active-msg');
+ renderer.append(data.comments[0]);
+ dialog.hide();
+ }else{
+ error.radioClass('active-msg');
+ errorMsg.update(o.responseText);
+ }
+ };
+
+ var commentFailure = function(o){
+ postBtn.enable();
+ error.radioClass('active-msg');
+ errorMsg.update('Unable to connect.');
+ };
+
+ Ext.lib.Ajax.formRequest('comment-form', 'post.php',
+ {success: commentSuccess, failure: commentFailure});
+ },
+
+ createDialog : function(){
+ dialog = new Ext.BasicDialog("comments-dlg", {
+ autoTabs:true,
+ width:500,
+ height:300,
+ shadow:true,
+ minWidth:300,
+ minHeight:300
+ });
+ dialog.addKeyListener(27, dialog.hide, dialog);
+ postBtn = dialog.addButton('Post', this.submitComment, this);
+ dialog.addButton('Close', dialog.hide, dialog);
+
+
+ // clear any messages and indicators when the dialog is closed
+ dialog.on('hide', function(){
+ wait.removeClass('active-msg');
+ error.removeClass('active-msg');
+ txtComment.dom.value = '';
+ });
+
+ // stoe a refeence to the tabs
+ tabs = dialog.getTabs();
+
+ // auto fit the comment box to the dialog size
+ var sizeTextBox = function(){
+ txtComment.setSize(dialog.size.width-44, dialog.size.height-264);
+ };
+ sizeTextBox();
+ dialog.on('resize', sizeTextBox);
+
+ // hide the post button if not on Post tab
+ tabs.on('tabchange', function(panel, tab){
+ postBtn.setVisible(tab.id == 'post-tab');
+ });
+
+ // set up the comment renderer, all ajax requests for commentsList
+ // go through this render
+ renderer = new CommentRenderer(commentsList);
+ var um = commentsList.getUpdateManager();
+ um.setRenderer(renderer);
+
+ // lazy load the comments when the view tab is activated
+ var commentsLoaded = false;
+ tabs.getTab('view-tab').on('activate', function(){
+ if(!commentsLoaded){
+ um.update('comments.txt');
+ commentsLoaded = true;
+ }
+ });
+ }
+ };
+}();
+
+// This class handles rendering JSON into comments
+var CommentRenderer = function(list){
+ // create a template for each JSON object
+ var tpl = new Ext.DomHelper.Template(
+ '
' +
+ '
' +
+ '
{author}:
' +
+ '
{date}
' +
+ '
{text}
'
+ );
+
+ this.parse = function(json){
+ try{
+ return eval('(' + json + ')');
+ }catch(e){}
+ return null;
+ };
+
+ // public render function for use with UpdateManager
+ this.render = function(el, response){
+ var data = this.parse(response.responseText);
+ if(!data || !data.comments || data.comments.length < 1){
+ el.update('There are no comments for this post.');
+ return;
+ }
+ // clear loading
+ el.update('');
+ for(var i = 0, len = data.comments.length; i < len; i++){
+ this.append(data.comments[i]);
+ }
+ };
+
+ // appends a comment
+ this.append = function(data){
+ tpl.append(list.dom, data);
+ };
+};
+
+Ext.EventManager.onDocumentReady(Comments.init, Comments, true);
\ No newline at end of file
diff --git a/thirdpartyjs/extjs/examples/dialog/post.php b/thirdpartyjs/extjs/examples/dialog/post.php
new file mode 100644
index 0000000..7d8a5e2
--- /dev/null
+++ b/thirdpartyjs/extjs/examples/dialog/post.php
@@ -0,0 +1,10 @@
+{"comments": [{
+ id: "10",
+ author: "Jack Slocum",
+ link: "http://www.jackslocum.com/",
+ date: "October 29th, 2006 9:21pm",
+ text: "New posted comment. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Sed metus nibh, sodales a, porta at, vulputate eget, dui. Pellentesque ut nisl. Maecenas tortor turpis, interdum non, sodales non, iaculis ac, lacus. Vestibulum auctor, tortor quis iaculis malesuada, libero lectus bibendum purus, sit amet tincidunt quam turpis vel lacus. In pellentesque nisl non sem. Suspendisse nunc sem, pretium eget, cursus a, fringilla vel, urna. Aliquam commodo ullamcorper erat. Nullam vel justo in neque porttitor laoreet. Aenean lacus dui, consequat eu, adipiscing eget, nonummy non, nisi. Morbi nunc est, dignissim non, ornare sed, luctus eu, massa."
+ }
+]}
\ No newline at end of file
diff --git a/thirdpartyjs/extjs/examples/examples.css b/thirdpartyjs/extjs/examples/examples.css
new file mode 100644
index 0000000..e612636
--- /dev/null
+++ b/thirdpartyjs/extjs/examples/examples.css
@@ -0,0 +1,54 @@
+/*
+ * Ext JS Library 1.1 Beta 1
+ * Copyright(c) 2006-2007, Ext JS, LLC.
+ * licensing@extjs.com
+ *
+ * http://www.extjs.com/license
+ */
+
+body {
+ font-family:verdana,tahoma,helvetica;
+ padding:20px;
+ padding-top:32px;
+ font-size:13px;
+ background-color:#fff !important;
+}
+p {
+ margin-bottom:15px;
+}
+h1 {
+ font-size:large;
+ margin-bottom:20px;
+}
+.example-info{
+ width:150px;
+ border:1px solid #c3daf9;
+ border-top:1px solid #DCEAFB;
+ border-left:1px solid #DCEAFB;
+ background:#ecf5fe url(info-bg.gif) repeat-x;
+ font-size:10px;
+ padding:8px;
+}
+pre.code{
+ background: #F8F8F8;
+ border: 1px solid #e8e8e8;
+ padding:10px;
+ margin:10px;
+ margin-left:0px;
+ border-left:5px solid #e8e8e8;
+ font-size: 12px !important;
+ line-height:14px !important;
+}
+.msg .x-box-mc {
+ font-size:14px;
+}
+#msg-div {
+ position:absolute;
+ left:35%;
+ top:10px;
+ width:250px;
+ z-index:20000;
+}
+.x-grid3-row-body p {
+ margin:5px 5px 10px 5px !important;
+}
diff --git a/thirdpartyjs/extjs/examples/examples.js b/thirdpartyjs/extjs/examples/examples.js
new file mode 100644
index 0000000..cc7cbfb
--- /dev/null
+++ b/thirdpartyjs/extjs/examples/examples.js
@@ -0,0 +1,112 @@
+/*
+ * Ext JS Library 1.1 Beta 1
+ * Copyright(c) 2006-2007, Ext JS, LLC.
+ * licensing@extjs.com
+ *
+ * http://www.extjs.com/license
+ */
+
+Ext.BLANK_IMAGE_URL = '../../resources/images/default/s.gif';
+
+Ext.example = function(){
+ var msgCt;
+
+ function createBox(t, s){
+ return ['
The js is not minified so it is readable. See combos.js.
+
+
+Data Sources
+The combo box can use any type of Ext.data.Store as it's data source.
+ This means your data can be XML, JSON, arrays or any other supported format. It can be loaded using Ajax, script tags or be local.
+ This combo uses local data from a JS array.
+
+
+
+
+
// simple array store
+var store = new Ext.data.SimpleStore({
+ fields: ['abbr', 'state'],
+ data : exampleData
+});
+var combo = new Ext.form.ComboBox({
+ store: store,
+ displayField:'state',
+ typeAhead: true,
+ mode: 'local',
+ triggerAction: 'all',
+ emptyText:'Select a state...',
+ selectOnFocus:true
+});
+combo.applyTo('local-states');
+
+
+
+Unobtrusive
+The combo box can very easily be used to convert existing select elements into auto-completing, filtering combos.
+
+
+Transformed select:
+
+
+Originally looked like:
+
+
var converted = new Ext.form.ComboBox({
+ typeAhead: true,
+ triggerAction: 'all',
+ transform:'state',
+ width:135,
+ forceSelection:true
+});
+
+
+
+ Grid Editor
+ Click here to see the combo as a grid editor.
+
+
+
+ Templates and Ajax
+ Click here for a more advanced example.
+
+
+
+
diff --git a/thirdpartyjs/extjs/examples/form/combos.js b/thirdpartyjs/extjs/examples/form/combos.js
new file mode 100644
index 0000000..9968477
--- /dev/null
+++ b/thirdpartyjs/extjs/examples/form/combos.js
@@ -0,0 +1,36 @@
+/*
+ * Ext JS Library 1.1 Beta 1
+ * Copyright(c) 2006-2007, Ext JS, LLC.
+ * licensing@extjs.com
+ *
+ * http://www.extjs.com/license
+ */
+
+Ext.onReady(function(){
+ // simple array store
+ var store = new Ext.data.SimpleStore({
+ fields: ['abbr', 'state'],
+ data : Ext.exampledata.states // from states.js
+ });
+ var combo = new Ext.form.ComboBox({
+ store: store,
+ displayField:'state',
+ typeAhead: true,
+ mode: 'local',
+ triggerAction: 'all',
+ emptyText:'Select a state...',
+ selectOnFocus:true,
+ resizable:true
+ });
+ combo.applyTo('local-states');
+
+
+
+ var converted = new Ext.form.ComboBox({
+ typeAhead: true,
+ triggerAction: 'all',
+ transform:'state',
+ width:135,
+ forceSelection:true
+ });
+});
\ No newline at end of file
diff --git a/thirdpartyjs/extjs/examples/form/custom.html b/thirdpartyjs/extjs/examples/form/custom.html
new file mode 100644
index 0000000..04fa566
--- /dev/null
+++ b/thirdpartyjs/extjs/examples/form/custom.html
@@ -0,0 +1,62 @@
+
+
+
+ Custom Fields
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ Custom Form Feilds
+ Ext provides many types of form fields to build interactive and rich forms. However, it also
+ provides a complete framework for building new types of fields quickly. The search field below
+ is an example.
+
+
The js is not minified so it is readable. See custom.js.
+ These forms do not do anything and have very little validation. They solely demonstrate
+ how you can use Ext Forms to build and layout forms on the fly.
+
+
+
The js is not minified so it is readable. See dynamic.js.
+
+
+
+
+
Simple Form
+
+
+
+
+
+
+
+
+
+
+
Multi-column and labels top
+
+
+
+
+
+
+
+
+
+
+
Fieldsets, labels right and complex fields
+
+
+
+
+
+
+
+
+
+
+
Multi-column, nesting and fieldsets
+
+
+
+
+
+
+
+
+
diff --git a/thirdpartyjs/extjs/examples/form/dynamic.js b/thirdpartyjs/extjs/examples/form/dynamic.js
new file mode 100644
index 0000000..51c5db3
--- /dev/null
+++ b/thirdpartyjs/extjs/examples/form/dynamic.js
@@ -0,0 +1,293 @@
+/*
+ * Ext JS Library 1.1 Beta 1
+ * Copyright(c) 2006-2007, Ext JS, LLC.
+ * licensing@extjs.com
+ *
+ * http://www.extjs.com/license
+ */
+
+Ext.onReady(function(){
+
+ Ext.QuickTips.init();
+
+ // turn on validation errors beside the field globally
+ Ext.form.Field.prototype.msgTarget = 'side';
+
+ /*
+ * ================ Simple form =======================
+ */
+ var simple = new Ext.form.Form({
+ labelWidth: 75, // label settings here cascade unless overridden
+ url:'save-form.php'
+ });
+ simple.add(
+ new Ext.form.TextField({
+ fieldLabel: 'First Name',
+ name: 'first',
+ width:175,
+ allowBlank:false
+ }),
+
+ new Ext.form.TextField({
+ fieldLabel: 'Last Name',
+ name: 'last',
+ width:175
+ }),
+
+ new Ext.form.TextField({
+ fieldLabel: 'Company',
+ name: 'company',
+ width:175
+ }),
+
+ new Ext.form.TextField({
+ fieldLabel: 'Email',
+ name: 'email',
+ vtype:'email',
+ width:175
+ })
+ );
+
+ simple.addButton('Save');
+ simple.addButton('Cancel');
+
+ simple.render('form-ct');
+
+
+ /*
+ * ================ Form 2 =======================
+ */
+ var top = new Ext.form.Form({
+ labelAlign: 'top'
+ });
+
+ top.column(
+ {width:282}, // precise column sizes or percentages or straight CSS
+ new Ext.form.TextField({
+ fieldLabel: 'First Name',
+ name: 'first',
+ width:225
+ }),
+
+ new Ext.form.TextField({
+ fieldLabel: 'Company',
+ name: 'company',
+ width:225
+ })
+ );
+
+ top.column(
+ {width:272, style:'margin-left:10px', clear:true}, // apply custom css, clear:true means it is the last column
+ new Ext.form.TextField({
+ fieldLabel: 'Last Name',
+ name: 'last',
+ width:225
+ }),
+
+ new Ext.form.TextField({
+ fieldLabel: 'Email',
+ name: 'email',
+ vtype:'email',
+ width:225
+ })
+ );
+
+ top.container({},
+ new Ext.form.HtmlEditor({
+ id:'bio',
+ fieldLabel:'Biography',
+ width:550,
+ height:200
+ })
+ );
+
+ top.addButton('Save');
+ top.addButton('Cancel');
+
+ top.render('form-ct2');
+
+ /*
+ * ================ Form 3 =======================
+ */
+ var fs = new Ext.form.Form({
+ labelAlign: 'right',
+ labelWidth: 80
+ });
+
+ fs.fieldset(
+ {legend:'Contact Information'},
+ new Ext.form.TextField({
+ fieldLabel: 'First Name',
+ name: 'first',
+ width:190
+ }),
+
+ new Ext.form.TextField({
+ fieldLabel: 'Last Name',
+ name: 'last',
+ width:190
+ }),
+
+ new Ext.form.TextField({
+ fieldLabel: 'Company',
+ name: 'company',
+ width:190
+ }),
+
+ new Ext.form.TextField({
+ fieldLabel: 'Email',
+ name: 'email',
+ vtype:'email',
+ width:190
+ }),
+
+ new Ext.form.ComboBox({
+ fieldLabel: 'State',
+ hiddenName:'state',
+ store: new Ext.data.SimpleStore({
+ fields: ['abbr', 'state'],
+ data : Ext.exampledata.states // from states.js
+ }),
+ displayField:'state',
+ typeAhead: true,
+ mode: 'local',
+ triggerAction: 'all',
+ emptyText:'Select a state...',
+ selectOnFocus:true,
+ width:190
+ }),
+
+ new Ext.form.DateField({
+ fieldLabel: 'Date of Birth',
+ name: 'dob',
+ width:190,
+ allowBlank:false
+ })
+ );
+
+ fs.addButton('Save');
+ fs.addButton('Cancel');
+
+ fs.render('form-ct3');
+
+ /*
+ * ================ Form 4 =======================
+ */
+ var form = new Ext.form.Form({
+ labelAlign: 'right',
+ labelWidth: 75
+ });
+
+ form.column({width:342, labelWidth:75}); // open column, without auto close
+ form.fieldset(
+ {legend:'Contact Information'},
+ new Ext.form.TextField({
+ fieldLabel: 'Full Name',
+ name: 'fullName',
+ allowBlank:false,
+ value: 'Jack Slocum'
+ }),
+
+ new Ext.form.TextField({
+ fieldLabel: 'Job Title',
+ name: 'title',
+ value: 'Jr. Developer'
+ }),
+
+ new Ext.form.TextField({
+ fieldLabel: 'Company',
+ name: 'company',
+ value: 'Ext JS'
+ }),
+
+ new Ext.form.TextArea({
+ fieldLabel: 'Address',
+ name: 'address',
+ grow: true,
+ preventScrollbars:true,
+ value: '4 Redbulls Drive'
+ })
+ );
+ form.fieldset(
+ {legend:'Phone Numbers'},
+ new Ext.form.TextField({
+ fieldLabel: 'Home',
+ name: 'home',
+ value: '(888) 555-1212'
+ }),
+
+ new Ext.form.TextField({
+ fieldLabel: 'Business',
+ name: 'business'
+ }),
+
+ new Ext.form.TextField({
+ fieldLabel: 'Mobile',
+ name: 'mobile'
+ }),
+
+ new Ext.form.TextField({
+ fieldLabel: 'Fax',
+ name: 'fax'
+ })
+ );
+ form.end(); // closes the last container element (column, layout, fieldset, etc) and moves up 1 level in the stack
+
+
+ form.column(
+ {width:202, style:'margin-left:10px', clear:true}
+ );
+
+ form.fieldset(
+ {id:'photo', legend:'Photo'}
+ );
+ form.end();
+
+ form.fieldset(
+ {legend:'Options', hideLabels:true},
+ new Ext.form.Checkbox({
+ boxLabel:'Ext 1.0 User',
+ name:'extuser'
+ }),
+ new Ext.form.Checkbox({
+ boxLabel:'Ext Commercial User',
+ name:'extcomm'
+ }),
+ new Ext.form.Checkbox({
+ boxLabel:'Ext Premium Member',
+ name:'extprem'
+ }),
+ new Ext.form.Checkbox({
+ boxLabel:'Ext Team Member',
+ name:'extteam',
+ checked:true
+ })
+ );
+
+ form.end(); // close the column
+
+
+ form.applyIfToFields({
+ width:230
+ });
+
+ form.addButton('Save');
+ form.addButton('Cancel');
+
+ form.render('form-ct4');
+
+ // The form elements are standard HTML elements. By assigning an id (as we did above)
+ // we can manipulate them like any other element
+ var photo = Ext.get('photo');
+ var c = photo.createChild({
+ tag:'center',
+ cn: {
+ tag:'img',
+ src: 'http://extjs.com/forum/image.php?u=2&dateline=1175747336',
+ style:'margin-bottom:5px;'
+ }
+ });
+ new Ext.Button(c, {
+ text: 'Change Photo'
+ });
+});
\ No newline at end of file
diff --git a/thirdpartyjs/extjs/examples/form/forms.css b/thirdpartyjs/extjs/examples/form/forms.css
new file mode 100644
index 0000000..1c0542f
--- /dev/null
+++ b/thirdpartyjs/extjs/examples/form/forms.css
@@ -0,0 +1,31 @@
+/*
+ * Ext JS Library 1.1 Beta 1
+ * Copyright(c) 2006-2007, Ext JS, LLC.
+ * licensing@extjs.com
+ *
+ * http://www.extjs.com/license
+ */
+
+.calendar .x-menu-item-icon {
+ background-image:url(../../resources/images/default/shared/calendar.gif);
+}
+
+.search-item {
+ font:normal 11px tahoma, arial, helvetica, sans-serif;
+ padding:3px 10px 3px 10px;
+ border-bottom:1px solid #eeeeee;
+}
+.search-item h3 {
+ display:block;
+ font:inherit;
+ font-weight:bold;
+}
+
+.search-item h3 span {
+ float: right;
+ font-weight:normal;
+ margin:0 0 5px 5px;
+ width:100px;
+ display:block;
+ clear:none;
+}
\ No newline at end of file
diff --git a/thirdpartyjs/extjs/examples/form/forms.html b/thirdpartyjs/extjs/examples/form/forms.html
new file mode 100644
index 0000000..e8baa95
--- /dev/null
+++ b/thirdpartyjs/extjs/examples/form/forms.html
@@ -0,0 +1,147 @@
+
+
+
+
+Forms
+
+
+
+
+
+
+
+
+
+
+
+
+
+
Forms
+
The js is not minified so it is readable. See forms.js.
+
+
+
+
diff --git a/thirdpartyjs/extjs/examples/form/forms.js b/thirdpartyjs/extjs/examples/form/forms.js
new file mode 100644
index 0000000..4bab422
--- /dev/null
+++ b/thirdpartyjs/extjs/examples/form/forms.js
@@ -0,0 +1,69 @@
+/*
+ * Ext JS Library 1.1 Beta 1
+ * Copyright(c) 2006-2007, Ext JS, LLC.
+ * licensing@extjs.com
+ *
+ * http://www.extjs.com/license
+ */
+
+Ext.onReady(function(){
+ Ext.QuickTips.init();
+
+ Ext.MessageBox.alert("Warning", "This example is not done and results may vary.");
+
+ // Change field to default to validation message "under" instead of tooltips
+ Ext.form.Field.prototype.msgTarget = 'under';
+
+
+ var date = new Ext.form.DateField({
+ allowBlank:false
+ });
+
+ date.applyTo('markup-date');
+
+ var tranny = new Ext.form.ComboBox({
+ typeAhead: true,
+ triggerAction: 'all',
+ transform:'light',
+ width:120,
+ forceSelection:true
+ });
+
+ var required = new Ext.form.TextField({
+ allowBlank:false
+ });
+ required.applyTo('required');
+
+ var alpha = new Ext.form.TextField({
+ vtype:'alpha'
+ });
+ alpha.applyTo('alpha');
+
+ var alpha2 = new Ext.form.TextField({
+ vtype:'alpha',
+ disableKeyFilter:true
+ });
+ alpha2.applyTo('alpha2');
+
+ var alphanum = new Ext.form.TextField({
+ vtype:'alphanum'
+ });
+ alphanum.applyTo('alphanum');
+
+ var email = new Ext.form.TextField({
+ allowBlank:false,
+ vtype:'email'
+ });
+ email.applyTo('email');
+
+ var url = new Ext.form.TextField({
+ vtype:'url'
+ });
+ url.applyTo('url');
+
+ var grow = new Ext.form.TextArea({
+ width:200, grow:true
+ });
+ grow.applyTo('grow');
+
+});
\ No newline at end of file
diff --git a/thirdpartyjs/extjs/examples/form/forum-search.html b/thirdpartyjs/extjs/examples/form/forum-search.html
new file mode 100644
index 0000000..1f2136b
--- /dev/null
+++ b/thirdpartyjs/extjs/examples/form/forum-search.html
@@ -0,0 +1,43 @@
+
+
+
+
+ ComboBox - Live Search
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ Combo with Templates and Ajax
+ This is a more advanced example that shows how you can combine paging, Ext.Template and a remote data store
+ to create a "live search" feature.
+
+
The js is not minified so it is readable. See forum-search.js.
+
+
+
+
+
+
Search the Ext Forums
+
+
+ Live search requires a minimum of 4 characters.
+
'
+ );
+
+ var search = new Ext.form.ComboBox({
+ store: ds,
+ displayField:'title',
+ typeAhead: false,
+ loadingText: 'Searching...',
+ width: 570,
+ pageSize:10,
+ hideTrigger:true,
+ tpl: resultTpl,
+ onSelect: function(record){ // override default onSelect to do redirect
+ window.location =
+ String.format('http://extjs.com/forum/showthread.php?t={0}&p={1}', record.data.topicId, record.id);
+ }
+ });
+ // apply it to the exsting input element
+ search.applyTo('search');
+});
\ No newline at end of file
diff --git a/thirdpartyjs/extjs/examples/form/states.js b/thirdpartyjs/extjs/examples/form/states.js
new file mode 100644
index 0000000..ba0edb2
--- /dev/null
+++ b/thirdpartyjs/extjs/examples/form/states.js
@@ -0,0 +1,64 @@
+/*
+ * Ext JS Library 1.1 Beta 1
+ * Copyright(c) 2006-2007, Ext JS, LLC.
+ * licensing@extjs.com
+ *
+ * http://www.extjs.com/license
+ */
+
+// some data used in the examples
+Ext.namespace('Ext.exampledata');
+
+Ext.exampledata.states = [
+ ['AL', 'Alabama'],
+ ['AK', 'Alaska'],
+ ['AZ', 'Arizona'],
+ ['AR', 'Arkansas'],
+ ['CA', 'California'],
+ ['CO', 'Colorado'],
+ ['CN', 'Connecticut'],
+ ['DE', 'Delaware'],
+ ['DC', 'District of Columbia'],
+ ['FL', 'Florida'],
+ ['GA', 'Georgia'],
+ ['HW', 'Hawaii'],
+ ['ID', 'Idaho'],
+ ['IL', 'Illinois'],
+ ['IN', 'Indiana'],
+ ['IA', 'Iowa'],
+ ['KS', 'Kansas'],
+ ['KY', 'Kentucky'],
+ ['LA', 'Louisiana'],
+ ['MA', 'Maine'],
+ ['MD', 'Maryland'],
+ ['MS', 'Massachusetts'],
+ ['MI', 'Michigan'],
+ ['MN', 'Minnesota'],
+ ['MS', 'Mississippi'],
+ ['MO', 'Missouri'],
+ ['MT', 'Montana'],
+ ['NE', 'Nebraska'],
+ ['NV', 'Nevada'],
+ ['NH', 'New Hampshire'],
+ ['NJ', 'New Jersey'],
+ ['NM', 'New Mexico'],
+ ['NY', 'New York'],
+ ['NC', 'North Carolina'],
+ ['ND', 'North Dakota'],
+ ['OH', 'Ohio'],
+ ['OK', 'Oklahoma'],
+ ['OR', 'Oregon'],
+ ['PA', 'Pennsylvania'],
+ ['RH', 'Rhode Island'],
+ ['SC', 'South Carolina'],
+ ['SD', 'South Dakota'],
+ ['TE', 'Tennessee'],
+ ['TX', 'Texas'],
+ ['UT', 'Utah'],
+ ['VE', 'Vermont'],
+ ['VA', 'Virginia'],
+ ['WA', 'Washington'],
+ ['WV', 'West Virginia'],
+ ['WI', 'Wisconsin'],
+ ['WY', 'Wyoming']
+ ];
\ No newline at end of file
diff --git a/thirdpartyjs/extjs/examples/form/xml-errors.xml b/thirdpartyjs/extjs/examples/form/xml-errors.xml
new file mode 100644
index 0000000..c778e30
--- /dev/null
+++ b/thirdpartyjs/extjs/examples/form/xml-errors.xml
@@ -0,0 +1,17 @@
+
+
+
+
+ first
+ This is a test validation message from the server
+ ]]>
+
+
+ dob
+ This is a test validation message from the server
+ ]]>
+
+
+
\ No newline at end of file
diff --git a/thirdpartyjs/extjs/examples/form/xml-form.html b/thirdpartyjs/extjs/examples/form/xml-form.html
new file mode 100644
index 0000000..008c6fe
--- /dev/null
+++ b/thirdpartyjs/extjs/examples/form/xml-form.html
@@ -0,0 +1,48 @@
+
+
+
+XML Form
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
Loading/Saving a Dynamic Form using XML
+
+ This is a very simple example of using XML for load and submit of data with an Ext dynamic form.
+
+
+ Click "Load" to load the dummy XML data from the server using an XmlReader.
+
+
+ After loading the form, you will be able to hit submit. The submit action will make a post to the server,
+ and the dummy XML file on the server with test server-side validation failure messages will be sent back.
+ Those messages will be applied to the appropriate fields in the form.
+
+
+ Note: The built-in JSON support does not require any special readers for mapping. However, If you don't like the Form's built-in JSON format, you could also use a JsonReader for reading data into a form.
+
+
The js is not minified so it is readable. See xml-form.js.
+
+
+
+
+
XML Form
+
+
+
+
+
+
+
+
+
diff --git a/thirdpartyjs/extjs/examples/form/xml-form.js b/thirdpartyjs/extjs/examples/form/xml-form.js
new file mode 100644
index 0000000..88c9882
--- /dev/null
+++ b/thirdpartyjs/extjs/examples/form/xml-form.js
@@ -0,0 +1,124 @@
+/*
+ * Ext JS Library 1.1 Beta 1
+ * Copyright(c) 2006-2007, Ext JS, LLC.
+ * licensing@extjs.com
+ *
+ * http://www.extjs.com/license
+ */
+
+Ext.onReady(function(){
+
+ Ext.QuickTips.init();
+
+ // turn on validation errors beside the field globally
+ Ext.form.Field.prototype.msgTarget = 'side';
+
+ var fs = new Ext.form.Form({
+ labelAlign: 'right',
+ labelWidth: 75,
+ waitMsgTarget: 'box-bd',
+
+ // configure how to read the XML Data
+ reader : new Ext.data.XmlReader({
+ record : 'contact',
+ success: '@success'
+ }, [
+ {name: 'first', mapping:'name/first'}, // custom mapping
+ {name: 'last', mapping:'name/last'},
+ 'company', 'email', 'state',
+ {name: 'dob', type:'date', dateFormat:'m/d/Y'} // custom data types
+ ]),
+
+ // reusable eror reader class defined at the end of this file
+ errorReader: new Ext.form.XmlErrorReader()
+ });
+
+ fs.fieldset(
+ {legend:'Contact Information'},
+ new Ext.form.TextField({
+ fieldLabel: 'First Name',
+ name: 'first',
+ width:190
+ }),
+
+ new Ext.form.TextField({
+ fieldLabel: 'Last Name',
+ name: 'last',
+ width:190
+ }),
+
+ new Ext.form.TextField({
+ fieldLabel: 'Company',
+ name: 'company',
+ width:190
+ }),
+
+ new Ext.form.TextField({
+ fieldLabel: 'Email',
+ name: 'email',
+ vtype:'email',
+ width:190
+ }),
+
+ new Ext.form.ComboBox({
+ fieldLabel: 'State',
+ hiddenName:'state',
+ store: new Ext.data.SimpleStore({
+ fields: ['abbr', 'state'],
+ data : Ext.exampledata.states // from states.js
+ }),
+ valueField:'abbr',
+ displayField:'state',
+ typeAhead: true,
+ mode: 'local',
+ triggerAction: 'all',
+ emptyText:'Select a state...',
+ selectOnFocus:true,
+ width:190
+ }),
+
+ new Ext.form.DateField({
+ fieldLabel: 'Date of Birth',
+ name: 'dob',
+ width:190,
+ allowBlank:false
+ })
+ );
+
+ // simple button add
+ fs.addButton('Load', function(){
+ fs.load({url:'xml-form.xml', waitMsg:'Loading'});
+ });
+
+ // explicit add
+ var submit = fs.addButton({
+ text: 'Submit',
+ disabled:true,
+ handler: function(){
+ fs.submit({url:'xml-errors.xml', waitMsg:'Saving Data...'});
+ }
+ });
+
+ fs.render('form-ct');
+
+ fs.on({
+ actioncomplete: function(form, action){
+ if(action.type == 'load'){
+ submit.enable();
+ }
+ }
+ });
+
+});
+
+// A reusable error reader class for XML forms
+Ext.form.XmlErrorReader = function(){
+ Ext.form.XmlErrorReader.superclass.constructor.call(this, {
+ record : 'field',
+ success: '@success'
+ }, [
+ 'id', 'msg'
+ ]
+ );
+};
+Ext.extend(Ext.form.XmlErrorReader, Ext.data.XmlReader);
\ No newline at end of file
diff --git a/thirdpartyjs/extjs/examples/form/xml-form.xml b/thirdpartyjs/extjs/examples/form/xml-form.xml
new file mode 100644
index 0000000..9eaa5ee
--- /dev/null
+++ b/thirdpartyjs/extjs/examples/form/xml-form.xml
@@ -0,0 +1,13 @@
+
+
+
+
+ Jack
+ Slocum
+
+ Ext JS
+ support@extjs.com
+ OH
+ 04/15/2007
+
+
\ No newline at end of file
diff --git a/thirdpartyjs/extjs/examples/grid/array-grid.html b/thirdpartyjs/extjs/examples/grid/array-grid.html
new file mode 100644
index 0000000..0a9bc3f
--- /dev/null
+++ b/thirdpartyjs/extjs/examples/grid/array-grid.html
@@ -0,0 +1,27 @@
+
+
+
+Array Grid Example
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
Array Grid Example
+
This example shows how to create a grid from Array data. For more details on this example, see the blog post.
+
Note that the js is not minified so it is readable. See array-grid.js.
+
+
+
+
+
+
diff --git a/thirdpartyjs/extjs/examples/grid/array-grid.js b/thirdpartyjs/extjs/examples/grid/array-grid.js
new file mode 100644
index 0000000..ccba359
--- /dev/null
+++ b/thirdpartyjs/extjs/examples/grid/array-grid.js
@@ -0,0 +1,112 @@
+/*
+ * Ext JS Library 1.1 Beta 1
+ * Copyright(c) 2006-2007, Ext JS, LLC.
+ * licensing@extjs.com
+ *
+ * http://www.extjs.com/license
+ */
+
+var Example = {
+ init : function(){
+ // some data yanked off the web
+ var myData = [
+ ['3m Co',71.72,0.02,0.03,'9/1 12:00am'],
+ ['Alcoa Inc',29.01,0.42,1.47,'9/1 12:00am'],
+ ['Altria Group Inc',83.81,0.28,0.34,'9/1 12:00am'],
+ ['American Express Company',52.55,0.01,0.02,'9/1 12:00am'],
+ ['American International Group, Inc.',64.13,0.31,0.49,'9/1 12:00am'],
+ ['AT&T Inc.',31.61,-0.48,-1.54,'9/1 12:00am'],
+ ['Boeing Co.',75.43,0.53,0.71,'9/1 12:00am'],
+ ['Caterpillar Inc.',67.27,0.92,1.39,'9/1 12:00am'],
+ ['Citigroup, Inc.',49.37,0.02,0.04,'9/1 12:00am'],
+ ['E.I. du Pont de Nemours and Company',40.48,0.51,1.28,'9/1 12:00am'],
+ ['Exxon Mobil Corp',68.1,-0.43,-0.64,'9/1 12:00am'],
+ ['General Electric Company',34.14,-0.08,-0.23,'9/1 12:00am'],
+ ['General Motors Corporation',30.27,1.09,3.74,'9/1 12:00am'],
+ ['Hewlett-Packard Co.',36.53,-0.03,-0.08,'9/1 12:00am'],
+ ['Honeywell Intl Inc',38.77,0.05,0.13,'9/1 12:00am'],
+ ['Intel Corporation',19.88,0.31,1.58,'9/1 12:00am'],
+ ['International Business Machines',81.41,0.44,0.54,'9/1 12:00am'],
+ ['Johnson & Johnson',64.72,0.06,0.09,'9/1 12:00am'],
+ ['JP Morgan & Chase & Co',45.73,0.07,0.15,'9/1 12:00am'],
+ ['McDonald\'s Corporation',36.76,0.86,2.40,'9/1 12:00am'],
+ ['Merck & Co., Inc.',40.96,0.41,1.01,'9/1 12:00am'],
+ ['Microsoft Corporation',25.84,0.14,0.54,'9/1 12:00am'],
+ ['Pfizer Inc',27.96,0.4,1.45,'9/1 12:00am'],
+ ['The Coca-Cola Company',45.07,0.26,0.58,'9/1 12:00am'],
+ ['The Home Depot, Inc.',34.64,0.35,1.02,'9/1 12:00am'],
+ ['The Procter & Gamble Company',61.91,0.01,0.02,'9/1 12:00am'],
+ ['United Technologies Corporation',63.26,0.55,0.88,'9/1 12:00am'],
+ ['Verizon Communications',35.57,0.39,1.11,'9/1 12:00am'],
+ ['Wal-Mart Stores, Inc.',45.45,0.73,1.63,'9/1 12:00am'],
+ ['Walt Disney Company (The) (Holding Company)',29.89,0.24,0.81,'9/1 12:00am']
+ ];
+
+ var ds = new Ext.data.Store({
+ proxy: new Ext.data.MemoryProxy(myData),
+ reader: new Ext.data.ArrayReader({}, [
+ {name: 'company'},
+ {name: 'price', type: 'float'},
+ {name: 'change', type: 'float'},
+ {name: 'pctChange', type: 'float'},
+ {name: 'lastChange', type: 'date', dateFormat: 'n/j h:ia'}
+ ])
+ });
+ ds.load();
+
+ // example of custom renderer function
+ function italic(value){
+ return '' + value + '';
+ }
+
+ // example of custom renderer function
+ function change(val){
+ if(val > 0){
+ return '' + val + '';
+ }else if(val < 0){
+ return '' + val + '';
+ }
+ return val;
+ }
+ // example of custom renderer function
+ function pctChange(val){
+ if(val > 0){
+ return '' + val + '%';
+ }else if(val < 0){
+ return '' + val + '%';
+ }
+ return val;
+ }
+
+ // the DefaultColumnModel expects this blob to define columns. It can be extended to provide
+ // custom or reusable ColumnModels
+ var colModel = new Ext.grid.ColumnModel([
+ {id:'company',header: "Company", width: 160, sortable: true, locked:false, dataIndex: 'company'},
+ {header: "Price", width: 75, sortable: true, renderer: Ext.util.Format.usMoney, dataIndex: 'price'},
+ {header: "Change", width: 75, sortable: true, renderer: change, dataIndex: 'change'},
+ {header: "% Change", width: 75, sortable: true, renderer: pctChange, dataIndex: 'pctChange'},
+ {header: "Last Updated", width: 85, sortable: true, renderer: Ext.util.Format.dateRenderer('m/d/Y'), dataIndex: 'lastChange'}
+ ]);
+
+
+ // create the Grid
+ var grid = new Ext.grid.Grid('grid-example', {
+ ds: ds,
+ cm: colModel,
+ autoExpandColumn: 'company'
+ });
+
+ var layout = Ext.BorderLayout.create({
+ center: {
+ margins:{left:3,top:3,right:3,bottom:3},
+ panels: [new Ext.GridPanel(grid)]
+ }
+ }, 'grid-panel');
+
+ grid.render();
+
+
+ grid.getSelectionModel().selectFirstRow();
+ }
+};
+Ext.onReady(Example.init, Example);
\ No newline at end of file
diff --git a/thirdpartyjs/extjs/examples/grid/custom-grid.html b/thirdpartyjs/extjs/examples/grid/custom-grid.html
new file mode 100644
index 0000000..512bc01
--- /dev/null
+++ b/thirdpartyjs/extjs/examples/grid/custom-grid.html
@@ -0,0 +1,59 @@
+
+
+
+Customizing the Grid
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/thirdpartyjs/extjs/examples/grid/edit-grid.js b/thirdpartyjs/extjs/examples/grid/edit-grid.js
new file mode 100644
index 0000000..bb91036
--- /dev/null
+++ b/thirdpartyjs/extjs/examples/grid/edit-grid.js
@@ -0,0 +1,138 @@
+/*
+ * Ext JS Library 1.1 Beta 1
+ * Copyright(c) 2006-2007, Ext JS, LLC.
+ * licensing@extjs.com
+ *
+ * http://www.extjs.com/license
+ */
+
+Ext.onReady(function(){
+ Ext.QuickTips.init();
+ function formatBoolean(value){
+ return value ? 'Yes' : 'No';
+ };
+
+ function formatDate(value){
+ return value ? value.dateFormat('M d, Y') : '';
+ };
+ // shorthand alias
+ var fm = Ext.form, Ed = Ext.grid.GridEditor;
+
+ // the column model has information about grid columns
+ // dataIndex maps the column to the specific data field in
+ // the data store (created below)
+ var cm = new Ext.grid.ColumnModel([{
+ header: "Common Name",
+ dataIndex: 'common',
+ width: 220,
+ editor: new Ed(new fm.TextField({
+ allowBlank: false
+ }))
+ },{
+ header: "Light",
+ dataIndex: 'light',
+ width: 130,
+ editor: new Ed(new Ext.form.ComboBox({
+ typeAhead: true,
+ triggerAction: 'all',
+ transform:'light',
+ lazyRender:true
+ }))
+ },{
+ header: "Price",
+ dataIndex: 'price',
+ width: 70,
+ align: 'right',
+ renderer: 'usMoney',
+ editor: new Ed(new fm.NumberField({
+ allowBlank: false,
+ allowNegative: false,
+ maxValue: 10
+ }))
+ },{
+ header: "Available",
+ dataIndex: 'availDate',
+ width: 95,
+ renderer: formatDate,
+ editor: new Ed(new fm.DateField({
+ format: 'm/d/y',
+ minValue: '01/01/06',
+ disabledDays: [0, 6],
+ disabledDaysText: 'Plants are not available on the weekends'
+ }))
+ },{
+ header: "Indoor?",
+ dataIndex: 'indoor',
+ width: 55,
+ renderer: formatBoolean,
+ editor: new Ed(new fm.Checkbox())
+ }]);
+
+ // by default columns are sortable
+ cm.defaultSortable = true;
+
+ // this could be inline, but we want to define the Plant record
+ // type so we can add records dynamically
+ var Plant = Ext.data.Record.create([
+ // the "name" below matches the tag name to read, except "availDate"
+ // which is mapped to the tag "availability"
+ {name: 'common', type: 'string'},
+ {name: 'botanical', type: 'string'},
+ {name: 'light'},
+ {name: 'price', type: 'float'}, // automatic date conversions
+ {name: 'availDate', mapping: 'availability', type: 'date', dateFormat: 'm/d/Y'},
+ {name: 'indoor', type: 'bool'}
+ ]);
+
+ // create the Data Store
+ var ds = new Ext.data.Store({
+ // load using HTTP
+ proxy: new Ext.data.HttpProxy({url: 'plants.xml'}),
+
+ // the return will be XML, so lets set up a reader
+ reader: new Ext.data.XmlReader({
+ // records will have a "plant" tag
+ record: 'plant'
+ }, Plant)
+ });
+
+ // create the editor grid
+ var grid = new Ext.grid.EditorGrid('editor-grid', {
+ ds: ds,
+ cm: cm,
+ //selModel: new Ext.grid.RowSelectionModel(),
+ enableColLock:false
+ });
+
+ var layout = Ext.BorderLayout.create({
+ center: {
+ margins:{left:3,top:3,right:3,bottom:3},
+ panels: [new Ext.GridPanel(grid)]
+ }
+ }, 'grid-panel');
+
+
+ // render it
+ grid.render();
+
+
+ var gridHead = grid.getView().getHeaderPanel(true);
+ var tb = new Ext.Toolbar(gridHead, [{
+ text: 'Add Plant',
+ handler : function(){
+ var p = new Plant({
+ common: 'New Plant 1',
+ light: 'Mostly Shade',
+ price: 0,
+ availDate: new Date(),
+ indoor: false
+ });
+ grid.stopEditing();
+ ds.insert(0, p);
+ grid.startEditing(0, 0);
+ }
+ }]);
+
+ // trigger the data store load
+ ds.load();
+});
\ No newline at end of file
diff --git a/thirdpartyjs/extjs/examples/grid/from-markup.html b/thirdpartyjs/extjs/examples/grid/from-markup.html
new file mode 100644
index 0000000..4e5cf96
--- /dev/null
+++ b/thirdpartyjs/extjs/examples/grid/from-markup.html
@@ -0,0 +1,64 @@
+
+
+
+
+From Markup Grid Example
+
+
+
+
+
+
+
+
+
+
+
+
From Markup Grid Example
+
This example shows how to create a grid with from an existing, unformatted HTML table.
+
Note that the js is not minified so it is readable. See from-markup.js.
+
+
+
+
+
+
+
Name
+
Age
+
Sex
+
+
+
+
+
Barney Rubble
+
32
+
Male
+
+
+
Fred Flintstone
+
33
+
Male
+
+
+
Betty Rubble
+
32
+
Female
+
+
+
Pebbles
+
1
+
Female
+
+
+
Bamm Bamm
+
2
+
Male
+
+
+
+
+
+
\ No newline at end of file
diff --git a/thirdpartyjs/extjs/examples/grid/from-markup.js b/thirdpartyjs/extjs/examples/grid/from-markup.js
new file mode 100644
index 0000000..3013d44
--- /dev/null
+++ b/thirdpartyjs/extjs/examples/grid/from-markup.js
@@ -0,0 +1,90 @@
+/*
+ * Ext JS Library 1.1 Beta 1
+ * Copyright(c) 2006-2007, Ext JS, LLC.
+ * licensing@extjs.com
+ *
+ * http://www.extjs.com/license
+ */
+
+Ext.onReady(function() {
+ var btn = Ext.get("create-grid");
+ btn.on("click", function(){
+ btn.dom.disabled = true;
+
+ // create the grid
+ var grid = new Ext.grid.TableGrid("the-table");
+ grid.render();
+
+ }, false, {single:true}); // run once
+});
+
+/**
+ * @class Ext.grid.TableGrid
+ * @extends Ext.grid.Grid
+ * A Grid which creates itself from an existing HTML table element.
+ * @constructor
+ * @param {String/HTMLElement/Ext.Element} table The table element from which this grid will be created -
+ * The table MUST have some type of size defined for the grid to fill. The container will be
+ * automatically set to position relative if it isn't already.
+ * @param {Object} config A config object that sets properties on this grid and has two additional (optional)
+ * properties: fields and columns which allow for customizing data fields and columns for this grid.
+ * @history
+ * 2007-03-01 Original version by Nige "Animal" White
+ * 2007-03-10 jvs Slightly refactored to reuse existing classes
+ */
+Ext.grid.TableGrid = function(table, config) {
+ config = config || {};
+ var cf = config.fields || [], ch = config.columns || [];
+ table = Ext.get(table);
+
+ var ct = table.insertSibling();
+
+ var fields = [], cols = [];
+ var headers = table.query("thead th");
+ for (var i = 0, h; h = headers[i]; i++) {
+ var text = h.innerHTML;
+ var name = 'tcol-'+i;
+
+ fields.push(Ext.applyIf(cf[i] || {}, {
+ name: name,
+ mapping: 'td:nth('+(i+1)+')/@innerHTML'
+ }));
+
+ cols.push(Ext.applyIf(ch[i] || {}, {
+ 'header': text,
+ 'dataIndex': name,
+ 'width': h.offsetWidth,
+ 'tooltip': h.title,
+ 'sortable': true
+ }));
+ }
+
+ var ds = new Ext.data.Store({
+ reader: new Ext.data.XmlReader({
+ record:'tbody tr'
+ }, fields)
+ });
+
+ ds.loadData(table.dom);
+
+ var cm = new Ext.grid.ColumnModel(cols);
+
+ if(config.width || config.height){
+ ct.setSize(config.width || 'auto', config.height || 'auto');
+ }
+ if(config.remove !== false){
+ table.remove();
+ }
+
+ Ext.grid.TableGrid.superclass.constructor.call(this, ct,
+ Ext.applyIf(config, {
+ 'ds': ds,
+ 'cm': cm,
+ 'sm': new Ext.grid.RowSelectionModel(),
+ autoHeight:true,
+ autoWidth:true
+ }
+ ));
+};
+
+Ext.extend(Ext.grid.TableGrid, Ext.grid.Grid);
\ No newline at end of file
diff --git a/thirdpartyjs/extjs/examples/grid/grid-examples.css b/thirdpartyjs/extjs/examples/grid/grid-examples.css
new file mode 100644
index 0000000..043704e
--- /dev/null
+++ b/thirdpartyjs/extjs/examples/grid/grid-examples.css
@@ -0,0 +1,62 @@
+/*
+ * Ext JS Library 1.1 Beta 1
+ * Copyright(c) 2006-2007, Ext JS, LLC.
+ * licensing@extjs.com
+ *
+ * http://www.extjs.com/license
+ */
+
+#grid-example .x-grid-col-1 {
+ text-align: right;
+}
+#grid-example .x-grid-col-2{
+ text-align: right;
+}
+#grid-example .x-grid-col-3 {
+ text-align: right;
+}
+#grid-example .x-grid-col-4 {
+ text-align: right;
+}
+#grid-example.x-grid-mso{
+ border: 1px solid #6593cf;
+}
+#grid-example.x-grid-vista{
+ border: 1px solid #b3bcc0;
+}
+#xml-grid-example{
+ border: 1px solid #cbc7b8;
+ left: 0;
+ position: relative;
+ top: 0;
+}
+#xml-grid-example.x-grid-mso{
+ border: 1px solid #6593cf;
+}
+#xml-grid-example.x-grid-vista{
+ border: 1px solid #b3bcc0;
+}
+#editor-grid .x-grid-col-2{
+ text-align:right;
+}
+.x-grid-col-topic b {
+ font-family:tahoma, verdana;
+ color:#333;
+ display:block;
+ padding-left:18px;
+ line-height:18px;
+ vertical-align:middle;
+ background:transparent url(topic.gif) no-repeat left 1px;
+}
+.x-grid-col-topic b i {
+ font-weight:normal;
+ font-style: normal;
+ color:#000;
+}
+.details .x-btn-text {
+ background-image: url(details.gif);
+}
+.x-resizable-pinned .x-resizable-handle-south{
+ background:url(../../resources/images/default/sizer/s-handle-dark.gif);
+ background-position: top;
+}
\ No newline at end of file
diff --git a/thirdpartyjs/extjs/examples/grid/paging.html b/thirdpartyjs/extjs/examples/grid/paging.html
new file mode 100644
index 0000000..5da9e2a
--- /dev/null
+++ b/thirdpartyjs/extjs/examples/grid/paging.html
@@ -0,0 +1,36 @@
+
+
+
+
+Paging Grid Example
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
Paging Grid Example
+
This example shows how to create a grid with paging. This grid uses a ScriptTagProxy to fetch cross-domain
+ remote data (from the Ext forums).
+
Note that the js is not minified so it is readable. See paging.js.
+
+
+
+
+
Ext - Help Forum
+
+
+
+
+
+
+
+
diff --git a/thirdpartyjs/extjs/examples/grid/paging.js b/thirdpartyjs/extjs/examples/grid/paging.js
new file mode 100644
index 0000000..8d9befa
--- /dev/null
+++ b/thirdpartyjs/extjs/examples/grid/paging.js
@@ -0,0 +1,123 @@
+/*
+ * Ext JS Library 1.1 Beta 1
+ * Copyright(c) 2006-2007, Ext JS, LLC.
+ * licensing@extjs.com
+ *
+ * http://www.extjs.com/license
+ */
+
+Ext.onReady(function(){
+
+ // create the Data Store
+ var ds = new Ext.data.Store({
+ // load using script tags for cross domain, if the data in on the same domain as
+ // this page, an HttpProxy would be better
+ proxy: new Ext.data.ScriptTagProxy({
+ url: 'http://extjs.com/forum/topics-remote.php'
+ }),
+
+ // create reader that reads the Topic records
+ reader: new Ext.data.JsonReader({
+ root: 'topics',
+ totalProperty: 'totalCount',
+ id: 'post_id'
+ }, [
+ {name: 'title', mapping: 'topic_title'},
+ {name: 'author', mapping: 'author'},
+ {name: 'totalPosts', mapping: 'topic_replies', type: 'int'},
+ {name: 'lastPost', mapping: 'post_time', type: 'date', dateFormat: 'timestamp'},
+ {name: 'excerpt', mapping: 'post_text'}
+ ]),
+
+ // turn on remote sorting
+ remoteSort: true
+ });
+
+
+ // pluggable renders
+ function renderTopic(value, p, record){
+ return String.format('{0}{1}', value, record.data['excerpt']);
+ }
+ function renderTopicPlain(value){
+ return String.format('{0}', value);
+ }
+ function renderLast(value, p, r){
+ return String.format('{0} by {1}', value.dateFormat('M j, Y, g:i a'), r.data['author']);
+ }
+ function renderLastPlain(value){
+ return value.dateFormat('M j, Y, g:i a');
+ }
+
+ // the column model has information about grid columns
+ // dataIndex maps the column to the specific data field in
+ // the data store
+ var cm = new Ext.grid.ColumnModel([{
+ id: 'topic', // id assigned so we can apply custom css (e.g. .x-grid-col-topic b { color:#333 })
+ header: "Topic",
+ dataIndex: 'title',
+ width: 490,
+ renderer: renderTopic,
+ css: 'white-space:normal;'
+ },{
+ header: "Author",
+ dataIndex: 'author',
+ width: 100,
+ hidden: true
+ },{
+ id: 'last',
+ header: "Last Post",
+ dataIndex: 'lastPost',
+ width: 150,
+ renderer: renderLast
+ }]);
+
+
+
+ // create the editor grid
+ var grid = new Ext.grid.Grid('topic-grid', {
+ ds: ds,
+ cm: cm,
+ selModel: new Ext.grid.RowSelectionModel({singleSelect:true}),
+ enableColLock:false,
+ loadMask: true
+ });
+
+ // make the grid resizable, do before render for better performance
+ var rz = new Ext.Resizable('topic-grid', {
+ wrap:true,
+ minHeight:100,
+ pinned:true,
+ handles: 's'
+ });
+ rz.on('resize', grid.autoSize, grid);
+
+ // render it
+ grid.render();
+
+ var gridFoot = grid.getView().getFooterPanel(true);
+
+ // add a paging toolbar to the grid's footer
+ var paging = new Ext.PagingToolbar(gridFoot, ds, {
+ pageSize: 25,
+ displayInfo: true,
+ displayMsg: 'Displaying topics {0} - {1} of {2}',
+ emptyMsg: "No topics to display"
+ });
+ // add the detailed view button
+ paging.add('-', {
+ pressed: true,
+ enableToggle:true,
+ text: 'Detailed View',
+ cls: 'x-btn-text-icon details',
+ toggleHandler: toggleDetails
+ });
+
+ // trigger the data store load
+ ds.load({params:{start:0, limit:25}});
+
+ function toggleDetails(btn, pressed){
+ cm.getColumnById('topic').renderer = pressed ? renderTopic : renderTopicPlain;
+ cm.getColumnById('last').renderer = pressed ? renderLast : renderLastPlain;
+ grid.getView().refresh();
+ }
+});
diff --git a/thirdpartyjs/extjs/examples/grid/plants.xml b/thirdpartyjs/extjs/examples/grid/plants.xml
new file mode 100644
index 0000000..dfb0ea5
--- /dev/null
+++ b/thirdpartyjs/extjs/examples/grid/plants.xml
@@ -0,0 +1,327 @@
+
+
+
+ Bloodroot
+ Sanguinaria canadensis
+ 4
+ Mostly Shady
+ 2.44
+ 03/15/2006
+ true
+
+
+ Columbine
+ Aquilegia canadensis
+ 3
+ Mostly Shady
+ 9.37
+ 03/06/2006
+ true
+
+
+ Marsh Marigold
+ Caltha palustris
+ 4
+ Mostly Sunny
+ 6.81
+ 05/17/2006
+ false
+
+
+ Cowslip
+ Caltha palustris
+ 4
+ Mostly Shady
+ 9.90
+ 03/06/2006
+ true
+
+
+ Dutchman's-Breeches
+ Dicentra cucullaria
+ 3
+ Mostly Shady
+ 6.44
+ 01/20/2006
+ true
+
+
+ Ginger, Wild
+ Asarum canadense
+ 3
+ Mostly Shady
+ 9.03
+ 04/18/2006
+ true
+
+
+ Hepatica
+ Hepatica americana
+ 4
+ Mostly Shady
+ 4.45
+ 01/26/2006
+ true
+
+
+ Liverleaf
+ Hepatica americana
+ 4
+ Mostly Shady
+ 3.99
+ 01/02/2006
+ true
+
+
+ Jack-In-The-Pulpit
+ Arisaema triphyllum
+ 4
+ Mostly Shady
+ 3.23
+ 02/01/2006
+ true
+
+
+ Mayapple
+ Podophyllum peltatum
+ 3
+ Mostly Shady
+ 2.98
+ 06/05/2006
+ true
+
+
+ Phlox, Woodland
+ Phlox divaricata
+ 3
+ Sun or Shade
+ 2.80
+ 01/22/2006
+ false
+
+
+ Phlox, Blue
+ Phlox divaricata
+ 3
+ Sun or Shade
+ 5.59
+ 02/16/2006
+ false
+
+
+ Spring-Beauty
+ Claytonia Virginica
+ 7
+ Mostly Shady
+ 6.59
+ 02/01/2006
+ true
+
+
+ Trillium
+ Trillium grandiflorum
+ 5
+ Sun or Shade
+ 3.90
+ 04/29/2006
+ false
+
+
+ Wake Robin
+ Trillium grandiflorum
+ 5
+ Sun or Shade
+ 3.20
+ 02/21/2006
+ false
+
+
+ Violet, Dog-Tooth
+ Erythronium americanum
+ 4
+ Shade
+ 9.04
+ 02/01/2006
+ true
+
+
+ Trout Lily
+ Erythronium americanum
+ 4
+ Shade
+ 6.94
+ 03/24/2006
+ true
+
+
+ Adder's-Tongue
+ Erythronium americanum
+ 4
+ Shade
+ 9.58
+ 04/13/2006
+ true
+
+
+ Anemone
+ Anemone blanda
+ 6
+ Mostly Shady
+ 8.86
+ 12/26/2006
+ true
+
+
+ Grecian Windflower
+ Anemone blanda
+ 6
+ Mostly Shady
+ 9.16
+ 07/10/2006
+ true
+
+
+ Bee Balm
+ Monarda didyma
+ 4
+ Shade
+ 4.59
+ 05/03/2006
+ true
+
+
+ Bergamot
+ Monarda didyma
+ 4
+ Shade
+ 7.16
+ 04/27/2006
+ true
+
+
+ Black-Eyed Susan
+ Rudbeckia hirta
+ Annual
+ Sunny
+ 9.80
+ 06/18/2006
+ false
+
+
+ Buttercup
+ Ranunculus
+ 4
+ Shade
+ 2.57
+ 06/10/2006
+ true
+
+
+ Crowfoot
+ Ranunculus
+ 4
+ Shade
+ 9.34
+ 04/03/2006
+ true
+
+
+ Butterfly Weed
+ Asclepias tuberosa
+ Annual
+ Sunny
+ 2.78
+ 06/30/2006
+ false
+
+
+ Cinquefoil
+ Potentilla
+ Annual
+ Shade
+ 7.06
+ 05/25/2006
+ true
+
+
+ Primrose
+ Oenothera
+ 3 - 5
+ Sunny
+ 6.56
+ 01/30/2006
+ false
+
+
+ Gentian
+ Gentiana
+ 4
+ Sun or Shade
+ 7.81
+ 05/18/2006
+ false
+
+
+ Blue Gentian
+ Gentiana
+ 4
+ Sun or Shade
+ 8.56
+ 05/02/2006
+ false
+
+
+ Jacob's Ladder
+ Polemonium caeruleum
+ Annual
+ Shade
+ 9.26
+ 02/21/2006
+ true
+
+
+ Greek Valerian
+ Polemonium caeruleum
+ Annual
+ Shade
+ 4.36
+ 07/14/2006
+ true
+
+
+ California Poppy
+ Eschscholzia californica
+ Annual
+ Sunny
+ 7.89
+ 03/27/2006
+ false
+
+
+ Shooting Star
+ Dodecatheon
+ Annual
+ Mostly Shady
+ 8.60
+ 05/13/2006
+ true
+
+
+ Snakeroot
+ Cimicifuga
+ Annual
+ Shade
+ 5.63
+ 07/11/2006
+ true
+
+
+ Cardinal Flower
+ Lobelia cardinalis
+ 2
+ Shade
+ 3.02
+ 02/22/2006
+ true
+
+
\ No newline at end of file
diff --git a/thirdpartyjs/extjs/examples/grid/sheldon.xml b/thirdpartyjs/extjs/examples/grid/sheldon.xml
new file mode 100644
index 0000000..2ab61f0
--- /dev/null
+++ b/thirdpartyjs/extjs/examples/grid/sheldon.xml
@@ -0,0 +1,151 @@
+
+
+
+
+
+
+ 18CZWZFXKSV8F601AGMF
+
+
+
+
+
+
+
+
+
+ 1.05041599273682
+
+
+
+ True
+
+ Sidney Sheldon
+ Books
+
+
+ 203
+ 21
+
+ 0446355453
+
+ http://www.amazon.com/gp/redirect.html%3FASIN=0446355453%26tag=ws%26lcode=xm2%26cID=2025%26ccmID=165953%26location=/o/ASIN/0446355453%253FSubscriptionId=1A7XKHR5BYD0WPJVQEG2
+
+
+ Sidney Sheldon
+ Warner Books
+ Book
+ Master of the Game
+
+
+
+ 0446613657
+
+ http://www.amazon.com/gp/redirect.html%3FASIN=0446613657%26tag=ws%26lcode=xm2%26cID=2025%26ccmID=165953%26location=/o/ASIN/0446613657%253FSubscriptionId=1A7XKHR5BYD0WPJVQEG2
+
+
+ Sidney Sheldon
+ Warner Books
+ Book
+ Are You Afraid of the Dark?
+
+
+
+ 0446357421
+
+ http://www.amazon.com/gp/redirect.html%3FASIN=0446357421%26tag=ws%26lcode=xm2%26cID=2025%26ccmID=165953%26location=/o/ASIN/0446357421%253FSubscriptionId=1A7XKHR5BYD0WPJVQEG2
+
+
+ Sidney Sheldon
+ Warner Books
+ Book
+ If Tomorrow Comes
+
+
+
+ 0446607207
+
+ http://www.amazon.com/gp/redirect.html%3FASIN=0446607207%26tag=ws%26lcode=xm2%26cID=2025%26ccmID=165953%26location=/o/ASIN/0446607207%253FSubscriptionId=1A7XKHR5BYD0WPJVQEG2
+
+
+ Sidney Sheldon
+ Warner Vision
+ Book
+ Tell Me Your Dreams
+
+
+
+ 0446357448
+
+ http://www.amazon.com/gp/redirect.html%3FASIN=0446357448%26tag=ws%26lcode=xm2%26cID=2025%26ccmID=165953%26location=/o/ASIN/0446357448%253FSubscriptionId=1A7XKHR5BYD0WPJVQEG2
+
+
+ Sidney Sheldon
+ Warner Books
+ Book
+ Bloodline
+
+
+
+ 0446532673
+
+ http://www.amazon.com/gp/redirect.html%3FASIN=0446532673%26tag=ws%26lcode=xm2%26cID=2025%26ccmID=165953%26location=/o/ASIN/0446532673%253FSubscriptionId=1A7XKHR5BYD0WPJVQEG2
+
+
+ Sidney Sheldon
+ Warner Books
+ Book
+ The Other Side of Me
+
+
+
+ 0446356573
+
+ http://www.amazon.com/gp/redirect.html%3FASIN=0446356573%26tag=ws%26lcode=xm2%26cID=2025%26ccmID=165953%26location=/o/ASIN/0446356573%253FSubscriptionId=1A7XKHR5BYD0WPJVQEG2
+
+
+ Sidney Sheldon
+ Warner Books
+ Book
+ A Stranger in the Mirror
+
+
+
+ 0060198346
+
+ http://www.amazon.com/gp/redirect.html%3FASIN=0060198346%26tag=ws%26lcode=xm2%26cID=2025%26ccmID=165953%26location=/o/ASIN/0060198346%253FSubscriptionId=1A7XKHR5BYD0WPJVQEG2
+
+
+ Sidney Sheldon
+ William Morrow & Company
+ Book
+ The Sky Is Falling
+
+
+
+ 0446354732
+
+ http://www.amazon.com/gp/redirect.html%3FASIN=0446354732%26tag=ws%26lcode=xm2%26cID=2025%26ccmID=165953%26location=/o/ASIN/0446354732%253FSubscriptionId=1A7XKHR5BYD0WPJVQEG2
+
+
+ Sidney Sheldon
+ Warner Books
+ Book
+ Nothing Lasts Forever
+
+
+
+ 0446341916
+
+ http://www.amazon.com/gp/redirect.html%3FASIN=0446341916%26tag=ws%26lcode=xm2%26cID=2025%26ccmID=165953%26location=/o/ASIN/0446341916%253FSubscriptionId=1A7XKHR5BYD0WPJVQEG2
+
+
+ Sidney Sheldon
+ Warner Books
+ Book
+ The Naked Face
+
+
+
+
\ No newline at end of file
diff --git a/thirdpartyjs/extjs/examples/grid/topic.gif b/thirdpartyjs/extjs/examples/grid/topic.gif
new file mode 100644
index 0000000..abcebe5
--- /dev/null
+++ b/thirdpartyjs/extjs/examples/grid/topic.gif
diff --git a/thirdpartyjs/extjs/examples/grid/xml-grid.html b/thirdpartyjs/extjs/examples/grid/xml-grid.html
new file mode 100644
index 0000000..1f37730
--- /dev/null
+++ b/thirdpartyjs/extjs/examples/grid/xml-grid.html
@@ -0,0 +1,31 @@
+
+
+
+XML Grid Example
+
+
+
+
+
+
+
+
+
+
+
+
+
+
XML Grid Example
+
This example shows how to load a grid with XML data. For more details on this example, see the blog post.
+
+
This grid also uses autoHeight and autoWidth to dynamically size to fit it's data and columns.
+
+
Note that the js is not minified so it is readable. See xml-grid.js.
+
+
The data in the grid is loaded from sheldon.xml, which is directly from an Amazon.com search.
+
+
+
+
+
+
diff --git a/thirdpartyjs/extjs/examples/grid/xml-grid.js b/thirdpartyjs/extjs/examples/grid/xml-grid.js
new file mode 100644
index 0000000..19a9ac4
--- /dev/null
+++ b/thirdpartyjs/extjs/examples/grid/xml-grid.js
@@ -0,0 +1,46 @@
+/*
+ * Ext JS Library 1.1 Beta 1
+ * Copyright(c) 2006-2007, Ext JS, LLC.
+ * licensing@extjs.com
+ *
+ * http://www.extjs.com/license
+ */
+
+Ext.onReady(function(){
+
+ // create the Data Store
+ var ds = new Ext.data.Store({
+ // load using HTTP
+ proxy: new Ext.data.HttpProxy({url: 'sheldon.xml'}),
+
+ // the return will be XML, so lets set up a reader
+ reader: new Ext.data.XmlReader({
+ // records will have an "Item" tag
+ record: 'Item',
+ id: 'ASIN',
+ totalRecords: '@total'
+ }, [
+ // set up the fields mapping into the xml doc
+ // The first needs mapping, the others are very basic
+ {name: 'Author', mapping: 'ItemAttributes > Author'},
+ 'Title', 'Manufacturer', 'ProductGroup'
+ ])
+ });
+
+ var cm = new Ext.grid.ColumnModel([
+ {header: "Author", width: 120, dataIndex: 'Author'},
+ {header: "Title", width: 180, dataIndex: 'Title'},
+ {header: "Manufacturer", width: 115, dataIndex: 'Manufacturer'},
+ {header: "Product Group", width: 100, dataIndex: 'ProductGroup'}
+ ]);
+ cm.defaultSortable = true;
+
+ // create the grid
+ var grid = new Ext.grid.Grid('example-grid', {
+ ds: ds,
+ cm: cm
+ });
+ grid.render();
+
+ ds.load();
+});
diff --git a/thirdpartyjs/extjs/examples/info-bg.gif b/thirdpartyjs/extjs/examples/info-bg.gif
new file mode 100644
index 0000000..362d65b
--- /dev/null
+++ b/thirdpartyjs/extjs/examples/info-bg.gif
diff --git a/thirdpartyjs/extjs/examples/layout/complex.html b/thirdpartyjs/extjs/examples/layout/complex.html
new file mode 100644
index 0000000..250f647
--- /dev/null
+++ b/thirdpartyjs/extjs/examples/layout/complex.html
@@ -0,0 +1,153 @@
+
+
+ Complex Layout
+
+
+
+
+
+
+
+
+
+
+
+
+
+ Hi. I'm the west panel.
+
+
+ north - generally for menus, toolbars and/or advertisements
+
+
+ The layout manager will automatically create and/or remove the TabPanel component when a region has more than one panel. Close one of my panels and you can see what I mean.
+
My closable attribute is set to false so you can't close me. The other center panels can be closed.
+
The center panel automatically grows to fit the remaining space in the container that isn't taken up by the border regions.
+
+
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Sed metus nibh, sodales a, porta at, vulputate eget, dui. Pellentesque ut nisl. Maecenas tortor turpis, interdum non, sodales non, iaculis ac, lacus. Vestibulum auctor, tortor quis iaculis malesuada, libero lectus bibendum purus, sit amet tincidunt quam turpis vel lacus. In pellentesque nisl non sem. Suspendisse nunc sem, pretium eget, cursus a, fringilla vel, urna. Aliquam commodo ullamcorper erat. Nullam vel justo in neque porttitor laoreet. Aenean lacus dui, consequat eu, adipiscing eget, nonummy non, nisi. Morbi nunc est, dignissim non, ornare sed, luctus eu, massa. Vivamus eget quam. Vivamus tincidunt diam nec urna. Curabitur velit. Quisque dolor magna, ornare sed, elementum porta, luctus in, leo.
+
Donec quis dui. Sed imperdiet. Nunc consequat, est eu sollicitudin gravida, mauris ligula lacinia mauris, eu porta dui nisl in velit. Nam congue, odio id auctor nonummy, augue lectus euismod nunc, in tristique turpis dolor sed urna. Donec sit amet quam eget diam fermentum pharetra. Integer tincidunt arcu ut purus. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nulla blandit malesuada odio. Nam augue. Aenean molestie sapien in mi. Suspendisse tincidunt. Pellentesque tempus dui vitae sapien. Donec aliquam ipsum sit amet pede. Sed scelerisque mi a erat. Curabitur rutrum ullamcorper risus. Maecenas et lorem ut felis dictum viverra. Fusce sem. Donec pharetra nibh sit amet sapien.
+
Aenean ut orci sed ligula consectetuer pretium. Aliquam odio. Nam pellentesque enim. Nam tincidunt condimentum nisi. Maecenas convallis luctus ligula. Donec accumsan ornare risus. Vestibulum id magna a nunc posuere laoreet. Integer iaculis leo vitae nibh. Nam vulputate, mauris vitae luctus pharetra, pede neque bibendum tellus, facilisis commodo diam nisi eget lacus. Duis consectetuer pulvinar nisi. Cras interdum ultricies sem. Nullam tristique. Suspendisse elementum purus eu nisl. Nulla facilisi. Phasellus ultricies ullamcorper lorem. Sed euismod ante vitae lacus. Nam nunc leo, congue vehicula, luctus ac, tempus non, ante. Morbi suscipit purus a nulla. Sed eu diam.
+
Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Cras imperdiet felis id velit. Ut non quam at sem dictum ullamcorper. Vestibulum pharetra purus sed pede. Aliquam ultrices, nunc in varius mattis, felis justo pretium magna, eget laoreet justo eros id eros. Aliquam elementum diam fringilla nulla. Praesent laoreet sapien vel metus. Cras tempus, sapien condimentum dictum dapibus, lorem augue fringilla orci, ut tincidunt eros nisi eget turpis. Nullam nunc nunc, eleifend et, dictum et, pharetra a, neque. Ut feugiat. Aliquam erat volutpat. Donec pretium odio nec felis. Phasellus sagittis lacus eget sapien. Donec est. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae;
+
Vestibulum semper. Nullam non odio. Aliquam quam. Mauris eu lectus non nunc auctor ullamcorper. Sed tincidunt molestie enim. Phasellus lobortis justo sit amet quam. Duis nulla erat, varius a, cursus in, tempor sollicitudin, mauris. Aliquam mi velit, consectetuer mattis, consequat tristique, pulvinar ac, nisl. Aliquam mattis vehicula elit. Proin quis leo sed tellus scelerisque molestie. Quisque luctus. Integer mattis. Donec id augue sed leo aliquam egestas. Quisque in sem. Donec dictum enim in dolor. Praesent non erat. Nulla ultrices vestibulum quam.
+
Duis hendrerit, est vel lobortis sagittis, tortor erat scelerisque tortor, sed pellentesque sem enim id metus. Maecenas at pede. Nulla velit libero, dictum at, mattis quis, sagittis vel, ante. Phasellus faucibus rutrum dui. Cras mauris elit, bibendum at, feugiat non, porta id, neque. Nulla et felis nec odio mollis vehicula. Donec elementum tincidunt mauris. Duis vel dui. Fusce iaculis enim ac nulla. In risus.
+
Donec gravida. Donec et enim. Morbi sollicitudin, lacus a facilisis pulvinar, odio turpis dapibus elit, in tincidunt turpis felis nec libero. Nam vestibulum tempus ipsum. In hac habitasse platea dictumst. Nulla facilisi. Donec semper ligula. Donec commodo tortor in quam. Etiam massa. Ut tempus ligula eget tellus. Curabitur id velit ut velit varius commodo. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Nulla facilisi. Fusce ornare pellentesque libero. Nunc rhoncus. Suspendisse potenti. Ut consequat, leo eu accumsan vehicula, justo sem lobortis elit, ac sollicitudin ipsum neque nec ante.
+
Aliquam elementum mauris id sem. Vivamus varius, est ut nonummy consectetuer, nulla quam bibendum velit, ac gravida nisi felis sit amet urna. Aliquam nec risus. Maecenas lacinia purus ut velit. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Suspendisse sit amet dui vitae lacus fermentum sodales. Donec varius dapibus nisl. Praesent at velit id risus convallis bibendum. Aliquam felis nibh, rutrum nec, blandit non, mattis sit amet, magna. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Etiam varius dignissim nibh. Quisque id orci ac ante hendrerit molestie. Aliquam malesuada enim non neque.
+
+
+
Done reading me? Close me by clicking the X in the top right corner.
+
Vestibulum semper. Nullam non odio. Aliquam quam. Mauris eu lectus non nunc auctor ullamcorper. Sed tincidunt molestie enim. Phasellus lobortis justo sit amet quam. Duis nulla erat, varius a, cursus in, tempor sollicitudin, mauris. Aliquam mi velit, consectetuer mattis, consequat tristique, pulvinar ac, nisl. Aliquam mattis vehicula elit. Proin quis leo sed tellus scelerisque molestie. Quisque luctus. Integer mattis. Donec id augue sed leo aliquam egestas. Quisque in sem. Donec dictum enim in dolor. Praesent non erat. Nulla ultrices vestibulum quam.
+
Duis hendrerit, est vel lobortis sagittis, tortor erat scelerisque tortor, sed pellentesque sem enim id metus. Maecenas at pede. Nulla velit libero, dictum at, mattis quis, sagittis vel, ante. Phasellus faucibus rutrum dui. Cras mauris elit, bibendum at, feugiat non, porta id, neque. Nulla et felis nec odio mollis vehicula. Donec elementum tincidunt mauris. Duis vel dui. Fusce iaculis enim ac nulla. In risus.
+
Donec gravida. Donec et enim. Morbi sollicitudin, lacus a facilisis pulvinar, odio turpis dapibus elit, in tincidunt turpis felis nec libero. Nam vestibulum tempus ipsum. In hac habitasse platea dictumst. Nulla facilisi. Donec semper ligula. Donec commodo tortor in quam. Etiam massa. Ut tempus ligula eget tellus. Curabitur id velit ut velit varius commodo. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Nulla facilisi. Fusce ornare pellentesque libero. Nunc rhoncus. Suspendisse potenti. Ut consequat, leo eu accumsan vehicula, justo sem lobortis elit, ac sollicitudin ipsum neque nec ante.
+
Aliquam elementum mauris id sem. Vivamus varius, est ut nonummy consectetuer, nulla quam bibendum velit, ac gravida nisi felis sit amet urna. Aliquam nec risus. Maecenas lacinia purus ut velit. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Suspendisse sit amet dui vitae lacus fermentum sodales. Donec varius dapibus nisl. Praesent at velit id risus convallis bibendum. Aliquam felis nibh, rutrum nec, blandit non, mattis sit amet, magna. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Etiam varius dignissim nibh. Quisque id orci ac ante hendrerit molestie. Aliquam malesuada enim non neque.
+
+
+
+
+ south - generally for informational stuff, also could be for status bar
+
This layout uses the gray theme. To make a layout use the gray theme, add the class .xtheme-gray to the body or a container element.
+
Vestibulum semper. Nullam non odio. Aliquam quam. Mauris eu lectus non nunc auctor ullamcorper. Sed tincidunt molestie enim. Phasellus lobortis justo sit amet quam. Duis nulla erat, varius a, cursus in, tempor sollicitudin, mauris. Aliquam mi velit, consectetuer mattis, consequat tristique, pulvinar ac, nisl. Aliquam mattis vehicula elit. Proin quis leo sed tellus scelerisque molestie. Quisque luctus. Integer mattis. Donec id augue sed leo aliquam egestas. Quisque in sem. Donec dictum enim in dolor. Praesent non erat. Nulla ultrices vestibulum quam.
+
Duis hendrerit, est vel lobortis sagittis, tortor erat scelerisque tortor, sed pellentesque sem enim id metus. Maecenas at pede. Nulla velit libero, dictum at, mattis quis, sagittis vel, ante. Phasellus faucibus rutrum dui. Cras mauris elit, bibendum at, feugiat non, porta id, neque. Nulla et felis nec odio mollis vehicula. Donec elementum tincidunt mauris. Duis vel dui. Fusce iaculis enim ac nulla. In risus.
+
Donec gravida. Donec et enim. Morbi sollicitudin, lacus a facilisis pulvinar, odio turpis dapibus elit, in tincidunt turpis felis nec libero. Nam vestibulum tempus ipsum. In hac habitasse platea dictumst. Nulla facilisi. Donec semper ligula. Donec commodo tortor in quam. Etiam massa. Ut tempus ligula eget tellus. Curabitur id velit ut velit varius commodo. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Nulla facilisi. Fusce ornare pellentesque libero. Nunc rhoncus. Suspendisse potenti. Ut consequat, leo eu accumsan vehicula, justo sem lobortis elit, ac sollicitudin ipsum neque nec ante.
+
Aliquam elementum mauris id sem. Vivamus varius, est ut nonummy consectetuer, nulla quam bibendum velit, ac gravida nisi felis sit amet urna. Aliquam nec risus. Maecenas lacinia purus ut velit. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Suspendisse sit amet dui vitae lacus fermentum sodales. Donec varius dapibus nisl. Praesent at velit id risus convallis bibendum. Aliquam felis nibh, rutrum nec, blandit non, mattis sit amet, magna. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Etiam varius dignissim nibh. Quisque id orci ac ante hendrerit molestie. Aliquam malesuada enim non neque.
+
+
+
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Sed metus nibh, sodales a, porta at, vulputate eget, dui. Pellentesque ut nisl. Maecenas tortor turpis, interdum non, sodales non, iaculis ac, lacus. Vestibulum auctor, tortor quis iaculis malesuada, libero lectus bibendum purus, sit amet tincidunt quam turpis vel lacus. In pellentesque nisl non sem. Suspendisse nunc sem, pretium eget, cursus a, fringilla vel, urna. Aliquam commodo ullamcorper erat. Nullam vel justo in neque porttitor laoreet. Aenean lacus dui, consequat eu, adipiscing eget, nonummy non, nisi. Morbi nunc est, dignissim non, ornare sed, luctus eu, massa. Vivamus eget quam. Vivamus tincidunt diam nec urna. Curabitur velit. Quisque dolor magna, ornare sed, elementum porta, luctus in, leo.
+
Donec quis dui. Sed imperdiet. Nunc consequat, est eu sollicitudin gravida, mauris ligula lacinia mauris, eu porta dui nisl in velit. Nam congue, odio id auctor nonummy, augue lectus euismod nunc, in tristique turpis dolor sed urna. Donec sit amet quam eget diam fermentum pharetra. Integer tincidunt arcu ut purus. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nulla blandit malesuada odio. Nam augue. Aenean molestie sapien in mi. Suspendisse tincidunt. Pellentesque tempus dui vitae sapien. Donec aliquam ipsum sit amet pede. Sed scelerisque mi a erat. Curabitur rutrum ullamcorper risus. Maecenas et lorem ut felis dictum viverra. Fusce sem. Donec pharetra nibh sit amet sapien.
+
Aenean ut orci sed ligula consectetuer pretium. Aliquam odio. Nam pellentesque enim. Nam tincidunt condimentum nisi. Maecenas convallis luctus ligula. Donec accumsan ornare risus. Vestibulum id magna a nunc posuere laoreet. Integer iaculis leo vitae nibh. Nam vulputate, mauris vitae luctus pharetra, pede neque bibendum tellus, facilisis commodo diam nisi eget lacus. Duis consectetuer pulvinar nisi. Cras interdum ultricies sem. Nullam tristique. Suspendisse elementum purus eu nisl. Nulla facilisi. Phasellus ultricies ullamcorper lorem. Sed euismod ante vitae lacus. Nam nunc leo, congue vehicula, luctus ac, tempus non, ante. Morbi suscipit purus a nulla. Sed eu diam.
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Sed metus nibh, sodales a, porta at, vulputate eget, dui. Pellentesque ut nisl. Maecenas tortor turpis, interdum non, sodales non, iaculis ac, lacus. Vestibulum auctor, tortor quis iaculis malesuada, libero lectus bibendum purus, sit amet tincidunt quam turpis vel lacus. In pellentesque nisl non sem. Suspendisse nunc sem, pretium eget, cursus a, fringilla vel, urna. Aliquam commodo ullamcorper erat. Nullam vel justo in neque porttitor laoreet. Aenean lacus dui, consequat eu, adipiscing eget, nonummy non, nisi. Morbi nunc est, dignissim non, ornare sed, luctus eu, massa. Vivamus eget quam. Vivamus tincidunt diam nec urna. Curabitur velit. Quisque dolor magna, ornare sed, elementum porta, luctus in, leo.
+
Donec quis dui. Sed imperdiet. Nunc consequat, est eu sollicitudin gravida, mauris ligula lacinia mauris, eu porta dui nisl in velit. Nam congue, odio id auctor nonummy, augue lectus euismod nunc, in tristique turpis dolor sed urna. Donec sit amet quam eget diam fermentum pharetra. Integer tincidunt arcu ut purus. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nulla blandit malesuada odio. Nam augue. Aenean molestie sapien in mi. Suspendisse tincidunt. Pellentesque tempus dui vitae sapien. Donec aliquam ipsum sit amet pede. Sed scelerisque mi a erat. Curabitur rutrum ullamcorper risus. Maecenas et lorem ut felis dictum viverra. Fusce sem. Donec pharetra nibh sit amet sapien.
+
Aenean ut orci sed ligula consectetuer pretium. Aliquam odio. Nam pellentesque enim. Nam tincidunt condimentum nisi. Maecenas convallis luctus ligula. Donec accumsan ornare risus. Vestibulum id magna a nunc posuere laoreet. Integer iaculis leo vitae nibh. Nam vulputate, mauris vitae luctus pharetra, pede neque bibendum tellus, facilisis commodo diam nisi eget lacus. Duis consectetuer pulvinar nisi. Cras interdum ultricies sem. Nullam tristique. Suspendisse elementum purus eu nisl. Nulla facilisi. Phasellus ultricies ullamcorper lorem. Sed euismod ante vitae lacus. Nam nunc leo, congue vehicula, luctus ac, tempus non, ante. Morbi suscipit purus a nulla. Sed eu diam.
+
Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Cras imperdiet felis id velit. Ut non quam at sem dictum ullamcorper. Vestibulum pharetra purus sed pede. Aliquam ultrices, nunc in varius mattis, felis justo pretium magna, eget laoreet justo eros id eros. Aliquam elementum diam fringilla nulla. Praesent laoreet sapien vel metus. Cras tempus, sapien condimentum dictum dapibus, lorem augue fringilla orci, ut tincidunt eros nisi eget turpis. Nullam nunc nunc, eleifend et, dictum et, pharetra a, neque. Ut feugiat. Aliquam erat volutpat. Donec pretium odio nec felis. Phasellus sagittis lacus eget sapien. Donec est. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae;
+
Vestibulum semper. Nullam non odio. Aliquam quam. Mauris eu lectus non nunc auctor ullamcorper. Sed tincidunt molestie enim. Phasellus lobortis justo sit amet quam. Duis nulla erat, varius a, cursus in, tempor sollicitudin, mauris. Aliquam mi velit, consectetuer mattis, consequat tristique, pulvinar ac, nisl. Aliquam mattis vehicula elit. Proin quis leo sed tellus scelerisque molestie. Quisque luctus. Integer mattis. Donec id augue sed leo aliquam egestas. Quisque in sem. Donec dictum enim in dolor. Praesent non erat. Nulla ultrices vestibulum quam.
+
Duis hendrerit, est vel lobortis sagittis, tortor erat scelerisque tortor, sed pellentesque sem enim id metus. Maecenas at pede. Nulla velit libero, dictum at, mattis quis, sagittis vel, ante. Phasellus faucibus rutrum dui. Cras mauris elit, bibendum at, feugiat non, porta id, neque. Nulla et felis nec odio mollis vehicula. Donec elementum tincidunt mauris. Duis vel dui. Fusce iaculis enim ac nulla. In risus.
+
Donec gravida. Donec et enim. Morbi sollicitudin, lacus a facilisis pulvinar, odio turpis dapibus elit, in tincidunt turpis felis nec libero. Nam vestibulum tempus ipsum. In hac habitasse platea dictumst. Nulla facilisi. Donec semper ligula. Donec commodo tortor in quam. Etiam massa. Ut tempus ligula eget tellus. Curabitur id velit ut velit varius commodo. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Nulla facilisi. Fusce ornare pellentesque libero. Nunc rhoncus. Suspendisse potenti. Ut consequat, leo eu accumsan vehicula, justo sem lobortis elit, ac sollicitudin ipsum neque nec ante.
+
Aliquam elementum mauris id sem. Vivamus varius, est ut nonummy consectetuer, nulla quam bibendum velit, ac gravida nisi felis sit amet urna. Aliquam nec risus. Maecenas lacinia purus ut velit. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Suspendisse sit amet dui vitae lacus fermentum sodales. Donec varius dapibus nisl. Praesent at velit id risus convallis bibendum. Aliquam felis nibh, rutrum nec, blandit non, mattis sit amet, magna. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Etiam varius dignissim nibh. Quisque id orci ac ante hendrerit molestie. Aliquam malesuada enim non neque.
+
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Sed metus nibh, sodales a, porta at, vulputate eget, dui. Pellentesque ut nisl. Maecenas tortor turpis, interdum non, sodales non, iaculis ac, lacus. Vestibulum auctor, tortor quis iaculis malesuada, libero lectus bibendum purus, sit amet tincidunt quam turpis vel lacus. In pellentesque nisl non sem. Suspendisse nunc sem, pretium eget, cursus a, fringilla vel, urna. Aliquam commodo ullamcorper erat. Nullam vel justo in neque porttitor laoreet. Aenean lacus dui, consequat eu, adipiscing eget, nonummy non, nisi. Morbi nunc est, dignissim non, ornare sed, luctus eu, massa. Vivamus eget quam. Vivamus tincidunt diam nec urna. Curabitur velit. Quisque dolor magna, ornare sed, elementum porta, luctus in, leo.
+
Donec quis dui. Sed imperdiet. Nunc consequat, est eu sollicitudin gravida, mauris ligula lacinia mauris, eu porta dui nisl in velit. Nam congue, odio id auctor nonummy, augue lectus euismod nunc, in tristique turpis dolor sed urna. Donec sit amet quam eget diam fermentum pharetra. Integer tincidunt arcu ut purus. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nulla blandit malesuada odio. Nam augue. Aenean molestie sapien in mi. Suspendisse tincidunt. Pellentesque tempus dui vitae sapien. Donec aliquam ipsum sit amet pede. Sed scelerisque mi a erat. Curabitur rutrum ullamcorper risus. Maecenas et lorem ut felis dictum viverra. Fusce sem. Donec pharetra nibh sit amet sapien.
+
Aenean ut orci sed ligula consectetuer pretium. Aliquam odio. Nam pellentesque enim. Nam tincidunt condimentum nisi. Maecenas convallis luctus ligula. Donec accumsan ornare risus. Vestibulum id magna a nunc posuere laoreet. Integer iaculis leo vitae nibh. Nam vulputate, mauris vitae luctus pharetra, pede neque bibendum tellus, facilisis commodo diam nisi eget lacus. Duis consectetuer pulvinar nisi. Cras interdum ultricies sem. Nullam tristique. Suspendisse elementum purus eu nisl. Nulla facilisi. Phasellus ultricies ullamcorper lorem. Sed euismod ante vitae lacus. Nam nunc leo, congue vehicula, luctus ac, tempus non, ante. Morbi suscipit purus a nulla. Sed eu diam.
+
Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Cras imperdiet felis id velit. Ut non quam at sem dictum ullamcorper. Vestibulum pharetra purus sed pede. Aliquam ultrices, nunc in varius mattis, felis justo pretium magna, eget laoreet justo eros id eros. Aliquam elementum diam fringilla nulla. Praesent laoreet sapien vel metus. Cras tempus, sapien condimentum dictum dapibus, lorem augue fringilla orci, ut tincidunt eros nisi eget turpis. Nullam nunc nunc, eleifend et, dictum et, pharetra a, neque. Ut feugiat. Aliquam erat volutpat. Donec pretium odio nec felis. Phasellus sagittis lacus eget sapien. Donec est. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae;
+
Vestibulum semper. Nullam non odio. Aliquam quam. Mauris eu lectus non nunc auctor ullamcorper. Sed tincidunt molestie enim. Phasellus lobortis justo sit amet quam. Duis nulla erat, varius a, cursus in, tempor sollicitudin, mauris. Aliquam mi velit, consectetuer mattis, consequat tristique, pulvinar ac, nisl. Aliquam mattis vehicula elit. Proin quis leo sed tellus scelerisque molestie. Quisque luctus. Integer mattis. Donec id augue sed leo aliquam egestas. Quisque in sem. Donec dictum enim in dolor. Praesent non erat. Nulla ultrices vestibulum quam.
+
Duis hendrerit, est vel lobortis sagittis, tortor erat scelerisque tortor, sed pellentesque sem enim id metus. Maecenas at pede. Nulla velit libero, dictum at, mattis quis, sagittis vel, ante. Phasellus faucibus rutrum dui. Cras mauris elit, bibendum at, feugiat non, porta id, neque. Nulla et felis nec odio mollis vehicula. Donec elementum tincidunt mauris. Duis vel dui. Fusce iaculis enim ac nulla. In risus.
+
Donec gravida. Donec et enim. Morbi sollicitudin, lacus a facilisis pulvinar, odio turpis dapibus elit, in tincidunt turpis felis nec libero. Nam vestibulum tempus ipsum. In hac habitasse platea dictumst. Nulla facilisi. Donec semper ligula. Donec commodo tortor in quam. Etiam massa. Ut tempus ligula eget tellus. Curabitur id velit ut velit varius commodo. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Nulla facilisi. Fusce ornare pellentesque libero. Nunc rhoncus. Suspendisse potenti. Ut consequat, leo eu accumsan vehicula, justo sem lobortis elit, ac sollicitudin ipsum neque nec ante.
+
Aliquam elementum mauris id sem. Vivamus varius, est ut nonummy consectetuer, nulla quam bibendum velit, ac gravida nisi felis sit amet urna. Aliquam nec risus. Maecenas lacinia purus ut velit. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Suspendisse sit amet dui vitae lacus fermentum sodales. Donec varius dapibus nisl. Praesent at velit id risus convallis bibendum. Aliquam felis nibh, rutrum nec, blandit non, mattis sit amet, magna. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Etiam varius dignissim nibh. Quisque id orci ac ante hendrerit molestie. Aliquam malesuada enim non neque.
+
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Sed metus nibh, sodales a, porta at, vulputate eget, dui. Pellentesque ut nisl. Maecenas tortor turpis, interdum non, sodales non, iaculis ac, lacus. Vestibulum auctor, tortor quis iaculis malesuada, libero lectus bibendum purus, sit amet tincidunt quam turpis vel lacus. In pellentesque nisl non sem. Suspendisse nunc sem, pretium eget, cursus a, fringilla vel, urna. Aliquam commodo ullamcorper erat. Nullam vel justo in neque porttitor laoreet. Aenean lacus dui, consequat eu, adipiscing eget, nonummy non, nisi. Morbi nunc est, dignissim non, ornare sed, luctus eu, massa. Vivamus eget quam. Vivamus tincidunt diam nec urna. Curabitur velit. Quisque dolor magna, ornare sed, elementum porta, luctus in, leo.
+
Donec quis dui. Sed imperdiet. Nunc consequat, est eu sollicitudin gravida, mauris ligula lacinia mauris, eu porta dui nisl in velit. Nam congue, odio id auctor nonummy, augue lectus euismod nunc, in tristique turpis dolor sed urna. Donec sit amet quam eget diam fermentum pharetra. Integer tincidunt arcu ut purus. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nulla blandit malesuada odio. Nam augue. Aenean molestie sapien in mi. Suspendisse tincidunt. Pellentesque tempus dui vitae sapien. Donec aliquam ipsum sit amet pede. Sed scelerisque mi a erat. Curabitur rutrum ullamcorper risus. Maecenas et lorem ut felis dictum viverra. Fusce sem. Donec pharetra nibh sit amet sapien.
+
Aenean ut orci sed ligula consectetuer pretium. Aliquam odio. Nam pellentesque enim. Nam tincidunt condimentum nisi. Maecenas convallis luctus ligula. Donec accumsan ornare risus. Vestibulum id magna a nunc posuere laoreet. Integer iaculis leo vitae nibh. Nam vulputate, mauris vitae luctus pharetra, pede neque bibendum tellus, facilisis commodo diam nisi eget lacus. Duis consectetuer pulvinar nisi. Cras interdum ultricies sem. Nullam tristique. Suspendisse elementum purus eu nisl. Nulla facilisi. Phasellus ultricies ullamcorper lorem. Sed euismod ante vitae lacus. Nam nunc leo, congue vehicula, luctus ac, tempus non, ante. Morbi suscipit purus a nulla. Sed eu diam.
+
Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Cras imperdiet felis id velit. Ut non quam at sem dictum ullamcorper. Vestibulum pharetra purus sed pede. Aliquam ultrices, nunc in varius mattis, felis justo pretium magna, eget laoreet justo eros id eros. Aliquam elementum diam fringilla nulla. Praesent laoreet sapien vel metus. Cras tempus, sapien condimentum dictum dapibus, lorem augue fringilla orci, ut tincidunt eros nisi eget turpis. Nullam nunc nunc, eleifend et, dictum et, pharetra a, neque. Ut feugiat. Aliquam erat volutpat. Donec pretium odio nec felis. Phasellus sagittis lacus eget sapien. Donec est. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae;
+
Vestibulum semper. Nullam non odio. Aliquam quam. Mauris eu lectus non nunc auctor ullamcorper. Sed tincidunt molestie enim. Phasellus lobortis justo sit amet quam. Duis nulla erat, varius a, cursus in, tempor sollicitudin, mauris. Aliquam mi velit, consectetuer mattis, consequat tristique, pulvinar ac, nisl. Aliquam mattis vehicula elit. Proin quis leo sed tellus scelerisque molestie. Quisque luctus. Integer mattis. Donec id augue sed leo aliquam egestas. Quisque in sem. Donec dictum enim in dolor. Praesent non erat. Nulla ultrices vestibulum quam.
+
Duis hendrerit, est vel lobortis sagittis, tortor erat scelerisque tortor, sed pellentesque sem enim id metus. Maecenas at pede. Nulla velit libero, dictum at, mattis quis, sagittis vel, ante. Phasellus faucibus rutrum dui. Cras mauris elit, bibendum at, feugiat non, porta id, neque. Nulla et felis nec odio mollis vehicula. Donec elementum tincidunt mauris. Duis vel dui. Fusce iaculis enim ac nulla. In risus.
+
Donec gravida. Donec et enim. Morbi sollicitudin, lacus a facilisis pulvinar, odio turpis dapibus elit, in tincidunt turpis felis nec libero. Nam vestibulum tempus ipsum. In hac habitasse platea dictumst. Nulla facilisi. Donec semper ligula. Donec commodo tortor in quam. Etiam massa. Ut tempus ligula eget tellus. Curabitur id velit ut velit varius commodo. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Nulla facilisi. Fusce ornare pellentesque libero. Nunc rhoncus. Suspendisse potenti. Ut consequat, leo eu accumsan vehicula, justo sem lobortis elit, ac sollicitudin ipsum neque nec ante.
+
Aliquam elementum mauris id sem. Vivamus varius, est ut nonummy consectetuer, nulla quam bibendum velit, ac gravida nisi felis sit amet urna. Aliquam nec risus. Maecenas lacinia purus ut velit. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Suspendisse sit amet dui vitae lacus fermentum sodales. Donec varius dapibus nisl. Praesent at velit id risus convallis bibendum. Aliquam felis nibh, rutrum nec, blandit non, mattis sit amet, magna. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Etiam varius dignissim nibh. Quisque id orci ac ante hendrerit molestie. Aliquam malesuada enim non neque.
+
+
+
+
+
diff --git a/thirdpartyjs/extjs/examples/lib.css b/thirdpartyjs/extjs/examples/lib.css
new file mode 100644
index 0000000..3f79f25
--- /dev/null
+++ b/thirdpartyjs/extjs/examples/lib.css
@@ -0,0 +1,20 @@
+/*
+ * Ext JS Library 1.1 Beta 1
+ * Copyright(c) 2006-2007, Ext JS, LLC.
+ * licensing@extjs.com
+ *
+ * http://www.extjs.com/license
+ */
+
+#lib-bar {
+ position:absolute;
+ top:0;
+ right:0;
+ z-index:100;
+}
+#lib-bar-inner {
+ padding:4px;
+}
+#lib-bar * {
+ font-size:11px;
+}
\ No newline at end of file
diff --git a/thirdpartyjs/extjs/examples/locale/PagingMemoryProxy.js b/thirdpartyjs/extjs/examples/locale/PagingMemoryProxy.js
new file mode 100644
index 0000000..2c20ca9
--- /dev/null
+++ b/thirdpartyjs/extjs/examples/locale/PagingMemoryProxy.js
@@ -0,0 +1,87 @@
+/*
+ * Ext JS Library 1.1 Beta 1
+ * Copyright(c) 2006-2007, Ext JS, LLC.
+ * licensing@extjs.com
+ *
+ * http://www.extjs.com/license
+ */
+
+/* Fix for Opera, which does not seem to include the map function on Array's */
+if(!Array.prototype.map){
+ Array.prototype.map = function(fun){
+ var len = this.length;
+ if(typeof fun != "function"){
+ throw new TypeError();
+ }
+ var res = new Array(len);
+ var thisp = arguments[1];
+ for(var i = 0; i < len; i++){
+ if(i in this){
+ res[i] = fun.call(thisp, this[i], i, this);
+ }
+ }
+ return res;
+ };
+}
+
+/* Paging Memory Proxy, allows to use paging grid with in memory dataset */
+Ext.data.PagingMemoryProxy = function(data) {
+ Ext.data.PagingMemoryProxy.superclass.constructor.call(this);
+ this.data = data;
+};
+
+Ext.extend(Ext.data.PagingMemoryProxy, Ext.data.MemoryProxy, {
+ load : function(params, reader, callback, scope, arg) {
+ params = params || {};
+ var result;
+ try {
+ result = reader.readRecords(this.data);
+ }catch(e){
+ this.fireEvent("loadexception", this, arg, null, e);
+ callback.call(scope, null, arg, false);
+ return;
+ }
+
+ // filtering
+ if (params.filter!==undefined) {
+ result.records = result.records.filter(function(el){
+ if (typeof(el)=="object"){
+ var att = params.filterCol || 0;
+ return String(el.data[att]).match(params.filter)?true:false;
+ } else {
+ return String(el).match(params.filter)?true:false;
+ }
+ });
+ result.totalRecords = result.records.length;
+ }
+
+ // sorting
+ if (params.sort!==undefined) {
+ // use integer as params.sort to specify column, since arrays are not named
+ // params.sort=0; would also match a array without columns
+ var dir = String(params.dir).toUpperCase() == "DESC" ? -1 : 1;
+ var fn = function(r1, r2){
+ return r1 < r2;
+ };
+ result.records.sort(function(a, b) {
+ var v = 0;
+ if (typeof(a)=="object"){
+ v = fn(a.data[params.sort], b.data[params.sort]) * dir;
+ } else {
+ v = fn(a, b) * dir;
+ }
+ if (v==0) {
+ v = (a.index < b.index ? -1 : 1);
+ }
+ return v;
+ });
+ }
+
+ // paging (use undefined cause start can also be 0 (thus false))
+ if (params.start!==undefined && params.limit!==undefined) {
+ result.records = result.records.slice(params.start, params.start+params.limit);
+ }
+
+ callback.call(scope, result, arg, true);
+ }
+});
diff --git a/thirdpartyjs/extjs/examples/locale/create_languages_js.py b/thirdpartyjs/extjs/examples/locale/create_languages_js.py
new file mode 100644
index 0000000..031abfb
--- /dev/null
+++ b/thirdpartyjs/extjs/examples/locale/create_languages_js.py
@@ -0,0 +1,58 @@
+#!/usr/bin/env python
+
+import sys, os, re
+
+try:
+ import chardet
+except ImportError:
+ print "You need universal encoding detector for this script"
+ print " http://chardet.feedparser.org or apt-get install python-chardet"
+ sys.exit()
+
+regexp_language = re.compile("\* +(.+) +translation", re.IGNORECASE)
+js_template = """/* This file is automaticly generated by create_language_js.py */
+
+// some data used in the examples
+Ext.namespace('Ext.exampledata');
+
+// TODO: complete and sort the list
+Ext.exampledata.languages = [
+%s
+];
+"""
+
+def lang_name(file):
+ language = os.path.basename(file)
+ m = regexp_language.search(open(file).read(512))
+ if m:
+ language = m.groups()[0]
+ return language
+
+def print_locale(lang_code):
+ print lang_code,
+ sys.stdout.flush()
+ return True
+
+def main():
+ base_dir = "../../src/locale"
+ base_file = lambda f: os.path.join(base_dir, f)
+ try:
+ locales = os.listdir(base_dir)
+ except IOError:
+ print "Cannot find source locale directory: %s ... exiting" % base_dir
+ sys.exit()
+
+ valid_file = lambda e: e.endswith(".js") and e.startswith("ext-lang-")
+ char_set = lambda f: chardet.detect(open(f).read())['encoding']
+ lang_code = lambda f: f[9:f.rfind(".js")]
+ info_set = lambda f: (lang_name(base_file(f)), (lang_code(f), char_set(base_file(f))))
+ locales = dict(info_set(file) for file in locales if valid_file(file) and print_locale(lang_code(file)))
+ print "... done"
+ locale_strarray = ',\n'.join(["\t[%r, %r, %r]" % (code, name, charset) \
+ for name, (code, charset) in sorted(locales.items())])
+ # create languages.js
+ open("languages.js", "w").write(js_template % locale_strarray)
+ print "saved %d languages to languages.js" % len(locales)
+
+if __name__=="__main__":
+ main()
diff --git a/thirdpartyjs/extjs/examples/locale/dutch-form.html b/thirdpartyjs/extjs/examples/locale/dutch-form.html
new file mode 100644
index 0000000..84859ad
--- /dev/null
+++ b/thirdpartyjs/extjs/examples/locale/dutch-form.html
@@ -0,0 +1,41 @@
+
+
+
+
+ Dutch Form
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
Localization with Ext
+
The js is not minified so it is readable. See dutch-form.js.
+
+
+ This demonstrates a dutch location of Ext using the form component. It includes the localization
+ file "ext-lang-nl.js" from the source/locale folder of the Ext download.
+
The js is not minified so it is readable. See multi-lang.js.
+
+
+This demonstrates multiple language with some of the Ext components.
+Select a language from the combobox below (default is english) and try out the components in different languages.
+
+
+
+ Language selector:
+
+
+
+
Email Field
+
+
+
+
+
Localized Email Field
+
+
+
+
+
+
Datepicker
+
+
+
+
+
Localized Datepicker
+
+
+
+
+
+
Grid
+
+
+
+
+
Localized Grid
+
+
+
+
+
+
+
+
diff --git a/thirdpartyjs/extjs/examples/locale/multi-lang.js b/thirdpartyjs/extjs/examples/locale/multi-lang.js
new file mode 100644
index 0000000..3e1d927
--- /dev/null
+++ b/thirdpartyjs/extjs/examples/locale/multi-lang.js
@@ -0,0 +1,124 @@
+/*
+ * Ext JS Library 1.1 Beta 1
+ * Copyright(c) 2006-2007, Ext JS, LLC.
+ * licensing@extjs.com
+ *
+ * http://www.extjs.com/license
+ */
+
+/* multi-lang.js extscript */
+Ext.onReady(function(){
+ Ext.QuickTips.init();
+ Ext.form.Field.prototype.msgTarget = 'side';
+
+ /* Language chooser combobox */
+ var store = new Ext.data.SimpleStore({
+ fields: ['code', 'language', 'charset'],
+ data : Ext.exampledata.languages // from languages.js
+ });
+ var combo = new Ext.form.ComboBox({
+ store: store,
+ displayField:'language',
+ typeAhead: true,
+ mode: 'local',
+ triggerAction: 'all',
+ emptyText:'Select a language...',
+ selectOnFocus:true,
+ onSelect: function(record) {
+ window.location.search = Ext.urlEncode({"lang":record.get("code"),"charset":record.get("charset")});
+ }
+ });
+ combo.applyTo('languages');
+
+ // get the selected language code parameter from url (if exists)
+ var params = Ext.urlDecode(window.location.search.substring(1));
+ if (params.lang) {
+ // check if there's really a language with that language code
+ record = store.data.find(function(item, key) {
+ if (item.data.code==params.lang){
+ return true;
+ }
+ });
+ // if language was found in store assign it as current value in combobox
+ if (record) {
+ combo.setValue(record.data.language);
+ }
+ }
+
+ /* Email field */
+ var efield = new Ext.form.Form({ labelWidth: 75 });
+ efield.add(new Ext.form.TextField({
+ fieldLabel: 'Email',
+ name: 'email',
+ vtype: 'email',
+ width: 175
+ }));
+ efield.render('form-ct');
+
+ /* Datepicker */
+ var efield = new Ext.form.Form({ labelWidth: 75 });
+ efield.add(new Ext.form.DateField({
+ fieldLabel: 'Date',
+ name: 'date',
+ width: 175
+ }));
+ efield.render('form-ct2');
+});
+
+Ext.onReady(function(){
+ // shorthand alias
+ var fm = Ext.form, Ed = Ext.grid.GridEditor;
+ // the column model has information about grid columns
+ // dataIndex maps the column to the specific data field in
+ // the data store (created below)
+ var cm = new Ext.grid.ColumnModel([{
+ header: "Months of the year",
+ dataIndex: 'month',
+ editor: new Ed(new fm.TextField({
+ allowBlank: false
+ })),
+ width: 240
+ }]);
+
+ // by default columns are sortable
+ cm.defaultSortable = true;
+
+ var monthArray = Date.monthNames.map(function (e) { return [e]; });
+
+ // create the Data Store
+ var ds = new Ext.data.Store({
+ proxy: new Ext.data.PagingMemoryProxy(monthArray),
+ reader: new Ext.data.ArrayReader({}, [
+ {name: 'month'}
+ ])
+ });
+
+ // create the editor grid
+ var grid = new Ext.grid.EditorGrid('editor-grid', {
+ ds: ds,
+ cm: cm,
+ selModel: new Ext.grid.RowSelectionModel(),
+ enableColLock:false
+ });
+
+ var layout = Ext.BorderLayout.create({
+ center: {
+ margins:{left:3,top:3,right:3,bottom:3},
+ panels: [new Ext.GridPanel(grid)]
+ }
+ }, 'grid-panel');
+
+ // render it
+ grid.render();
+
+ var gridFoot = grid.getView().getFooterPanel(true);
+
+ // add a paging toolbar to the grid's footer
+ var paging = new Ext.PagingToolbar(gridFoot, ds, {
+ pageSize: 6,
+ displayInfo: false
+ });
+
+ // trigger the data store load
+ ds.load({params:{start:0, limit:6}});
+});
diff --git a/thirdpartyjs/extjs/examples/menu/list-items.gif b/thirdpartyjs/extjs/examples/menu/list-items.gif
new file mode 100644
index 0000000..ecbdfc9
--- /dev/null
+++ b/thirdpartyjs/extjs/examples/menu/list-items.gif
diff --git a/thirdpartyjs/extjs/examples/menu/menu-show.gif b/thirdpartyjs/extjs/examples/menu/menu-show.gif
new file mode 100644
index 0000000..ebfefff
--- /dev/null
+++ b/thirdpartyjs/extjs/examples/menu/menu-show.gif
diff --git a/thirdpartyjs/extjs/examples/menu/menus.css b/thirdpartyjs/extjs/examples/menu/menus.css
new file mode 100644
index 0000000..c7f5a3e
--- /dev/null
+++ b/thirdpartyjs/extjs/examples/menu/menus.css
@@ -0,0 +1,17 @@
+/*
+ * Ext JS Library 1.1 Beta 1
+ * Copyright(c) 2006-2007, Ext JS, LLC.
+ * licensing@extjs.com
+ *
+ * http://www.extjs.com/license
+ */
+
+#container {
+ width:600px;
+ height:300px;
+ border:3px solid #c3daf9;
+}
+
+.calendar .x-menu-item-icon {
+ background-image:url(../../resources/images/default/shared/calendar.gif);
+}
\ No newline at end of file
diff --git a/thirdpartyjs/extjs/examples/menu/menus.html b/thirdpartyjs/extjs/examples/menu/menus.html
new file mode 100644
index 0000000..c5e3318
--- /dev/null
+++ b/thirdpartyjs/extjs/examples/menu/menus.html
@@ -0,0 +1,45 @@
+
+
+
+
+Toolbar with Menus
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
Toolbar with Menus
+
The js is not minified so it is readable. See menus.js.
+
+
+
+
+
+
+
+
diff --git a/thirdpartyjs/extjs/examples/menu/menus.js b/thirdpartyjs/extjs/examples/menu/menus.js
new file mode 100644
index 0000000..5825270
--- /dev/null
+++ b/thirdpartyjs/extjs/examples/menu/menus.js
@@ -0,0 +1,174 @@
+/*
+ * Ext JS Library 1.1 Beta 1
+ * Copyright(c) 2006-2007, Ext JS, LLC.
+ * licensing@extjs.com
+ *
+ * http://www.extjs.com/license
+ */
+
+Ext.onReady(function(){
+ Ext.QuickTips.init();
+
+ // Menus can be prebuilt and passed by reference
+ var dateMenu = new Ext.menu.DateMenu({
+ handler : function(dp, date){
+ Ext.example.msg('Date Selected', 'You chose {0}.', date.format('M j, Y'));
+ }
+ });
+
+ // Menus can be prebuilt and passed by reference
+ var colorMenu = new Ext.menu.ColorMenu({
+ handler : function(cm, color){
+ Ext.example.msg('Color Selected', 'You chose {0}.', color);
+ }
+ });
+
+ var menu = new Ext.menu.Menu({
+ id: 'mainMenu',
+ items: [
+ new Ext.menu.CheckItem({
+ text: 'I like Ext',
+ checked: true,
+ checkHandler: onItemCheck
+ }),
+ new Ext.menu.CheckItem({
+ text: 'Ext for jQuery',
+ checked: true,
+ checkHandler: onItemCheck
+ }),
+ new Ext.menu.CheckItem({
+ text: 'I donated!',
+ checked:false,
+ checkHandler: onItemCheck
+ }), '-', {
+ text: 'Radio Options',
+ menu: { // <-- submenu by nested config object
+ items: [
+ // stick any markup in a menu
+ 'Choose a Theme',
+ new Ext.menu.CheckItem({
+ text: 'Aero Glass',
+ checked: true,
+ group: 'theme',
+ checkHandler: onItemCheck
+ }),
+ new Ext.menu.CheckItem({
+ text: 'Vista Black',
+ group: 'theme',
+ checkHandler: onItemCheck
+ }),
+ new Ext.menu.CheckItem({
+ text: 'Gray Theme',
+ group: 'theme',
+ checkHandler: onItemCheck
+ }),
+ new Ext.menu.CheckItem({
+ text: 'Default Theme',
+ group: 'theme',
+ checkHandler: onItemCheck
+ })
+ ]
+ }
+ },{
+ text: 'Choose a Date',
+ cls: 'calendar',
+ menu: dateMenu // <-- submenu by reference
+ },{
+ text: 'Choose a Color',
+ menu: colorMenu // <-- submenu by reference
+ }
+ ]
+ });
+
+ var tb = new Ext.Toolbar('toolbar');
+ tb.add({
+ cls: 'x-btn-text-icon bmenu', // icon and text class
+ text:'Button w/ Menu',
+ menu: menu // assign menu by instance
+ },
+ new Ext.Toolbar.MenuButton({
+ text: 'Split Button',
+ handler: onButtonClick,
+ tooltip: {text:'This is a QuickTip with autoHide set to false and a title', title:'Tip Title', autoHide:false},
+ cls: 'x-btn-text-icon blist',
+ // Menus can be built/referenced by using nested menu config objects
+ menu : {items: [
+ {text: 'Bold', handler: onItemClick},
+ {text: 'Italic', handler: onItemClick},
+ {text: 'Underline', handler: onItemClick}, '-',{
+ text: 'Pick a Color', handler: onItemClick, menu: {
+ items: [
+ new Ext.menu.ColorItem({selectHandler:function(cp, color){
+ Ext.example.msg('Color Selected', 'You chose {0}.', color);
+ }}), '-',
+ {text:'More Colors...', handler:onItemClick}
+ ]
+ }},
+ {text: 'Extellent!', handler: onItemClick}
+ ]}
+ }), '-', {
+ text: 'Toggle Me',
+ enableToggle: true,
+ toggleHandler: onItemToggle,
+ pressed: true
+ });
+
+ menu.addSeparator();
+ // Menus have a rich api for
+ // adding and removing elements dynamically
+ var item = menu.add({
+ text: 'Dynamically added Item'
+ });
+ // items support full Observable API
+ item.on('click', onItemClick);
+
+ // items can easily be looked up
+ menu.add({
+ text: 'Disabled Item',
+ id: 'disableMe' // <-- Items can also have an id for easy lookup
+ // disabled: true <-- allowed but for sake of example we use long way below
+ });
+ // access items by id or index
+ menu.items.get('disableMe').disable();
+
+ // They can also be referenced by id in or components
+ tb.add('-', {
+ icon: 'list-items.gif', // icons can also be specified inline
+ cls: 'x-btn-icon',
+ tooltip: 'Quick Tips Icon only button with tooltip'
+ }, '-');
+
+ // add a combobox to the toolbar
+ var store = new Ext.data.SimpleStore({
+ fields: ['abbr', 'state'],
+ data : Ext.exampledata.states // from states.js
+ });
+ var combo = new Ext.form.ComboBox({
+ store: store,
+ displayField:'state',
+ typeAhead: true,
+ mode: 'local',
+ triggerAction: 'all',
+ emptyText:'Select a state...',
+ selectOnFocus:true,
+ width:135
+ });
+ tb.addField(combo);
+
+ // functions to display feedback
+ function onButtonClick(btn){
+ Ext.example.msg('Button Click','You clicked the "{0}" button.', btn.text);
+ }
+
+ function onItemClick(item){
+ Ext.example.msg('Menu Click', 'You clicked the "{0}" menu item.', item.text);
+ }
+
+ function onItemCheck(item, checked){
+ Ext.example.msg('Item Check', 'You {1} the "{0}" menu item.', item.text, checked ? 'checked' : 'unchecked');
+ }
+
+ function onItemToggle(item, pressed){
+ Ext.example.msg('Button Toggled', 'Button "{0}" was toggled to {1}.', item.text, pressed);
+ }
+});
\ No newline at end of file
diff --git a/thirdpartyjs/extjs/examples/resizable/basic.css b/thirdpartyjs/extjs/examples/resizable/basic.css
new file mode 100644
index 0000000..6e5b51f
--- /dev/null
+++ b/thirdpartyjs/extjs/examples/resizable/basic.css
@@ -0,0 +1,40 @@
+/*
+ * Ext JS Library 1.1 Beta 1
+ * Copyright(c) 2006-2007, Ext JS, LLC.
+ * licensing@extjs.com
+ *
+ * http://www.extjs.com/license
+ */
+
+#basic, #animated {
+ border:1px solid #c3daf9;
+ color:#1e4e8f;
+ font:bold 14px tahoma,verdana,helvetica;
+ text-align:center;
+ padding-top:20px;
+ width:200px;
+ height:80px;
+}
+#snap {
+ border:1px solid #c3daf9;
+ overflow:hidden;
+}
+#custom {
+ cursor:move;
+}
+#custom-rzwrap{
+ z-index: 10000;
+}
+#custom-rzwrap .x-resizable-handle{
+ width:11px;
+ height:11px;
+ background:transparent url(../../resources/images/sizer/square.gif) no-repeat;
+ margin:0px;
+ line-height:11px;
+}
+#custom-rzwrap .x-resizable-handle-east, #custom-rzwrap .x-resizable-handle-west{
+ top:45%;
+}
+#custom-rzwrap .x-resizable-handle-north, #custom-rzwrap .x-resizable-handle-south{
+ left:45%;
+}
\ No newline at end of file
diff --git a/thirdpartyjs/extjs/examples/resizable/basic.html b/thirdpartyjs/extjs/examples/resizable/basic.html
new file mode 100644
index 0000000..74912c8
--- /dev/null
+++ b/thirdpartyjs/extjs/examples/resizable/basic.html
@@ -0,0 +1,180 @@
+
+
+
+Resizable Examples
+
+
+
+
+
+
+
+
+
+
+
+
+
+
Resizable Examples
+
These examples show how to apply a floating (default) and pinned Resizable component to a standard element.
+
Note that the js is not minified so it is readable. See basic.js for the full source code.
+
+
+ Basic Example
+ This is a basic as you get. To resize the box, position your mouse anywhere near the bottom,
+ right or border right edge of the box. This example uses the default "floating" handles.
+
+
Resize Me!
+
var basic = new Ext.Resizable('basic', {
+ width: 200,
+ height: 100,
+ minWidth:100,
+ minHeight:50
+});
+
+
+ Wrapped Elements
+ Some elements such as images and textareas don't allow child elements. In the past, you had
+ to wrap these elements and set up a Resizable with resize child. As of yui-ext .33 RC2, Resizable will
+ wrap the element, calculate adjustments for borders/padding and offset the handles for you. All you have to
+ do is set "wrap:true". The manual way of specifying a "resizeChild" is still supported as well.
+
+ Pinned Handles
+ Notice this example has the resize handles "pinned". This is done by setting "pinned:true".
+
+ Dynamic Sizing
+ If you don't like the proxy resizing, you can also turn on dynamic sizing. Just set "dynamic:true".
+
+
+ Here's a textarea that is wrapped, has pinned handles and has dynamic sizing turned on.
+
+
+And look how simple the code is, even my grandma could write it.
+
+Preserve Ratio
+ For some things like images, you will probably want to preserve the ratio of width to height. Just set preserveRatio:true.
+
+
+
var wrapped = new Ext.Resizable('wrapped', {
+ wrap:true,
+ pinned:true,
+ minWidth:50,
+ minHeight: 50,
+ preserveRatio: true
+});
+
+
+Transparent Handles
+ If you just want the element to be resizable without any fancy handles, set transparent to true.
+
+
+
var transparent = new Ext.Resizable('transparent', {
+ wrap:true,
+ minWidth:50,
+ minHeight: 50,
+ preserveRatio: true,
+ transparent:true
+});
+
+
+ Customizable Handles
+ Resizable elements are resizable 8 ways. 8 way resizing for a static positioned element will cause the element to be positioned relative and taken out of the document flow. For resizing which adjusts the
+ x and y of the element, the element should be positioned absolute. You can also control which handles are displayed by setting the "handles" attribute.
+ The handles are styled using CSS so they can be customized to look however you would like them to.
+
+
+ This image has 8 way resizing, custom handles, is draggable and 8 way preserved ratio (that wasn't easy!).
+ Double click anywhere on the image to hide it when you are done.
+
+
+
+
var custom = new Ext.Resizable('custom', {
+ wrap:true,
+ pinned:true,
+ minWidth:50,
+ minHeight: 50,
+ preserveRatio: true,
+ dynamic:true,
+ handles: 'all', // shorthand for 'n s e w ne nw se sw'
+ draggable:true
+});
+
+
+ Snapping
+ Resizable also supports basic snapping in increments.
+
+Warning: Snapping and preserveRatio conflict and can not be used together.
+
+
+ Animated Transitions
+ Resize operations can also be animated. Animations support configurable easing and duration.
+ Here's a very basic clone of the first element, but with animation turned on. I used a "backIn"
+ easing and made it a little slower than default.
+
+Warning: for obvious reasons animate and dynamic resizing can not be used together.
+
+
diff --git a/thirdpartyjs/extjs/examples/resizable/basic.js b/thirdpartyjs/extjs/examples/resizable/basic.js
new file mode 100644
index 0000000..7adc548
--- /dev/null
+++ b/thirdpartyjs/extjs/examples/resizable/basic.js
@@ -0,0 +1,92 @@
+/*
+ * Ext JS Library 1.1 Beta 1
+ * Copyright(c) 2006-2007, Ext JS, LLC.
+ * licensing@extjs.com
+ *
+ * http://www.extjs.com/license
+ */
+
+var ResizableExample = {
+ init : function(){
+
+ var basic = new Ext.Resizable('basic', {
+ width: 200,
+ height: 100,
+ minWidth:100,
+ minHeight:50
+ });
+
+ var animated = new Ext.Resizable('animated', {
+ width: 200,
+ pinned: true,
+ height: 100,
+ minWidth:100,
+ minHeight:50,
+ animate:true,
+ easing: 'backIn',
+ duration:.6
+ });
+
+ var wrapped = new Ext.Resizable('wrapped', {
+ wrap:true,
+ pinned:true,
+ minWidth:50,
+ minHeight: 50,
+ preserveRatio: true
+ });
+
+ var transparent = new Ext.Resizable('transparent', {
+ wrap:true,
+ minWidth:50,
+ minHeight: 50,
+ preserveRatio: true,
+ transparent:true
+ });
+
+ var custom = new Ext.Resizable('custom', {
+ wrap:true,
+ pinned:true,
+ minWidth:50,
+ minHeight: 50,
+ preserveRatio: true,
+ handles: 'all',
+ draggable:true,
+ dynamic:true
+ });
+ var customEl = custom.getEl();
+ // move to the body to prevent overlap on my blog
+ document.body.insertBefore(customEl.dom, document.body.firstChild);
+
+ customEl.on('dblclick', function(){
+ customEl.hide(true);
+ });
+ customEl.hide();
+
+ Ext.get('showMe').on('click', function(){
+ customEl.center();
+ customEl.show(true);
+ });
+
+ var dwrapped = new Ext.Resizable('dwrapped', {
+ wrap:true,
+ pinned:true,
+ width:450,
+ height:150,
+ minWidth:200,
+ minHeight: 50,
+ dynamic: true
+ });
+
+ var snap = new Ext.Resizable('snap', {
+ pinned:true,
+ width:250,
+ height:100,
+ handles: 'e',
+ widthIncrement:50,
+ minWidth: 50,
+ dynamic: true
+ });
+ }
+};
+
+Ext.EventManager.onDocumentReady(ResizableExample.init, ResizableExample, true);
\ No newline at end of file
diff --git a/thirdpartyjs/extjs/examples/resizable/sara.jpg b/thirdpartyjs/extjs/examples/resizable/sara.jpg
new file mode 100644
index 0000000..b0f5e0f
--- /dev/null
+++ b/thirdpartyjs/extjs/examples/resizable/sara.jpg
diff --git a/thirdpartyjs/extjs/examples/resizable/sara_and_zack.jpg b/thirdpartyjs/extjs/examples/resizable/sara_and_zack.jpg
new file mode 100644
index 0000000..21a0680
--- /dev/null
+++ b/thirdpartyjs/extjs/examples/resizable/sara_and_zack.jpg
diff --git a/thirdpartyjs/extjs/examples/resizable/zack.jpg b/thirdpartyjs/extjs/examples/resizable/zack.jpg
new file mode 100644
index 0000000..1358be9
--- /dev/null
+++ b/thirdpartyjs/extjs/examples/resizable/zack.jpg
diff --git a/thirdpartyjs/extjs/examples/shared/icons/arrow-down.gif b/thirdpartyjs/extjs/examples/shared/icons/arrow-down.gif
new file mode 100644
index 0000000..954a505
--- /dev/null
+++ b/thirdpartyjs/extjs/examples/shared/icons/arrow-down.gif
diff --git a/thirdpartyjs/extjs/examples/shared/icons/arrow-up.gif b/thirdpartyjs/extjs/examples/shared/icons/arrow-up.gif
new file mode 100644
index 0000000..63039d9
--- /dev/null
+++ b/thirdpartyjs/extjs/examples/shared/icons/arrow-up.gif
diff --git a/thirdpartyjs/extjs/examples/shared/icons/fam/SILK.txt b/thirdpartyjs/extjs/examples/shared/icons/fam/SILK.txt
new file mode 100644
index 0000000..5584ada
--- /dev/null
+++ b/thirdpartyjs/extjs/examples/shared/icons/fam/SILK.txt
@@ -0,0 +1,3 @@
+The icons in this folder are direct gif conversions of the fam fam fam silk icons.
+
+Please see http://www.famfamfam.com/lab/icons/silk/ for more details.
\ No newline at end of file
diff --git a/thirdpartyjs/extjs/examples/shared/icons/fam/add.gif b/thirdpartyjs/extjs/examples/shared/icons/fam/add.gif
new file mode 100644
index 0000000..9319525
--- /dev/null
+++ b/thirdpartyjs/extjs/examples/shared/icons/fam/add.gif
diff --git a/thirdpartyjs/extjs/examples/shared/icons/fam/connect.png b/thirdpartyjs/extjs/examples/shared/icons/fam/connect.png
new file mode 100644
index 0000000..024138e
--- /dev/null
+++ b/thirdpartyjs/extjs/examples/shared/icons/fam/connect.png
diff --git a/thirdpartyjs/extjs/examples/shared/icons/fam/cross.gif b/thirdpartyjs/extjs/examples/shared/icons/fam/cross.gif
new file mode 100644
index 0000000..2eb2865
--- /dev/null
+++ b/thirdpartyjs/extjs/examples/shared/icons/fam/cross.gif
diff --git a/thirdpartyjs/extjs/examples/shared/icons/fam/delete.gif b/thirdpartyjs/extjs/examples/shared/icons/fam/delete.gif
new file mode 100644
index 0000000..5e2a3b1
--- /dev/null
+++ b/thirdpartyjs/extjs/examples/shared/icons/fam/delete.gif
diff --git a/thirdpartyjs/extjs/examples/shared/icons/fam/grid.png b/thirdpartyjs/extjs/examples/shared/icons/fam/grid.png
new file mode 100644
index 0000000..c4da495
--- /dev/null
+++ b/thirdpartyjs/extjs/examples/shared/icons/fam/grid.png
diff --git a/thirdpartyjs/extjs/examples/shared/icons/fam/plugin.gif b/thirdpartyjs/extjs/examples/shared/icons/fam/plugin.gif
new file mode 100644
index 0000000..209c121
--- /dev/null
+++ b/thirdpartyjs/extjs/examples/shared/icons/fam/plugin.gif
diff --git a/thirdpartyjs/extjs/examples/shared/icons/fam/plugin_add.gif b/thirdpartyjs/extjs/examples/shared/icons/fam/plugin_add.gif
new file mode 100644
index 0000000..5c95312
--- /dev/null
+++ b/thirdpartyjs/extjs/examples/shared/icons/fam/plugin_add.gif
diff --git a/thirdpartyjs/extjs/examples/shared/icons/fam/user.png b/thirdpartyjs/extjs/examples/shared/icons/fam/user.png
new file mode 100644
index 0000000..79f35cc
--- /dev/null
+++ b/thirdpartyjs/extjs/examples/shared/icons/fam/user.png
diff --git a/thirdpartyjs/extjs/examples/shared/icons/fam/user_add.png b/thirdpartyjs/extjs/examples/shared/icons/fam/user_add.png
new file mode 100644
index 0000000..deae99b
--- /dev/null
+++ b/thirdpartyjs/extjs/examples/shared/icons/fam/user_add.png
diff --git a/thirdpartyjs/extjs/examples/shared/icons/fam/user_comment.png b/thirdpartyjs/extjs/examples/shared/icons/fam/user_comment.png
new file mode 100644
index 0000000..e54ebeb
--- /dev/null
+++ b/thirdpartyjs/extjs/examples/shared/icons/fam/user_comment.png
diff --git a/thirdpartyjs/extjs/examples/shared/icons/fam/user_delete.png b/thirdpartyjs/extjs/examples/shared/icons/fam/user_delete.png
new file mode 100644
index 0000000..acbb563
--- /dev/null
+++ b/thirdpartyjs/extjs/examples/shared/icons/fam/user_delete.png
diff --git a/thirdpartyjs/extjs/examples/shared/icons/fam/user_edit.png b/thirdpartyjs/extjs/examples/shared/icons/fam/user_edit.png
new file mode 100644
index 0000000..c1974cd
--- /dev/null
+++ b/thirdpartyjs/extjs/examples/shared/icons/fam/user_edit.png
diff --git a/thirdpartyjs/extjs/examples/shared/icons/fam/user_female.png b/thirdpartyjs/extjs/examples/shared/icons/fam/user_female.png
new file mode 100644
index 0000000..7c71de0
--- /dev/null
+++ b/thirdpartyjs/extjs/examples/shared/icons/fam/user_female.png
diff --git a/thirdpartyjs/extjs/examples/shared/icons/fam/user_gray.png b/thirdpartyjs/extjs/examples/shared/icons/fam/user_gray.png
new file mode 100644
index 0000000..8fd539e
--- /dev/null
+++ b/thirdpartyjs/extjs/examples/shared/icons/fam/user_gray.png
diff --git a/thirdpartyjs/extjs/examples/shared/icons/fam/user_green.png b/thirdpartyjs/extjs/examples/shared/icons/fam/user_green.png
new file mode 100644
index 0000000..30383c2
--- /dev/null
+++ b/thirdpartyjs/extjs/examples/shared/icons/fam/user_green.png
diff --git a/thirdpartyjs/extjs/examples/shared/icons/fam/user_orange.png b/thirdpartyjs/extjs/examples/shared/icons/fam/user_orange.png
new file mode 100644
index 0000000..b818127
--- /dev/null
+++ b/thirdpartyjs/extjs/examples/shared/icons/fam/user_orange.png
diff --git a/thirdpartyjs/extjs/examples/shared/icons/fam/user_red.png b/thirdpartyjs/extjs/examples/shared/icons/fam/user_red.png
new file mode 100644
index 0000000..c6f66e8
--- /dev/null
+++ b/thirdpartyjs/extjs/examples/shared/icons/fam/user_red.png
diff --git a/thirdpartyjs/extjs/examples/shared/icons/fam/user_suit.png b/thirdpartyjs/extjs/examples/shared/icons/fam/user_suit.png
new file mode 100644
index 0000000..b3454e1
--- /dev/null
+++ b/thirdpartyjs/extjs/examples/shared/icons/fam/user_suit.png
diff --git a/thirdpartyjs/extjs/examples/shared/icons/save.gif b/thirdpartyjs/extjs/examples/shared/icons/save.gif
new file mode 100644
index 0000000..8174749
--- /dev/null
+++ b/thirdpartyjs/extjs/examples/shared/icons/save.gif
diff --git a/thirdpartyjs/extjs/examples/tabs/ajax1.htm b/thirdpartyjs/extjs/examples/tabs/ajax1.htm
new file mode 100644
index 0000000..ff723e8
--- /dev/null
+++ b/thirdpartyjs/extjs/examples/tabs/ajax1.htm
@@ -0,0 +1,3 @@
+
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.
Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure.
+
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.
Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure.
+
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.
Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure.
diff --git a/thirdpartyjs/extjs/examples/tabs/ajax2.htm b/thirdpartyjs/extjs/examples/tabs/ajax2.htm
new file mode 100644
index 0000000..8bb27c2
--- /dev/null
+++ b/thirdpartyjs/extjs/examples/tabs/ajax2.htm
@@ -0,0 +1,7 @@
+I'm am content loaded via AJAX. I was set up using the setUrl() method on my Ext.TabPanelItem object:
+
+Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure.
+Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure.
+Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure.
diff --git a/thirdpartyjs/extjs/examples/tabs/tabs-adv.html b/thirdpartyjs/extjs/examples/tabs/tabs-adv.html
new file mode 100644
index 0000000..25517e0
--- /dev/null
+++ b/thirdpartyjs/extjs/examples/tabs/tabs-adv.html
@@ -0,0 +1,35 @@
+
+
+
+Tabs Example
+
+
+
+
+
+
+
+
+
+
+
+
+
+
Tab Panel Example 2
+
Note that the js and css is not minified so it is readable. See tabs-adv.js for the tab creation code
+and tabs-example.css for the css.
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Sed metus nibh, sodales a, porta at, vulputate eget, dui. Pellentesque ut nisl. Maecenas tortor turpis, interdum non, sodales non, iaculis ac, lacus. Vestibulum auctor, tortor quis iaculis malesuada, libero lectus bibendum purus, sit amet tincidunt quam turpis vel lacus. In pellentesque nisl non sem. Suspendisse nunc sem, pretium eget, cursus a, fringilla vel, urna. Aliquam commodo ullamcorper erat. Nullam vel justo in neque porttitor laoreet. Aenean lacus dui, consequat eu, adipiscing eget, nonummy non, nisi. Morbi nunc est, dignissim non, ornare sed, luctus eu, massa. Vivamus eget quam. Vivamus tincidunt diam nec urna. Curabitur velit. Quisque dolor magna, ornare sed, elementum porta, luctus in, leo.
+
Donec quis dui. Sed imperdiet. Nunc consequat, est eu sollicitudin gravida, mauris ligula lacinia mauris, eu porta dui nisl in velit. Nam congue, odio id auctor nonummy, augue lectus euismod nunc, in tristique turpis dolor sed urna. Donec sit amet quam eget diam fermentum pharetra. Integer tincidunt arcu ut purus. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nulla blandit malesuada odio. Nam augue. Aenean molestie sapien in mi. Suspendisse tincidunt. Pellentesque tempus dui vitae sapien. Donec aliquam ipsum sit amet pede. Sed scelerisque mi a erat. Curabitur rutrum ullamcorper risus. Maecenas et lorem ut felis dictum viverra. Fusce sem. Donec pharetra nibh sit amet sapien.
+
Aenean ut orci sed ligula consectetuer pretium. Aliquam odio. Nam pellentesque enim. Nam tincidunt condimentum nisi. Maecenas convallis luctus ligula. Donec accumsan ornare risus. Vestibulum id magna a nunc posuere laoreet. Integer iaculis leo vitae nibh. Nam vulputate, mauris vitae luctus pharetra, pede neque bibendum tellus, facilisis commodo diam nisi eget lacus. Duis consectetuer pulvinar nisi. Cras interdum ultricies sem. Nullam tristique. Suspendisse elementum purus eu nisl. Nulla facilisi. Phasellus ultricies ullamcorper lorem. Sed euismod ante vitae lacus. Nam nunc leo, congue vehicula, luctus ac, tempus non, ante. Morbi suscipit purus a nulla. Sed eu diam.
+
+
+
+
+
\ No newline at end of file
diff --git a/thirdpartyjs/extjs/examples/tabs/tabs-adv.js b/thirdpartyjs/extjs/examples/tabs/tabs-adv.js
new file mode 100644
index 0000000..e876bdd
--- /dev/null
+++ b/thirdpartyjs/extjs/examples/tabs/tabs-adv.js
@@ -0,0 +1,29 @@
+/*
+ * Ext JS Library 1.1 Beta 1
+ * Copyright(c) 2006-2007, Ext JS, LLC.
+ * licensing@extjs.com
+ *
+ * http://www.extjs.com/license
+ */
+
+Ext.onReady(function(){
+ var tabs = new Ext.TabPanel('tab-panel1', {
+ resizeTabs:true, // turn on tab resizing
+ minTabWidth: 20,
+ preferredTabWidth:150
+ });
+
+ tabs.addTab('root-tab', 'Home Tab');
+ tabs.activate(0);
+
+ var content = Ext.getDom('content').innerHTML; // bogus markup for tabs
+ var index = 0;
+ Ext.get('add-link').on('click', function(){
+ tabs.addTab(
+ Ext.id(),
+ 'New Tab ' + (++index),
+ 'Tab Body ' + index + content,
+ true
+ );
+ });
+});
\ No newline at end of file
diff --git a/thirdpartyjs/extjs/examples/tabs/tabs-example.css b/thirdpartyjs/extjs/examples/tabs/tabs-example.css
new file mode 100644
index 0000000..e7d0ecd
--- /dev/null
+++ b/thirdpartyjs/extjs/examples/tabs/tabs-example.css
@@ -0,0 +1,36 @@
+/*
+ * Ext JS Library 1.1 Beta 1
+ * Copyright(c) 2006-2007, Ext JS, LLC.
+ * licensing@extjs.com
+ *
+ * http://www.extjs.com/license
+ */
+
+.list {list-style:square;width:500px;padding-left:16px;}
+.list li{padding:2px;font-size:8pt;}
+
+/* hide the tab content while loading */
+.tab-content{display:none;}
+
+pre {
+ font-size:11px;
+}
+
+#tabs1 {width:400px;}
+#tabs1 .x-tabs-item-body {display:none;padding:10px;}
+
+#jtabs {width:600px;}
+#jtabs .x-tabs-body {height:200px;overflow:auto;}
+#jtabs .x-tabs-item-body {display:none;padding:10px;font-size:11px;}
+
+/* default loading indicator for ajax calls */
+.loading-indicator {
+ font-size:8pt;
+ background-image:url('../../resources/images/grid/loading.gif');
+ background-repeat: no-repeat;
+ background-position: left;
+ padding-left:20px;
+}
+
+#tab-panel1 .x-tabs-body {height:300px;overflow:auto;}
+#tab-panel1 .x-tabs-item-body {padding:10px;}
\ No newline at end of file
diff --git a/thirdpartyjs/extjs/examples/tabs/tabs-example.js b/thirdpartyjs/extjs/examples/tabs/tabs-example.js
new file mode 100644
index 0000000..e6b739c
--- /dev/null
+++ b/thirdpartyjs/extjs/examples/tabs/tabs-example.js
@@ -0,0 +1,41 @@
+/*
+ * Ext JS Library 1.1 Beta 1
+ * Copyright(c) 2006-2007, Ext JS, LLC.
+ * licensing@extjs.com
+ *
+ * http://www.extjs.com/license
+ */
+
+var TabsExample = {
+ init : function(){
+ // basic tabs 1, built from existing content
+ var tabs = new Ext.TabPanel('tabs1');
+ tabs.addTab('script', "View Script");
+ tabs.addTab('markup', "View Markup");
+ tabs.activate('script');
+
+ // second tabs built from JS
+ var jtabs = new Ext.TabPanel('jtabs');
+ jtabs.addTab('jtabs-1', "Normal Tab", "My content was added during construction.");
+
+ var tab2 = jtabs.addTab('jtabs-2', "Ajax Tab 1");
+ var updater = tab2.getUpdateManager();
+ updater.setDefaultUrl('ajax1.htm');
+ tab2.on('activate', updater.refresh, updater, true);
+
+ var tab3 = jtabs.addTab('jtabs-3', "Ajax Tab 2");
+ tab3.setUrl('ajax2.htm', null, true);
+
+ var tab4 = jtabs.addTab('jtabs-4', "Event Tab");
+ tab4.setContent("I am tab 4's content. My content was set with setContent() after I was created. I also have an event listener attached.");
+ tab4.on('activate', function(){
+ alert('Tab 4 was activated.');
+ });
+
+ jtabs.addTab('tabs1-5', "Disabled Tab", "Can't see me cause I'm disabled");
+ jtabs.disableTab('tabs1-5');
+
+ jtabs.activate('jtabs-1');
+ }
+}
+Ext.EventManager.onDocumentReady(TabsExample.init, TabsExample, true);
\ No newline at end of file
diff --git a/thirdpartyjs/extjs/examples/tabs/tabs.html b/thirdpartyjs/extjs/examples/tabs/tabs.html
new file mode 100644
index 0000000..6a231c6
--- /dev/null
+++ b/thirdpartyjs/extjs/examples/tabs/tabs.html
@@ -0,0 +1,75 @@
+
+
+
+
+ Tabs Example
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
Tab Panel Examples
+
Note that the js and css is not minified so it is readable. See tabs-example.js for the tab creation code
+and tabs-example.css for the css.
+
+
Tabs without fixed height that resize to the content. Built from existing markup.
Tabs with fixed height that scroll the content. Built entirely with javascript.
+
+
Tab 1 is a normal tab with content passed when adding it.
+
Tab 2 is loaded via Ajax. It was set up using the standard UpdateManager functionality. It reloads it's content every time it's activated.
+
Tab 3 is loaded via Ajax too. It was set up using setUrl() a convenience method that will do everything done on tab 2 and also has the ability to set it to load only once.
This is a piece of the application we use to build the Ext dependency tree.
+ Key features it demonstrates:
+ * Restrictive drag and drop of nodes from tree to tree
+ * Restrictive reordering of nodes
+ * Loading and saving to/from different structures
+ * Dynamic tree context menu
+ * Inline editing of tree nodes
+ * Custom tree styles with CSS
+
+
The js is not minified so it is readable. See dependency.js.
This example shows demonstrates how you can drop anything into the tree.
+
This example also shows how a customized DragZone can be
+applied to a JsonView to get automatic lightweight drag and drop of asynchronously loaded data.
+
The js is not minified so it is readable. See organizer.js. The multi image drag drop added a little complexity to the code, but hopefully it is still easy to follow.
+
For simplicity, there is no validation on the names you enter in the tree node editor and you can drag the same picture
+into an album as many times as you want.
+
Hold shift/control to select multiple images in the main images view. You can drag those images into the tree.
+
+
+
+
+
diff --git a/thirdpartyjs/extjs/examples/tree/organizer.js b/thirdpartyjs/extjs/examples/tree/organizer.js
new file mode 100644
index 0000000..d303127
--- /dev/null
+++ b/thirdpartyjs/extjs/examples/tree/organizer.js
@@ -0,0 +1,250 @@
+/*
+ * Ext JS Library 1.1 Beta 1
+ * Copyright(c) 2006-2007, Ext JS, LLC.
+ * licensing@extjs.com
+ *
+ * http://www.extjs.com/license
+ */
+
+Ext.tree.TreeNodeUI.prototype.initEvents =
+Ext.tree.TreeNodeUI.prototype.initEvents.createSequence(function(){
+ if(this.node.attributes.tipCfg){
+ var o = this.node.attributes.tipCfg;
+ o.target = Ext.id(this.textNode);
+ Ext.QuickTips.register(o);
+ }
+});
+
+var TreeTest = function(){
+ // shorthand
+ var Tree = Ext.tree;
+ var newIndex = 3;
+
+ return {
+ init : function(){
+ Ext.QuickTips.init();
+ var layout = new Ext.BorderLayout('layout', {
+ west: {
+ initialSize:200,
+ split:true,
+ titlebar:true
+ },
+ center: {
+ alwaysShowTabs:true,
+ tabPosition:'top'
+ }
+ });
+
+ var albums = layout.getEl().createChild({tag:'div', id:'albums'});
+ var tb = new Ext.Toolbar(albums.createChild({tag:'div'}));
+ tb.addButton({
+ text: 'New Album',
+ cls: 'x-btn-text-icon album-btn',
+ handler: function(){
+ var node = root.appendChild(new Tree.TreeNode({
+ text:'Album ' + (++newIndex),
+ cls:'album-node',
+ allowDrag:false
+ }));
+ tree.getSelectionModel().select(node);
+ setTimeout(function(){
+ ge.editNode = node;
+ ge.startEdit(node.ui.textNode);
+ }, 10);
+ }
+ });
+ var viewEl = albums.createChild({tag:'div', id:'folders'});
+
+ var folders = layout.add('west', new Ext.ContentPanel(albums, {
+ title:'My Albums',
+ fitToFrame:true,
+ autoScroll:true,
+ autoCreate:true,
+ toolbar: tb,
+ resizeEl:viewEl
+ }));
+
+ var images = layout.add('center', new Ext.ContentPanel('images', {
+ title:'My Images',
+ fitToFrame:true,
+ autoScroll:true,
+ autoCreate:true
+ }));
+ var imgBody = images.getEl();
+
+ var tree = new Tree.TreePanel(viewEl, {
+ animate:true,
+ enableDD:true,
+ containerScroll: true,
+ ddGroup: 'organizerDD',
+ rootVisible:false
+ });
+ var root = new Tree.TreeNode({
+ text: 'Albums',
+ allowDrag:false,
+ allowDrop:false
+ });
+ tree.setRootNode(root);
+
+ root.appendChild(
+ new Tree.TreeNode({text:'Album 1', cls:'album-node', allowDrag:false}),
+ new Tree.TreeNode({text:'Album 2', cls:'album-node', allowDrag:false}),
+ new Tree.TreeNode({text:'Album 3', cls:'album-node', allowDrag:false})
+ );
+
+ tree.render();
+ root.expand();
+
+ // add an inline editor for the nodes
+ var ge = new Ext.tree.TreeEditor(tree, {
+ allowBlank:false,
+ blankText:'A name is required',
+ selectOnFocus:true
+ });
+
+ // create the required templates
+ var tpl = new Ext.Template(
+ '
'
+ );
+ qtipTpl.compile();
+
+ // initialize the View
+ var view = new Ext.JsonView(imgBody, tpl, {
+ multiSelect: true,
+ jsonRoot: 'images'
+ });
+
+ var lookup = {};
+
+ view.prepareData = function(data){
+ data.shortName = data.name.ellipse(15);
+ data.sizeString = (Math.round(((data.size*10) / 1024))/10) + " KB";
+ //data.dateString = new Date(data.lastmod).format("m/d/Y g:i a");
+ data.qtip = new String(qtipTpl.applyTemplate(data));
+ lookup[data.name] = data;
+ return data;
+ };
+
+ var dragZone = new ImageDragZone(view, {containerScroll:true,
+ ddGroup: 'organizerDD'});
+
+ view.load({
+ url: '../view/get-images.php'
+ });
+
+ var rz = new Ext.Resizable('layout', {
+ wrap:true,
+ pinned:true,
+ adjustments:[-6,-6],
+ minWidth:300
+ });
+ rz.on('resize', function(){
+ layout.layout();
+ });
+ rz.resizeTo(650, 350);
+ }
+ };
+}();
+
+Ext.EventManager.onDocumentReady(TreeTest.init, TreeTest, true);
+
+/**
+ * Create a DragZone instance for our JsonView
+ */
+ImageDragZone = function(view, config){
+ this.view = view;
+ ImageDragZone.superclass.constructor.call(this, view.getEl(), config);
+};
+Ext.extend(ImageDragZone, Ext.dd.DragZone, {
+ // We don't want to register our image elements, so let's
+ // override the default registry lookup to fetch the image
+ // from the event instead
+ getDragData : function(e){
+ e = Ext.EventObject.setEvent(e);
+ var target = e.getTarget('.thumb-wrap');
+ if(target){
+ var view = this.view;
+ if(!view.isSelected(target)){
+ view.select(target, e.ctrlKey);
+ }
+ var selNodes = view.getSelectedNodes();
+ var dragData = {
+ nodes: selNodes
+ };
+ if(selNodes.length == 1){
+ dragData.ddel = target.firstChild.firstChild; // the img element
+ dragData.single = true;
+ }else{
+ var div = document.createElement('div'); // create the multi element drag "ghost"
+ div.className = 'multi-proxy';
+ for(var i = 0, len = selNodes.length; i < len; i++){
+ div.appendChild(selNodes[i].firstChild.firstChild.cloneNode(true));
+ if((i+1) % 3 == 0){
+ div.appendChild(document.createElement('br'));
+ }
+ }
+ dragData.ddel = div;
+ dragData.multi = true;
+ }
+ return dragData;
+ }
+ return false;
+ },
+
+ // this method is called by the TreeDropZone after a node drop
+ // to get the new tree node (there are also other way, but this is easiest)
+ getTreeNode : function(){
+ var treeNodes = [];
+ var nodeData = this.view.getNodeData(this.dragData.nodes);
+ for(var i = 0, len = nodeData.length; i < len; i++){
+ var data = nodeData[i];
+ treeNodes.push(new Ext.tree.TreeNode({
+ text: data.name,
+ icon: data.url,
+ data: data,
+ leaf:true,
+ cls: 'image-node',
+ qtip: data.qtip
+ }));
+ }
+ return treeNodes;
+ },
+
+ // the default action is to "highlight" after a bad drop
+ // but since an image can't be highlighted, let's frame it
+ afterRepair:function(){
+ for(var i = 0, len = this.dragData.nodes.length; i < len; i++){
+ Ext.fly(this.dragData.nodes[i]).frame('#8db2e3', 1);
+ }
+ this.dragging = false;
+ },
+
+ // override the default repairXY with one offset for the margins and padding
+ getRepairXY : function(e){
+ if(!this.dragData.multi){
+ var xy = Ext.Element.fly(this.dragData.ddel).getXY();
+ xy[0]+=3;xy[1]+=3;
+ return xy;
+ }
+ return false;
+ }
+});
+
+// Utility functions
+
+String.prototype.ellipse = function(maxLength){
+ if(this.length > maxLength){
+ return this.substr(0, maxLength-3) + '...';
+ }
+ return this;
+};
\ No newline at end of file
diff --git a/thirdpartyjs/extjs/examples/tree/reorder.html b/thirdpartyjs/extjs/examples/tree/reorder.html
new file mode 100644
index 0000000..e7cf447
--- /dev/null
+++ b/thirdpartyjs/extjs/examples/tree/reorder.html
@@ -0,0 +1,27 @@
+
+
+
+Reorder TreePanel
+
+
+
+
+
+
+
+
+
+
+
+
Drag and Drop ordering in a TreePanel
+
This example shows basic drag and drop node moving in a tree. In this implementation there are no restrictions and
+anything can be dropped anywhere except appending to nodes marked "leaf" (the files).
+
Drag along the edge of the tree to trigger auto scrolling while performing a drag and drop.
+
In order to demonstrate drag and drop insertion points, sorting was not enabled.
+
The data for this tree is asynchronously loaded with a JSON TreeLoader.
+
The js is not minified so it is readable. See reorder.js.
+
+
+
+
+
diff --git a/thirdpartyjs/extjs/examples/tree/reorder.js b/thirdpartyjs/extjs/examples/tree/reorder.js
new file mode 100644
index 0000000..4f10d1b
--- /dev/null
+++ b/thirdpartyjs/extjs/examples/tree/reorder.js
@@ -0,0 +1,31 @@
+/*
+ * Ext JS Library 1.1 Beta 1
+ * Copyright(c) 2006-2007, Ext JS, LLC.
+ * licensing@extjs.com
+ *
+ * http://www.extjs.com/license
+ */
+
+Ext.onReady(function(){
+ // shorthand
+ var Tree = Ext.tree;
+
+ var tree = new Tree.TreePanel('tree-div', {
+ animate:true,
+ loader: new Tree.TreeLoader({dataUrl:'get-nodes.php'}),
+ enableDD:true,
+ containerScroll: true
+ });
+
+ // set the root node
+ var root = new Tree.AsyncTreeNode({
+ text: 'Ext JS',
+ draggable:false,
+ id:'source'
+ });
+ tree.setRootNode(root);
+
+ // render the tree
+ tree.render();
+ root.expand();
+});
\ No newline at end of file
diff --git a/thirdpartyjs/extjs/examples/tree/save-dep.php b/thirdpartyjs/extjs/examples/tree/save-dep.php
new file mode 100644
index 0000000..d8d4d8f
--- /dev/null
+++ b/thirdpartyjs/extjs/examples/tree/save-dep.php
@@ -0,0 +1,4 @@
+
\ No newline at end of file
diff --git a/thirdpartyjs/extjs/examples/tree/two-trees.html b/thirdpartyjs/extjs/examples/tree/two-trees.html
new file mode 100644
index 0000000..3527ff4
--- /dev/null
+++ b/thirdpartyjs/extjs/examples/tree/two-trees.html
@@ -0,0 +1,43 @@
+
+
+
+Drag and Drop between 2 TreePanels
+
+
+
+
+
+
+
+
+
+
+
+
+
Drag and Drop betweens two TreePanels
+
The TreePanels have a TreeSorter applied in "folderSort" mode.
+
Both TreePanels are in "appendOnly" drop mode since they are sorted.
+
Drag along the edge of the tree to trigger auto scrolling while performing a drag and drop.
+
The data for this tree is asynchronously loaded with a JSON TreeLoader.
+
The js is not minified so it is readable. See two-trees.js.
This example demonstrates how to use some of the advanced features of a JsonView. It also shows how
+ to use the LayoutDialog and DomHelper.Template classes.
Posting Comment...
+ 
Loading feed...
Yahoo! UI Library
Ajaxian.com
+ 
+
+
+
+
+- Post Comment
+ - View Comments
+
+