Ext JS - Revision history

Shane: Adding "Former Content" category tag

2014-08-25T08:08:22Z

Adding "Former Content" category tag

2013-11-09T23:03:29Z

Model View Controller: Clarifying record vs. model

2013-11-02T06:23:39Z

Submitting an Entire Form over AJAX

2013-10-23T05:23:40Z

Model View Controller

2013-10-19T21:49:02Z

Models, Stores, and Proxies

2013-10-19T21:31:50Z

2013-10-19T21:30:32Z

Layouts and Components

2013-08-31T07:06:28Z

Extensible Calendar

2013-05-14T06:49:12Z

Using Ext JS in Your Site: updating to Ext 4.2.0

2013-04-22T10:19:37Z

Extensible Calendar

@@ Line 321: / Line 321: @@
 === Models, Stores, and Proxies ===
-Ext.JS adds a fourth concept to the MVC pattern: '''stores'''.  A "store" is a collection of models.  In a lot of ways, if a model in Ext.JS is like a row in SQL, then a store in Ext.JS is like a table in SQL.
+Ext.JS adds a fourth concept to the MVC pattern: '''stores'''.  A "store" is a collection of ''records'', where a ''record'' is an instance of a ''model''.  In a lot of ways, if a model in Ext.JS is like a row in SQL, then a store in Ext.JS is like a table in SQL.
 Ext.JS also introduces the concept of '''proxies''': a mechanism that syncs the data in your front-end application to the server.  In Ext.JS, a proxy is typically associated with a store.  Ext.JS conforms to the ''RESTful paradigm'' in web application development.

@@ Line 296: / Line 296: @@
 <source lang="javascript">
 Ext.Ajax.request({ form: "myForm" });
 </source>

← Older revision		Revision as of 05:23, 23 October 2013
Line 309:		Line 309:

	For an example of models, stores, and proxies, see [[Extensible Calendar]].		For an example of models, stores, and proxies, see [[Extensible Calendar]].
		+
		+	=== The Lino Framework ===
		+
		+	This wiki would not be complete without mentioning [http://www.lino-framework.org/ Lino], a framework that integrates Ext.JS into the Django stack. You may earn creative portion points on Module 6 if you choose to implement your project using the Lino framework.

	[[Category:Module 6]]		[[Category:Module 6]]

@@ Line 306: / Line 306: @@
 Ext.JS adds a fourth concept to the MVC pattern: '''stores'''.  A "store" is a collection of models.  In a lot of ways, if a model in Ext.JS is like a row in SQL, then a store in Ext.JS is like a table in SQL.
-Ext.JS also introduces the concept of '''proxies''': a mechanism that syncs the data in your front-end application to the server.  In Ext.JS, a proxy is typically associated with a store.
+Ext.JS also introduces the concept of '''proxies''': a mechanism that syncs the data in your front-end application to the server.  In Ext.JS, a proxy is typically associated with a store.  Ext.JS conforms to the ''RESTful paradigm'' in web application development.
 For an example of models, stores, and proxies, see [[Extensible Calendar]].
 [[Category:Module 6]]

@@ Line 300: / Line 300: @@
 == Model View Controller ==
-Ext.JS has an MVC engine that works on the front end of your application.
+What really sets Ext.JS apart from other JavaScript libraries is the toolset it gives you to create GUI components.  Ext.JS has an MVC engine that works on the front end of your application.
 === Models, Stores, and Proxies ===
@@ Line 308: / Line 308: @@
 Ext.JS also introduces the concept of '''proxies''': a mechanism that syncs the data in your front-end application to the server.  In Ext.JS, a proxy is typically associated with a store.
-For an example of models, stores, and proxies, see the calendar example below.
+For an example of models, stores, and proxies, see [[Extensible Calendar]].
 [[Category:Module 6]]

@@ Line 314: / Line 314: @@
 What really sets Ext.JS apart from other JavaScript libraries is the toolset it gives you to create GUI components.
-To demonstrate a simple application using Ext.JS graphical layouts and components, let's make a small calendar.
+One example is the [[Extensible Calendar]].
-=== Example: Calendar ===
+[[Category:Module 6]]

@@ Line 10: / Line 10: @@
 For the purposes of this class, you can go ahead and hot-link Ext JS from Sencha's CDN (Content Delivery Network) by putting the following line in your <head> section:
-<source lang="html4strict"><script src="//cdn.sencha.io/ext-4.1.1-gpl/ext-all-dev.js"></script></source>
+<source lang="html4strict"><script src="//cdn.sencha.io/ext-4.2.0-gpl/ext-all-dev.js"></script></source>
 That's it!  You can now use Ext in your web application and follow along with the examples below.
@@ Line 23: / Line 23: @@
 A functionally equivalent version (minus the dev tools) that is 1 MB in size is also available from Sencha's CDN:
-<source lang="html4strict"><script src="//cdn.sencha.io/ext-4.1.1-gpl/ext-all.js"></script></source>
+<source lang="html4strict"><script src="//cdn.sencha.io/ext-4.2.0-gpl/ext-all.js"></script></source>
 However, if you don't plan on using the GUI features of Ext JS, you can use this 213 KB version:
-<source lang="html4strict"><script src="//cdn.sencha.io/ext-4.1.1-gpl/ext.js"></script></source>
+<source lang="html4strict"><script src="//cdn.sencha.io/ext-4.2.0-gpl/ext.js"></script></source>
 === A Note about Licensing ===

@@ Line 309: / Line 309: @@
 }}
-Extensible has a number of examples of the usage of their Calendar API.  You may find these examples helpful.  [http://ext.ensible.com/deploy/dev/examples/ Browse through the examples here.]
+Extensible provides examples and documentation for how to use the calendar API.
 [[Category:Module 6]]