extjs-mvc 0.4.0.f → 0.4.0.g
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- data/Rakefile +2 -2
- data/VERSION +1 -1
- data/bin/extjs-mvc +0 -3
- data/lib/extjs-mvc.rb +10 -6
- data/lib/extjs-mvc/api.rb +0 -1
- metadata +8 -84
- data/lib/src/App.js +0 -219
- data/lib/src/MVC.js +0 -260
- data/lib/src/Presenter.js +0 -52
- data/lib/src/README.rdoc +0 -69
- data/lib/src/controller/Controller.js +0 -278
- data/lib/src/controller/CrudController.js +0 -460
- data/lib/src/lib/Array.js +0 -26
- data/lib/src/lib/Booter.js +0 -416
- data/lib/src/lib/ClassManager.js +0 -191
- data/lib/src/lib/ControllerClassManager.js +0 -95
- data/lib/src/lib/Dependencies.js +0 -44
- data/lib/src/lib/DispatchMatcher.js +0 -98
- data/lib/src/lib/Dispatcher.js +0 -129
- data/lib/src/lib/Environment.js +0 -43
- data/lib/src/lib/Inflector.js +0 -155
- data/lib/src/lib/ModelClassManager.js +0 -19
- data/lib/src/lib/Route.js +0 -139
- data/lib/src/lib/Router.js +0 -282
- data/lib/src/lib/String.js +0 -94
- data/lib/src/lib/ViewClassManager.js +0 -229
- data/lib/src/lib/notes.txt +0 -32
- data/lib/src/model/AdapterManager.js +0 -30
- data/lib/src/model/Association.js +0 -26
- data/lib/src/model/Base.js +0 -63
- data/lib/src/model/BelongsToAssociation.js +0 -116
- data/lib/src/model/Cache.js +0 -131
- data/lib/src/model/HasManyAssociation.js +0 -160
- data/lib/src/model/Model.js +0 -331
- data/lib/src/model/UrlBuilder.js +0 -106
- data/lib/src/model/adapters/AbstractAdapter.js +0 -296
- data/lib/src/model/adapters/MemoryAdapter.js +0 -103
- data/lib/src/model/adapters/RESTAdapter.js +0 -345
- data/lib/src/model/adapters/RESTJSONAdapter.js +0 -68
- data/lib/src/model/adapters/notes.txt +0 -42
- data/lib/src/model/associations/Association.js +0 -192
- data/lib/src/model/associations/notes.txt +0 -87
- data/lib/src/model/validations/Errors.js +0 -136
- data/lib/src/model/validations/Plugin.js +0 -139
- data/lib/src/model/validations/Validations.js +0 -276
- data/lib/src/notes/Charts.graffle +0 -0
- data/lib/src/overrides/Ext.Component.js +0 -21
- data/lib/src/overrides/Ext.extend.js +0 -142
- data/lib/src/spec/Array.spec.js +0 -15
- data/lib/src/spec/ExtMVC.spec.js +0 -65
- data/lib/src/spec/Model.spec.js +0 -370
- data/lib/src/spec/OS.spec.js +0 -83
- data/lib/src/spec/Router.spec.js +0 -99
- data/lib/src/spec/SpecHelper.js +0 -106
- data/lib/src/spec/String.spec.js +0 -83
- data/lib/src/spec/model/AbstractAdapter.spec.js +0 -49
- data/lib/src/spec/model/Associations.spec.js +0 -99
- data/lib/src/spec/model/Cache.spec.js +0 -5
- data/lib/src/spec/model/RESTAdapter.spec.js +0 -19
- data/lib/src/spec/model/ValidationErrors.spec.js +0 -64
- data/lib/src/spec/model/Validations.spec.js +0 -166
- data/lib/src/spec/model/ValidationsPlugin.spec.js +0 -108
- data/lib/src/spec/suite.html +0 -60
- data/lib/src/specs-old/JSSpec.css +0 -216
- data/lib/src/specs-old/JSSpec.js +0 -1512
- data/lib/src/specs-old/all.html +0 -66
- data/lib/src/specs-old/base.js +0 -14
- data/lib/src/specs-old/controller.js +0 -17
- data/lib/src/specs-old/diff_match_patch.js +0 -1
- data/lib/src/specs-old/model.js +0 -70
- data/lib/src/specs-old/route.js +0 -38
- data/lib/src/specs-old/router.js +0 -59
- data/lib/src/specs-old/string.js +0 -22
- data/lib/src/testrunner/JSpecFormatter.js +0 -111
- data/lib/src/testrunner/TestClient.js +0 -181
- data/lib/src/testrunner/TestGrid.js +0 -351
- data/lib/src/testrunner/TestRunner.js +0 -110
- data/lib/src/testrunner/TestViewport.js +0 -94
- data/lib/src/vendor.yml +0 -29
- data/lib/src/vendor/ext-3.1.1/vendor.yml +0 -16
- data/lib/src/view/FormWindow.js +0 -184
- data/lib/src/view/HasManyEditorGridPanel.js +0 -211
- data/lib/src/view/scaffold/Edit.js +0 -46
- data/lib/src/view/scaffold/Index.js +0 -561
- data/lib/src/view/scaffold/New.js +0 -20
- data/lib/src/view/scaffold/ScaffoldFormPanel.js +0 -255
data/lib/src/Presenter.js
DELETED
@@ -1,52 +0,0 @@
|
|
1
|
-
/**
|
2
|
-
* @class ExtMVC.Presenter
|
3
|
-
* @extends Ext.util.Observable
|
4
|
-
* Used as an interface between a controller and its views
|
5
|
-
*/
|
6
|
-
ExtMVC.Presenter = Ext.extend(Ext.util.Observable, {
|
7
|
-
|
8
|
-
constructor: function(config) {
|
9
|
-
ExtMVC.Presenter.superclass.constructor.apply(this, arguments);
|
10
|
-
|
11
|
-
this.addEvents(
|
12
|
-
/**
|
13
|
-
* @event load
|
14
|
-
* Fires when all items in the Presenter have been loaded
|
15
|
-
*/
|
16
|
-
'load'
|
17
|
-
);
|
18
|
-
|
19
|
-
/**
|
20
|
-
* @property loaded
|
21
|
-
* @type Boolean
|
22
|
-
* True if all items that must be loaded before rendering have been
|
23
|
-
*/
|
24
|
-
this.loaded = false;
|
25
|
-
|
26
|
-
/**
|
27
|
-
* @property loading
|
28
|
-
* @type Boolean
|
29
|
-
* True while the loader is loading
|
30
|
-
*/
|
31
|
-
this.loading = false;
|
32
|
-
},
|
33
|
-
|
34
|
-
load: function() {
|
35
|
-
if (this.loaded || this.loading) return;
|
36
|
-
|
37
|
-
this.each(function(item, index, length) {
|
38
|
-
var callback = function(index) {
|
39
|
-
return function() {
|
40
|
-
if (index == length) {
|
41
|
-
this.loaded = true;
|
42
|
-
this.loading = false;
|
43
|
-
|
44
|
-
this.fireEvent('load');
|
45
|
-
}
|
46
|
-
};
|
47
|
-
}(index);
|
48
|
-
|
49
|
-
item.on('load', callback, this, {single: true});
|
50
|
-
}, this);
|
51
|
-
}
|
52
|
-
});
|
data/lib/src/README.rdoc
DELETED
@@ -1,69 +0,0 @@
|
|
1
|
-
= Ext MVC
|
2
|
-
|
3
|
-
EXT MVC is a complete MVC stack on top of Ext JS (http://extjs.com).
|
4
|
-
|
5
|
-
== Base App
|
6
|
-
|
7
|
-
You are advised to use the base app to get up and running with Ext MVC as it sets everything up for you.
|
8
|
-
|
9
|
-
If you're comfortable with git:
|
10
|
-
|
11
|
-
1. git clone git://github.com/extmvc/baseapp.git myapp
|
12
|
-
2. cd myapp
|
13
|
-
3. rm -rf .git/
|
14
|
-
4. git init
|
15
|
-
|
16
|
-
If not:
|
17
|
-
|
18
|
-
1. Download the latest zip file from Github at http://github.com/extmvc/baseapp/zipball/master and unzip.
|
19
|
-
|
20
|
-
== Getting started
|
21
|
-
|
22
|
-
Read the readme file inside the base app and refer to http://extmvc.com
|
23
|
-
|
24
|
-
== Building
|
25
|
-
|
26
|
-
Ext MVC comes with a set of build tools for itself and your applications, written in Ruby. You need to be using
|
27
|
-
the Baseapp or a structure similar to it for these to work effectively.
|
28
|
-
|
29
|
-
=== Building your Ext MVC application
|
30
|
-
|
31
|
-
Build any app started from the base app by running this from the app's root directory:
|
32
|
-
|
33
|
-
ruby script/build all
|
34
|
-
|
35
|
-
This will examine the contents of index.html, pull out all of the javascript includes and concatenate them into
|
36
|
-
public/application-all.js. If you have the yui-compressor in your vendor directory (this is included by default)
|
37
|
-
and you have java installed, the build process will also minify your application-all.js into application-all-min.js.
|
38
|
-
|
39
|
-
Building your app also concatenates any CSS includes in index.html into public/application-all.css.
|
40
|
-
|
41
|
-
*NOTE*: Building looks at your index.html, NOT public/index.html. index.html is your development version,
|
42
|
-
public/index.html should simply include those concatenated/minified files.
|
43
|
-
|
44
|
-
=== Autobuild
|
45
|
-
|
46
|
-
If you need your app to be built every time you change any of the source files for whatever reason, use:
|
47
|
-
|
48
|
-
ruby script/build auto
|
49
|
-
|
50
|
-
This will again look at index.html and will force a rebuild any time any of those files are changed.
|
51
|
-
|
52
|
-
=== Other app build options
|
53
|
-
|
54
|
-
There are several other build commands, most of which are used by the two above:
|
55
|
-
|
56
|
-
- ruby script/build css - only build CSS files, no JS concatenation or minification
|
57
|
-
- ruby script/build js - only builds JS files, not CSS
|
58
|
-
- ruby script/build concatenate_js - concatenates but does not attempt to minify your JS
|
59
|
-
- ruby script/build minify_js - minifies an already concatenated public/application-all.js file
|
60
|
-
|
61
|
-
=== Building Ext MVC
|
62
|
-
|
63
|
-
If you are changing Ext MVC files and need to build Ext MVC itself, use:
|
64
|
-
|
65
|
-
- ruby script/build mvc
|
66
|
-
- ruby script/build mvc_auto
|
67
|
-
|
68
|
-
Again run from the app root directory. Like with ruby script/build auto, mvc_auto automatically rebuilds whenever
|
69
|
-
any Ext MVC file is changed.
|
@@ -1,278 +0,0 @@
|
|
1
|
-
/**
|
2
|
-
* @class ExtMVC.controller.Controller
|
3
|
-
* @extends Ext.util.Observable
|
4
|
-
* <h1>Controllers in Ext MVC</h1>
|
5
|
-
* <p>Controllers are the glue that stick applications together. They listen to events emitted by the UI as the user
|
6
|
-
* clicks interface elements, and take actions as appropriate. The relevant action may be to create or save a model
|
7
|
-
* instance, to render another view, to perform AJAX requests, or any other action.</p>
|
8
|
-
*
|
9
|
-
* <p>Controllers should be kept skinny as far as possible - receive an event, then hand any processing off to the
|
10
|
-
* appropriate model. This ensures we can keep the code as DRY as possible and makes refactoring easier.</p>
|
11
|
-
*
|
12
|
-
* <h2>Example Controller</h2>
|
13
|
-
* Here is a simple example controller which renders a couple of views and listens to events:
|
14
|
-
<pre><code>
|
15
|
-
//simple controller which manages the Page model within our application
|
16
|
-
MyApp.controllers.PagesController = Ext.extend(ExtMVC.controller.Controller, {
|
17
|
-
name: 'pages',
|
18
|
-
|
19
|
-
//renders the 'Index' template and sets up listeners
|
20
|
-
index: function() {
|
21
|
-
this.render('Index', {
|
22
|
-
listeners: {
|
23
|
-
scope : this,
|
24
|
-
'edit' : this.edit,
|
25
|
-
'delete': this.destroy
|
26
|
-
}
|
27
|
-
});
|
28
|
-
},
|
29
|
-
|
30
|
-
//renders the 'Edit' template (let's say it's a FormPanel), and loads the instance
|
31
|
-
edit: function(instance) {
|
32
|
-
this.render('Edit', {
|
33
|
-
listeners: {
|
34
|
-
scope : this,
|
35
|
-
save : this.update,
|
36
|
-
cancel : function() {
|
37
|
-
alert("You cancelled the update!");
|
38
|
-
}
|
39
|
-
}
|
40
|
-
}).loadRecord(instance);
|
41
|
-
},
|
42
|
-
|
43
|
-
//when the 'delete' event is fired by our 'Index' template (see the index action), this method is called.
|
44
|
-
//In this fictional example, we assume that the templates 'delete' event was called with the single argument
|
45
|
-
//of the Page instance the user wishes to destroy
|
46
|
-
destroy: function(instance) {
|
47
|
-
instance.destroy({
|
48
|
-
success: function() {
|
49
|
-
alert("The Page was deleted");
|
50
|
-
//at this point we might render another page for the user to look at
|
51
|
-
},
|
52
|
-
failure: function() {
|
53
|
-
alert('Curses! The Page could not be deleted');
|
54
|
-
}
|
55
|
-
});
|
56
|
-
},
|
57
|
-
|
58
|
-
//when the 'save' event is fired by our 'Edit' template, this method is called.
|
59
|
-
//Again, we assume that our template fired the event with the Page instance, and also an object with updates
|
60
|
-
update: function(instance, updates) {
|
61
|
-
//this applies the updates to the model instance and saves
|
62
|
-
instance.update(updates, {
|
63
|
-
success: function(updatedInstance) {
|
64
|
-
alert('Success! It saved');
|
65
|
-
//at this point we might render another page for the user to look at
|
66
|
-
},
|
67
|
-
failure: function(updatedInstance) {
|
68
|
-
alert('Darn it. Did not save');
|
69
|
-
|
70
|
-
//here we're firing the controller's update-failed event, which the view can pick up on
|
71
|
-
//The view can simply listen to our Pages controller and add errors from this instance to the form
|
72
|
-
//using form.markInvalid(instance.errors.forForm())
|
73
|
-
this.fireEvent('update-failed', instance);
|
74
|
-
};
|
75
|
-
});
|
76
|
-
},
|
77
|
-
|
78
|
-
//Sets up events emitted by this controller. Controllers are expected to fire events, so this method is called
|
79
|
-
//automatically when a controller is instantiated. Don't forget to call super here
|
80
|
-
initEvents: function() {
|
81
|
-
this.addEvents(
|
82
|
-
//this event will be fired when the controller can't update a Page instance
|
83
|
-
'update-failed'
|
84
|
-
);
|
85
|
-
|
86
|
-
MyApp.controllers.PagesController.superclass.initEvents.apply(this, arguments);
|
87
|
-
}
|
88
|
-
})
|
89
|
-
</code></pre>
|
90
|
-
* Note that many of the methods above are provided by the {@link ExtMVC.controller.CrudController CrudController}
|
91
|
-
*
|
92
|
-
* <h2>Rendering Views</h2>
|
93
|
-
* Each controller can automatically render view classes inside its views package. In the Pages controller above the
|
94
|
-
* views package is MyApp.views.pages - the application itself is called MyApp, and the 'pages' segment comes from the
|
95
|
-
* controller's 'name' property
|
96
|
-
* <br />
|
97
|
-
* <br />
|
98
|
-
* In the example above, the line: <pre><code>this.render('Edit', {})</code></pre> will automatically find the
|
99
|
-
* MyApp.views.pages.Edit class, with the second argument to this.render being a config argument passed to the view's constructor.
|
100
|
-
*
|
101
|
-
* <br />
|
102
|
-
* <h4>Rendering strategies</h4>
|
103
|
-
* Not all applications will render views in the same way
|
104
|
-
*/
|
105
|
-
// ExtMVC.controller.Controller = Ext.extend(Ext.util.Observable,
|
106
|
-
ExtMVC.registerController('controller', {
|
107
|
-
|
108
|
-
constructor: function(config) {
|
109
|
-
Ext.util.Observable.prototype.constructor.apply(this, arguments);
|
110
|
-
|
111
|
-
Ext.apply(this, {
|
112
|
-
/**
|
113
|
-
* @property renderStrategies
|
114
|
-
* @type Object
|
115
|
-
* An object of the form {xtype: function} which keys a container's xtype to the function to use
|
116
|
-
* when rendering a view to that container (see registerRenderStrategy)
|
117
|
-
*/
|
118
|
-
renderStrategies: {}
|
119
|
-
}, config || {});
|
120
|
-
|
121
|
-
this.registerDefaultRenderStrategies();
|
122
|
-
|
123
|
-
this.initEvents();
|
124
|
-
this.initListeners();
|
125
|
-
},
|
126
|
-
|
127
|
-
/**
|
128
|
-
* Registers a rendering function for a given container xtype. When a view is rendered via this.render,
|
129
|
-
* the xtype of the container it is being rendered to is compared to the registered strategy xtypes, and
|
130
|
-
* the most specific match will be used to perform the rendering.
|
131
|
-
* @param {String} xtype The container xtype to register
|
132
|
-
* @param {Function} strategy The function to call when rendering to a container of the given xtype
|
133
|
-
*/
|
134
|
-
registerRenderStrategy: function(xtype, strategy) {
|
135
|
-
this.renderStrategies[xtype] = strategy;
|
136
|
-
},
|
137
|
-
|
138
|
-
/**
|
139
|
-
* Returns the strategy function to use when rendering to the given container instance.
|
140
|
-
* @param {Ext.Container} container The container to add to
|
141
|
-
* @return {Function} The rendering strategy to use
|
142
|
-
*/
|
143
|
-
getRenderStrategy: function(container) {
|
144
|
-
var xtypes = container.getXTypes().split("/");
|
145
|
-
|
146
|
-
for (var i = xtypes.length - 1; i >= 0; i--){
|
147
|
-
var strategy = this.renderStrategies[xtypes[i]];
|
148
|
-
|
149
|
-
if (strategy != undefined) return strategy;
|
150
|
-
};
|
151
|
-
|
152
|
-
throw new Ext.Error("No render strategy could be found for the container you specified");
|
153
|
-
},
|
154
|
-
|
155
|
-
/**
|
156
|
-
* @private
|
157
|
-
* Adds the default strategies for panel and tabpanel
|
158
|
-
*/
|
159
|
-
registerDefaultRenderStrategies: function() {
|
160
|
-
this.registerRenderStrategy('panel', this.panelRenderStrategy);
|
161
|
-
this.registerRenderStrategy('tabpanel', this.tabPanelRenderStrategy);
|
162
|
-
},
|
163
|
-
|
164
|
-
/**
|
165
|
-
* Sets up events emitted by this controller. This defaults to an empty function and is
|
166
|
-
* called automatically when the controller is constructed so can simply be overridden
|
167
|
-
*/
|
168
|
-
initEvents: function() {},
|
169
|
-
|
170
|
-
/**
|
171
|
-
* Sets up events this controller listens to, and the actions the controller should take
|
172
|
-
* when each event is received. This defaults to an empty function and is called when
|
173
|
-
* the controller is constructed so can simply be overridden
|
174
|
-
*/
|
175
|
-
initListeners: function() {},
|
176
|
-
|
177
|
-
/**
|
178
|
-
* Shows the user a notification message. Usually used to inform user of a successful save, deletion, etc
|
179
|
-
* This is an empty function which you must implement yourself
|
180
|
-
* @param {String} notice The string notice to display
|
181
|
-
*/
|
182
|
-
showNotice: function(notice) {},
|
183
|
-
|
184
|
-
/**
|
185
|
-
* @property addTo
|
186
|
-
* @type Ext.Container
|
187
|
-
* The container to add views to using the 'add' renderMethod. Usually set to an Ext.TabPanel instance or similar
|
188
|
-
*/
|
189
|
-
addTo: null,
|
190
|
-
|
191
|
-
/**
|
192
|
-
* Renders a given view name in the way set up by the controller. For this to work you must have passed a
|
193
|
-
* 'name' property when creating the controller, which is automatically used to find the view namespace for
|
194
|
-
* this controller. For example, in an application called MyApp, and a controller with a name of 'users',
|
195
|
-
* the view namespace would be MyApp.views.users, and render('Index') would search for a class called
|
196
|
-
* MyApp.views.users.Index and instantiate it with the passed config.
|
197
|
-
* An error is thrown if the view could not be found.
|
198
|
-
* @param {String} viewName The name of the view class within the view namespace used by this controller
|
199
|
-
* @param {Object} config Configuration options passed through to the view class' constructor
|
200
|
-
* @return {Ext.Component} The view object that was just created
|
201
|
-
*/
|
202
|
-
render: function render() {
|
203
|
-
//handle both method signatures
|
204
|
-
switch(arguments.length) {
|
205
|
-
case 1:
|
206
|
-
//this just falls through into case 2, which provides a config {} if one is not supplied
|
207
|
-
case 2:
|
208
|
-
var namespace = this.name,
|
209
|
-
viewName = arguments[0],
|
210
|
-
config = arguments[1] || {};
|
211
|
-
break;
|
212
|
-
case 3:
|
213
|
-
var namespace = arguments[0],
|
214
|
-
viewName = arguments[1],
|
215
|
-
config = arguments[2] || {};
|
216
|
-
break;
|
217
|
-
}
|
218
|
-
|
219
|
-
//we also use this constructor object to define whether or not the view should be added to the default
|
220
|
-
//container or not
|
221
|
-
Ext.applyIf(config, {
|
222
|
-
autoAdd: true,
|
223
|
-
addTo : ExtMVC.app.main
|
224
|
-
});
|
225
|
-
|
226
|
-
//NOTE: ExtMVC.getView will throw an error if the view hasn't been defined anywhere yet. At the moment this
|
227
|
-
//error will just propagate up as it's probably pretty clear, but we could provide a custom Error message here instead
|
228
|
-
var view = new (this.getView(namespace, viewName))(config);
|
229
|
-
|
230
|
-
if (config.autoAdd === true) {
|
231
|
-
if (view.isXType('window')) {
|
232
|
-
view.show();
|
233
|
-
} else {
|
234
|
-
this.getRenderStrategy(config.addTo)(config.addTo, view);
|
235
|
-
}
|
236
|
-
}
|
237
|
-
|
238
|
-
return view;
|
239
|
-
},
|
240
|
-
|
241
|
-
/**
|
242
|
-
* Just calls ExtMVC.getView and returns. This is here because we override it in Crud Controller
|
243
|
-
* @param {String} namespace The view namespace
|
244
|
-
* @param {String} name The view name
|
245
|
-
* @return {Function} The view constructor function
|
246
|
-
*/
|
247
|
-
getView: function(namespace, name) {
|
248
|
-
return ExtMVC.getView(namespace, name);
|
249
|
-
},
|
250
|
-
|
251
|
-
/**
|
252
|
-
* @private
|
253
|
-
* The tabpanel render strategy
|
254
|
-
*/
|
255
|
-
tabPanelRenderStrategy: function(container, view) {
|
256
|
-
var existing = container.getItem(view.id);
|
257
|
-
|
258
|
-
//don't add a tab with the same id as an existing one
|
259
|
-
if (existing == undefined) {
|
260
|
-
container.add(view);
|
261
|
-
container.doLayout();
|
262
|
-
container.activate(view);
|
263
|
-
} else {
|
264
|
-
container.setActiveTab(view.id);
|
265
|
-
view.destroy();
|
266
|
-
}
|
267
|
-
},
|
268
|
-
|
269
|
-
/**
|
270
|
-
* @private
|
271
|
-
* The panel render strategy
|
272
|
-
*/
|
273
|
-
panelRenderStrategy: function(container, view) {
|
274
|
-
container.removeAll();
|
275
|
-
container.add(view);
|
276
|
-
container.doLayout();
|
277
|
-
}
|
278
|
-
});
|
@@ -1,460 +0,0 @@
|
|
1
|
-
/**
|
2
|
-
* @class ExtMVC.controller.CrudController
|
3
|
-
* @extends ExtMVC.controller.Controller
|
4
|
-
* <h1>CRUD Controller</h1>
|
5
|
-
* <p>The CRUD Controller is an extension of Controller which provides the generic CRUD actions (Create, Read, Update and Delete).
|
6
|
-
* Although CRUD Controller provides sensible default options for most cases, it is also highly extensible. Here's an example for
|
7
|
-
* managing CRUD operations on a fictional 'Page' model in our app. Note that the name and model are the only required properties
|
8
|
-
* for a CRUD controller with default behaviour:</p>
|
9
|
-
<pre><code>
|
10
|
-
MyApp.controllers.PagesController = Ext.extend(ExtMVC.controller.CrudController, {
|
11
|
-
//the name of the controller (see {@link ExtMVC.controller.Controller})
|
12
|
-
name : 'pages',
|
13
|
-
|
14
|
-
//The model that this controller will be providing CRUD services for
|
15
|
-
model: MyApp.models.Page,
|
16
|
-
|
17
|
-
//override the default behaviour that occurs when the 'create' action was successfully completed
|
18
|
-
onCreateSuccess: function(instance) {
|
19
|
-
alert('new Page successfully created!');
|
20
|
-
},
|
21
|
-
|
22
|
-
//override the listeners that are attached to the Index view. The Index view is usually an instance of
|
23
|
-
//{@link ExtMVC.view.scaffold.Index} or a subclass of it.
|
24
|
-
getIndexViewListeners: function() {
|
25
|
-
return {
|
26
|
-
scope : this,
|
27
|
-
'edit': function(instance) {
|
28
|
-
alert('inside the Index view (usually a scaffold grid), the user wants to edit an instance');
|
29
|
-
}
|
30
|
-
};
|
31
|
-
},
|
32
|
-
|
33
|
-
//provide our own implementation for destroy
|
34
|
-
destroy: function(instance) {
|
35
|
-
alert('user wants to destroy an instance');
|
36
|
-
}
|
37
|
-
});
|
38
|
-
</code></pre>
|
39
|
-
*
|
40
|
-
* <p>The 3 CRUD Controller methods that take action are create, update and destroy<p>
|
41
|
-
* <p>The 3 CRUD Controller methods that render views are index, new and edit</p>
|
42
|
-
* <p>By default, CRUD Controllers render the scaffolding views, which provide sensible default views.
|
43
|
-
* The index action renders a {@link ExtMVC.view.scaffold.Index Scaffold Grid}, edit renders a
|
44
|
-
* {@link ExtMVC.view.scaffold.Edit Scaffold Edit Form} and new renders a {@link ExtMVC.view.scaffold.New Scaffold New Form}</p>
|
45
|
-
* <p>To make CRUD controller render a customised view instead of the scaffold, simply define the relevant view and ensure it is
|
46
|
-
* available within your code. For example, if you want to show a customised Ext.Panel instead of the Scaffold Grid on index,
|
47
|
-
* simply define:</p>
|
48
|
-
<pre><code>
|
49
|
-
MyApp.views.pages.Index = Ext.extend(Ext.Panel, {
|
50
|
-
title: 'My Specialised Index view - replaces the scaffold grid'
|
51
|
-
});
|
52
|
-
</code></pre>
|
53
|
-
* <p>The same applies with Edit and New classes within the appropriate views namespace. See more on view namespaces in
|
54
|
-
* {@link ExtMVC.controller.Controller Controller}.</p>
|
55
|
-
*/
|
56
|
-
ExtMVC.registerController('crud', {
|
57
|
-
extend: "controller",
|
58
|
-
|
59
|
-
/**
|
60
|
-
* @property model
|
61
|
-
* @type Function/Null
|
62
|
-
* Defaults to null. If set to a reference to an ExtMVC.model subclass, renderView will attempt to dynamically
|
63
|
-
* scaffold any missing views, if the corresponding view is defined in the ExtMVC.view.scaffold package
|
64
|
-
*/
|
65
|
-
model: null,
|
66
|
-
|
67
|
-
/**
|
68
|
-
* Attempts to create a new instance of this controller's associated model
|
69
|
-
* @param {Object} data A fields object (e.g. {title: 'My instance'})
|
70
|
-
*/
|
71
|
-
create: function create(data, form) {
|
72
|
-
var instance = new this.model(data);
|
73
|
-
|
74
|
-
instance.save({
|
75
|
-
scope: this,
|
76
|
-
success: this.onCreateSuccess,
|
77
|
-
failure: this.onCreateFailure
|
78
|
-
});
|
79
|
-
},
|
80
|
-
|
81
|
-
/**
|
82
|
-
* Attempts to find (read) a single model instance by ID
|
83
|
-
* @param {Number} id The Id of the instance to read
|
84
|
-
*/
|
85
|
-
read: function read(id) {
|
86
|
-
this.model.findById(id, {
|
87
|
-
scope: this,
|
88
|
-
success: function(instance) {
|
89
|
-
this.fireEvent('read', instance);
|
90
|
-
},
|
91
|
-
failure: function() {
|
92
|
-
this.fireEvent('read-failed', id);
|
93
|
-
}
|
94
|
-
});
|
95
|
-
},
|
96
|
-
|
97
|
-
/**
|
98
|
-
* Attempts to update an existing instance with new values. If the update was successful the controller fires
|
99
|
-
* the 'update' event and then shows a default notice to the user (this.showUpdatedNotice()) and calls this.index().
|
100
|
-
* To cancel this default behaviour, return false from any listener on the 'update' event.
|
101
|
-
* @param {ExtMVC.model.Base} instance The existing instance object
|
102
|
-
* @param {Object} updates An object containing updates to apply to the instance
|
103
|
-
*/
|
104
|
-
update: function update(instance, updates) {
|
105
|
-
for (var key in updates) {
|
106
|
-
instance.set(key, updates[key]);
|
107
|
-
}
|
108
|
-
|
109
|
-
instance.save({
|
110
|
-
scope: this,
|
111
|
-
success: function(instance) {
|
112
|
-
this.onUpdateSuccess(instance, updates);
|
113
|
-
},
|
114
|
-
failure: function() {
|
115
|
-
this.onUpdateFailure(instance, updates);
|
116
|
-
}
|
117
|
-
});
|
118
|
-
},
|
119
|
-
|
120
|
-
/**
|
121
|
-
* Attempts to delete an existing instance
|
122
|
-
* @param {Mixed} instance The ExtMVC.model.Base subclass instance to delete. Will also accept a string/number ID
|
123
|
-
*/
|
124
|
-
destroy: function destroy(instance) {
|
125
|
-
if (instance.destroy == undefined) {
|
126
|
-
//if we're passed an ID instead of an instance, make a fake model instance
|
127
|
-
var config = {};
|
128
|
-
config[this.model.prototype.primaryKey] = parseInt(instance, 10);
|
129
|
-
var instance = new (this.model)(config);
|
130
|
-
}
|
131
|
-
|
132
|
-
instance.destroy({
|
133
|
-
scope: this,
|
134
|
-
success: this.onDestroySuccess,
|
135
|
-
failure: this.onDestroyFailure
|
136
|
-
});
|
137
|
-
},
|
138
|
-
|
139
|
-
/**
|
140
|
-
* Renders the custom Index view if present, otherwise falls back to the default scaffold grid
|
141
|
-
* @param {Object} config Optional config object to be passed to the view's constructor
|
142
|
-
*/
|
143
|
-
index: function index(config) {
|
144
|
-
config = config || {};
|
145
|
-
|
146
|
-
Ext.applyIf(config, {
|
147
|
-
model : this.model,
|
148
|
-
controller : this,
|
149
|
-
listeners : this.getIndexViewListeners(),
|
150
|
-
viewsPackage: this.viewsPackage
|
151
|
-
});
|
152
|
-
|
153
|
-
var index = this.render('index', config);
|
154
|
-
|
155
|
-
this.fireEvent('index');
|
156
|
-
|
157
|
-
return index;
|
158
|
-
},
|
159
|
-
|
160
|
-
/**
|
161
|
-
* Renders the custom New view if present, otherwise falls back to the default scaffold New form
|
162
|
-
*/
|
163
|
-
build: function build() {
|
164
|
-
var buildView = this.render('new', {
|
165
|
-
model : this.model,
|
166
|
-
controller : this,
|
167
|
-
listeners : this.getBuildViewListeners()
|
168
|
-
// items : ExtMVC.getFields(this.name)
|
169
|
-
});
|
170
|
-
|
171
|
-
this.onBuild(buildView);
|
172
|
-
|
173
|
-
return buildView;
|
174
|
-
},
|
175
|
-
|
176
|
-
/**
|
177
|
-
* Renders the custom Edit view if present, otherwise falls back to the default scaffold Edit form
|
178
|
-
* @param {Mixed} instance The model instance to edit. If not given an ExtMVC.model.Base
|
179
|
-
* instance, a findById() will be called on this controller's associated model
|
180
|
-
* @param {Object} viewConfig Optional config object to pass to the view class constructor
|
181
|
-
*/
|
182
|
-
edit: function edit(instance, viewConfig) {
|
183
|
-
viewConfig = viewConfig || {};
|
184
|
-
|
185
|
-
if (instance instanceof Ext.data.Record) {
|
186
|
-
Ext.applyIf(viewConfig, {
|
187
|
-
model : this.model,
|
188
|
-
controller : this,
|
189
|
-
listeners : this.getEditViewListeners(),
|
190
|
-
// items : ExtMVC.getFields(this.name),
|
191
|
-
id : String.format("{0}_edit_{1}", this.name, instance.get(instance.primaryKey))
|
192
|
-
});
|
193
|
-
|
194
|
-
var editView = this.render('edit', viewConfig);
|
195
|
-
|
196
|
-
editView.loadRecord(instance);
|
197
|
-
|
198
|
-
this.onEdit(editView, instance);
|
199
|
-
this.fireEvent('edit', instance);
|
200
|
-
|
201
|
-
return editView;
|
202
|
-
} else {
|
203
|
-
var id = instance;
|
204
|
-
|
205
|
-
this.model.find(parseInt(id, 10), {
|
206
|
-
scope : this,
|
207
|
-
success: function(instance) {
|
208
|
-
this.edit(instance);
|
209
|
-
}
|
210
|
-
});
|
211
|
-
}
|
212
|
-
},
|
213
|
-
|
214
|
-
/**
|
215
|
-
* Returns a listeners object passed to the Index view when rendered inside the index action. This contains
|
216
|
-
* default listeners, but can be overridden in subclasses to provide custom behaviour
|
217
|
-
* @return {Object} The listeners object
|
218
|
-
*/
|
219
|
-
getIndexViewListeners: function getIndexViewListeners() {
|
220
|
-
return {
|
221
|
-
scope : this,
|
222
|
-
'delete': this.destroy,
|
223
|
-
'new' : this.build,
|
224
|
-
'edit' : this.edit
|
225
|
-
};
|
226
|
-
},
|
227
|
-
|
228
|
-
/**
|
229
|
-
* Returns a listeners object passed to the Edit view when rendered inside the edit action. This contains
|
230
|
-
* default listeners, but can be overridden in subclasses to provide custom behaviour
|
231
|
-
* @return {Object} The listeners object
|
232
|
-
*/
|
233
|
-
getEditViewListeners: function getEditViewListeners() {
|
234
|
-
return {
|
235
|
-
scope : this,
|
236
|
-
cancel: this.index,
|
237
|
-
save : this.update
|
238
|
-
};
|
239
|
-
},
|
240
|
-
|
241
|
-
/**
|
242
|
-
* Returns a listeners object passed to the New view when rendered inside the build action. This contains
|
243
|
-
* default listeners, but can be overridden in subclasses to provide custom behaviour
|
244
|
-
* @return {Object} The listeners object
|
245
|
-
*/
|
246
|
-
getBuildViewListeners: function getBuildViewListeners() {
|
247
|
-
return {
|
248
|
-
scope : this,
|
249
|
-
cancel: this.index,
|
250
|
-
save : this.create
|
251
|
-
};
|
252
|
-
},
|
253
|
-
|
254
|
-
/**
|
255
|
-
* Called when an instance has been successfully created. This just calls this.showNotice
|
256
|
-
* with a default message for this model. Overwrite to provide your own implementation
|
257
|
-
*/
|
258
|
-
showCreatedNotice: function() {
|
259
|
-
this.showNotice(String.format("{0} successfully created", this.model.prototype.singularHumanName));
|
260
|
-
},
|
261
|
-
|
262
|
-
/**
|
263
|
-
* Called when an instance has been successfully updated. This just calls this.showNotice
|
264
|
-
* with a default message for this model. Overwrite to provide your own implementation
|
265
|
-
*/
|
266
|
-
showUpdatedNotice: function() {
|
267
|
-
this.showNotice(String.format("{0} successfully updated", this.model.prototype.singularHumanName));
|
268
|
-
},
|
269
|
-
|
270
|
-
/**
|
271
|
-
* Called when an instance has been successfully destroyed. This just calls this.showNotice
|
272
|
-
* with a default message for this model. Overwrite to provide your own implementation
|
273
|
-
*/
|
274
|
-
showDestroyedNotice: function() {
|
275
|
-
this.showNotice(String.format("{0} successfully deleted", this.model.prototype.singularHumanName));
|
276
|
-
},
|
277
|
-
|
278
|
-
/**
|
279
|
-
* Called after a successful update. By default this calls showUpdatedNotice and then this.index()
|
280
|
-
* @param {ExtMVC.model.Base} instance The newly updated instance
|
281
|
-
* @param {Object} updates The updates that were made
|
282
|
-
*/
|
283
|
-
onCreateSuccess: function(instance) {
|
284
|
-
if(this.fireEvent('create', instance) !== false) {
|
285
|
-
this.showCreatedNotice();
|
286
|
-
this.index();
|
287
|
-
}
|
288
|
-
},
|
289
|
-
|
290
|
-
/**
|
291
|
-
* Called after an unsuccessful update. By default this simply fires the 'update-failed' event
|
292
|
-
* @param {ExtMVC.model.Base} instance The instance that could not be updated
|
293
|
-
* @param {Object} updates The updates that were attempted to be made
|
294
|
-
*/
|
295
|
-
onCreateFailure: function(instance) {
|
296
|
-
this.fireEvent('create-failed', instance);
|
297
|
-
},
|
298
|
-
|
299
|
-
/**
|
300
|
-
* Called after a successful update. By default this calls showUpdatedNotice and then this.index()
|
301
|
-
* @param {ExtMVC.model.Base} instance The newly updated instance
|
302
|
-
* @param {Object} updates The updates that were made
|
303
|
-
*/
|
304
|
-
onUpdateSuccess: function(instance, updates) {
|
305
|
-
if (this.fireEvent('update', instance, updates) !== false) {
|
306
|
-
this.showUpdatedNotice();
|
307
|
-
this.index();
|
308
|
-
}
|
309
|
-
},
|
310
|
-
|
311
|
-
/**
|
312
|
-
* Called after an unsuccessful update. By default this simply fires the 'update-failed' event
|
313
|
-
* @param {ExtMVC.model.Base} instance The instance that could not be updated
|
314
|
-
* @param {Object} updates The updates that were attempted to be made
|
315
|
-
*/
|
316
|
-
onUpdateFailure: function(instance, updates) {
|
317
|
-
this.fireEvent('update-failed', instance, updates);
|
318
|
-
},
|
319
|
-
|
320
|
-
/**
|
321
|
-
* Called after successful destruction of a model instance. By default simply fires the 'delete' event
|
322
|
-
* with the instance as a single argument
|
323
|
-
* @param {ExtMVC.model.Base} instance The instane that was just destroyed
|
324
|
-
*/
|
325
|
-
onDestroySuccess: function(instance) {
|
326
|
-
this.fireEvent('delete', instance);
|
327
|
-
|
328
|
-
this.showDestroyedNotice();
|
329
|
-
},
|
330
|
-
|
331
|
-
/**
|
332
|
-
* Called after unsuccessful destruction of a model instance. By default simply fires the 'delete-failed' event
|
333
|
-
* with the instance as a single argument
|
334
|
-
* @param {ExtMVC.model.Base} instance The instance that could not be destroyed
|
335
|
-
*/
|
336
|
-
onDestroyFailure: function(instance) {
|
337
|
-
this.fireEvent('delete-failed', instance);
|
338
|
-
},
|
339
|
-
|
340
|
-
/**
|
341
|
-
* Called whenever the 'New' form has been rendered for a given instance. This is an empty function by default,
|
342
|
-
* which you can override to provide your own logic if needed
|
343
|
-
* @param {Ext.Component} form The rendered 'New' form
|
344
|
-
*/
|
345
|
-
onBuild: function(form) {},
|
346
|
-
|
347
|
-
/**
|
348
|
-
* Called whenever the Edit form has been rendered for a given instance. This is an empty function by default,
|
349
|
-
* which you can override to provide your own logic if needed
|
350
|
-
* @param {Ext.Component} form The rendered Edit form
|
351
|
-
* @param {ExtMVC.model.Base} instance The instance loaded into the form
|
352
|
-
*/
|
353
|
-
onEdit: function(form) {},
|
354
|
-
|
355
|
-
/**
|
356
|
-
* Sets up events emitted by the CRUD Controller's actions
|
357
|
-
*/
|
358
|
-
initEvents: function() {
|
359
|
-
this.addEvents(
|
360
|
-
/**
|
361
|
-
* @event create
|
362
|
-
* Fired when a new instance has been successfully created
|
363
|
-
* @param {ExtMVC.model.Base} instance The newly created model instance
|
364
|
-
*/
|
365
|
-
'create',
|
366
|
-
|
367
|
-
/**
|
368
|
-
* @event create-failed
|
369
|
-
* Fired when an attempt to create a new instance failed
|
370
|
-
* @param {ExtMVC.model.Base} instance The instance object which couldn't be saved
|
371
|
-
*/
|
372
|
-
'create-failed',
|
373
|
-
|
374
|
-
/**
|
375
|
-
* @event read
|
376
|
-
* Fired when a single instance has been loaded from the database
|
377
|
-
* @param {ExtMVC.model.Base} instance The instance instance that was loaded
|
378
|
-
*/
|
379
|
-
'read',
|
380
|
-
|
381
|
-
/**
|
382
|
-
* @event read-failed
|
383
|
-
* Fired when an attempt to load a single instance failed
|
384
|
-
* @param {Number} id The ID of the instance we were attempting to find
|
385
|
-
*/
|
386
|
-
'read-failed',
|
387
|
-
|
388
|
-
/**
|
389
|
-
* @event update
|
390
|
-
* Fired when an existing instance has been successfully created
|
391
|
-
* @param {ExtMVC.model.Base} instance The updated instance
|
392
|
-
* @param {Object} updates The updates object that was supplied
|
393
|
-
*/
|
394
|
-
'update',
|
395
|
-
|
396
|
-
/**
|
397
|
-
* @event update-failed
|
398
|
-
* Fired when an attempty to update an existing instance failed
|
399
|
-
* @param {ExtMVC.model.Base} instance The instance we were attempting to update
|
400
|
-
* @param {Object} updates The object of updates we were trying to apply
|
401
|
-
*/
|
402
|
-
'update-failed',
|
403
|
-
|
404
|
-
/**
|
405
|
-
* @event delete
|
406
|
-
* Fired when an existing instance has been successfully deleteed
|
407
|
-
* @param {ExtMVC.model.Base} instance The instance that was deleteed
|
408
|
-
*/
|
409
|
-
'delete',
|
410
|
-
|
411
|
-
/**
|
412
|
-
* @event delete-failed
|
413
|
-
* Fired when an attempt to delete an existing instance failed
|
414
|
-
* @param {ExtMVC.model.Base} instance The instance we were trying to delete
|
415
|
-
*/
|
416
|
-
'delete-failed',
|
417
|
-
|
418
|
-
/**
|
419
|
-
* @event index
|
420
|
-
* Fired when an instances collection has been loaded from the database
|
421
|
-
*/
|
422
|
-
'index',
|
423
|
-
|
424
|
-
/**
|
425
|
-
* @event edit
|
426
|
-
* Fired when an instance is being edited
|
427
|
-
* @param {ExtMVC.model.Base} instance The instance being edited
|
428
|
-
*/
|
429
|
-
'edit'
|
430
|
-
);
|
431
|
-
},
|
432
|
-
|
433
|
-
/**
|
434
|
-
* If a view of the given viewName is defined in this controllers viewPackage, a reference to its
|
435
|
-
* constructor is defined. If not, a reference to the default scaffold for the viewName is returned
|
436
|
-
* @param {String} namespace The view namesapce
|
437
|
-
* @param {String} name The name of the view to return a constructor function for
|
438
|
-
* @return {Function} A reference to the custom view, or the scaffold fallback
|
439
|
-
*/
|
440
|
-
getView: function getView(namespace, name) {
|
441
|
-
var view;
|
442
|
-
|
443
|
-
try {
|
444
|
-
view = ExtMVC.getController("controller").getView.apply(this, arguments);
|
445
|
-
} catch(e) {
|
446
|
-
view = this.scaffoldViewName(name);
|
447
|
-
}
|
448
|
-
|
449
|
-
return view;
|
450
|
-
},
|
451
|
-
|
452
|
-
/**
|
453
|
-
* Returns a reference to the Scaffold view class for a given viewName
|
454
|
-
* @param {String} viewName The name of the view to return a class for (index, new, edit or show)
|
455
|
-
* @return {Function} A reference to the view class to instantiate to render this scaffold view
|
456
|
-
*/
|
457
|
-
scaffoldViewName: function scaffoldViewName(viewName) {
|
458
|
-
return ExtMVC.getView('scaffold', viewName);
|
459
|
-
}
|
460
|
-
});
|