Hierarchy
Ext.BaseExt.form.action.ActionExt.form.action.LoadExt.form.action.DirectLoad
Provides Ext.direct.Manager support for loading form data.
+ + +This example illustrates usage of Ext.direct.Direct to load a form through Ext.Direct.
+ + +var myFormPanel = new Ext.form.Panel({
+ // configs for FormPanel
+ title: 'Basic Information',
+ renderTo: document.body,
+ width: 300, height: 160,
+ padding: 10,
+
+ // configs apply to child items
+ defaults: {anchor: '100%'},
+ defaultType: 'textfield',
+ items: [{
+ fieldLabel: 'Name',
+ name: 'name'
+ },{
+ fieldLabel: 'Email',
+ name: 'email'
+ },{
+ fieldLabel: 'Company',
+ name: 'company'
+ }],
+
+ // configs for BasicForm
+ api: {
+ // The server-side method to call for load() requests
+ load: Profile.getBasicInfo,
+ // The server-side must mark the submit handler as a 'formHandler'
+ submit: Profile.updateBasicInfo
+ },
+ // specify the order for the passed params
+ paramOrder: ['uid', 'foo']
+});
+
+// load the form
+myFormPanel.getForm().load({
+ // pass 2 arguments to server side getBasicInfo method (len=2)
+ params: {
+ foo: 'bar',
+ uid: 34
+ }
+});
+The data packet sent to the server will resemble something like:
+ +[
+ {
+ "action":"Profile","method":"getBasicInfo","type":"rpc","tid":2,
+ "data":[34,"bar"] // note the order of the params
+ }
+]
+The form will process a data packet returned by the server that is similar +to the following format:
+ +[
+ {
+ "action":"Profile","method":"getBasicInfo","type":"rpc","tid":2,
+ "result":{
+ "success":true,
+ "data":{
+ "name":"Fred Flintstone",
+ "company":"Slate Rock and Gravel",
+ "email":"fred.flintstone@slaterg.com"
+ }
+ }
+ }
+]
+The function to call when a failure packet was received, or when an +error ocurred in the Ajax communication. +The function is passed the following parameters:
Extra headers to be sent in the AJAX request for submit and load actions. See +Ext.data.Connection.headers.
+ +Extra headers to be sent in the AJAX request for submit and load actions. See +Ext.data.Connection.headers.
+ +The HTTP method to use to access the requested URL. Defaults to the +BasicForm's method, or 'POST' if not specified.
+The HTTP method to use to access the requested URL. Defaults to the +BasicForm's method, or 'POST' if not specified.
+Extra parameter values to pass. These are added to the Form's +Ext.form.Basic.baseParams and passed to the specified URL along with the Form's +input fields.
+ + +Parameters are encoded as standard HTTP parameters using Ext.Object.toQueryString.
+ +When set to true, causes the Form to be +reset on Action success. If specified, this happens +before the success callback is called and before the Form's +actioncomplete event fires.
+The scope in which to call the configured success and failure +callback functions (the this reference for the callback functions).
+If set to true, the emptyText value will be sent with the form +when it is submitted. Defaults to true.
+If set to true, the emptyText value will be sent with the form +when it is submitted. Defaults to true.
+The function to call when a valid success return packet is received. +The function is passed the following parameters:
The number of seconds to wait for a server response before +failing with the failureType as Ext.form.action.Action.CONNECT_FAILURE. If not specified, +defaults to the configured timeout of the +form.
+The message to be displayed by a call to Ext.window.MessageBox.wait +during the time the action is being processed.
+The message to be displayed by a call to Ext.window.MessageBox.wait +during the time the action is being processed.
+The title to be displayed by a call to Ext.window.MessageBox.wait +during the time the action is being processed.
+The title to be displayed by a call to Ext.window.MessageBox.wait +during the time the action is being processed.
+Failure type returned when client side validation of the Form fails +thus aborting a submit action. Client side validation is performed unless +Ext.form.action.Submit.clientValidation is explicitly set to false.
+Failure type returned when a communication error happens when attempting +to send a request to the remote server. The response may be examined to +provide further information.
+Failure type returned when the response's success +property is set to false, or no field values are returned in the response's +data property.
+Add / override static properties of this class.
+ +Ext.define('My.cool.Class', {
+ ...
+});
+
+My.cool.Class.addStatics({
+ someProperty: 'someValue', // My.cool.Class.someProperty = 'someValue'
+ method1: function() { ... }, // My.cool.Class.method1 = function() { ... };
+ method2: function() { ... } // My.cool.Class.method2 = function() { ... };
+});
+Borrow another class' members to the prototype of this class.
+ +Ext.define('Bank', {
+ +money: '$$$',
+printMoney: function() {
+ alert('$$$$$$$');
+}
+});
+ +Ext.define('Thief', {
+ +...
+});
+ +Thief.borrow(Bank, ['money', 'printMoney']);
+ +var steve = new Thief();
+ +alert(steve.money); // alerts '$$$' +steve.printMoney(); // alerts '$$$$$$$'
+Create a new instance of this Class. +Ext.define('My.cool.Class', {
+ +...
+});
+ +My.cool.Class.create({
+ +someConfig: true
+});
+Create aliases for existing prototype methods. Example:
+ +Ext.define('My.cool.Class', {
+ method1: function() { ... },
+ method2: function() { ... }
+});
+
+var test = new My.cool.Class();
+
+My.cool.Class.createAlias({
+ method3: 'method1',
+ method4: 'method2'
+});
+
+test.method3(); // test.method1()
+
+My.cool.Class.createAlias('method5', 'method3');
+
+test.method5(); // test.method3() -> test.method1()
+The type of failure detected will be one of these: Ext.form.action.Action.CLIENT_INVALID, +Ext.form.action.Action.SERVER_INVALID, Ext.form.action.Action.CONNECT_FAILURE, or +Ext.form.action.Action.LOAD_FAILURE. Usage:
+ +var fp = new Ext.form.Panel({
+...
+buttons: [{
+ text: 'Save',
+ formBind: true,
+ handler: function(){
+ if(fp.getForm().isValid()){
+ fp.getForm().submit({
+ url: 'form-submit.php',
+ waitMsg: 'Submitting your data...',
+ success: function(form, action){
+ // server responded with success = true
+ var result = action.result;
+ },
+ failure: function(form, action){
+ if (action.failureType === Ext.form.action.Action.CONNECT_FAILURE) {
+ Ext.Msg.alert('Error',
+ 'Status:'+action.response.status+': '+
+ action.response.statusText);
+ }
+ if (action.failureType === Ext.form.action.Action.SERVER_INVALID){
+ // server responded with success = false
+ Ext.Msg.alert('Invalid', action.result.errormsg);
+ }
+ }
+ });
+ }
+ }
+},{
+ text: 'Reset',
+ handler: function(){
+ fp.getForm().reset();
+ }
+}]
+Add methods / properties to the prototype of this class.
+ +Ext.define('My.awesome.Cat', {
+ constructor: function() {
+ ...
+ }
+});
+
+ My.awesome.Cat.implement({
+ meow: function() {
+ alert('Meowww...');
+ }
+ });
+
+ var kitty = new My.awesome.Cat;
+ kitty.meow();
+Override prototype members of this class. Overridden methods can be invoked via +Ext.Base.callOverridden
+ +Ext.define('My.Cat', {
+ constructor: function() {
+ alert("I'm a cat!");
+
+ return this;
+ }
+});
+
+My.Cat.override({
+ constructor: function() {
+ alert("I'm going to be a cat!");
+
+ var instance = this.callOverridden();
+
+ alert("Meeeeoooowwww");
+
+ return instance;
+ }
+});
+
+var kitty = new My.Cat(); // alerts "I'm going to be a cat!"
+ // alerts "I'm a cat!"
+ // alerts "Meeeeoooowwww"
+The raw XMLHttpRequest object used to perform the action.
+The raw XMLHttpRequest object used to perform the action.
+The decoded response object containing a boolean success property and +other, action-specific properties.
+The decoded response object containing a boolean success property and +other, action-specific properties.
+Invokes this action using the current configuration.
+Invokes this action using the current configuration.
+Call the original method that was previously overridden with Ext.Base.override
+ +Ext.define('My.Cat', {
+ constructor: function() {
+ alert("I'm a cat!");
+
+ return this;
+ }
+});
+
+My.Cat.override({
+ constructor: function() {
+ alert("I'm going to be a cat!");
+
+ var instance = this.callOverridden();
+
+ alert("Meeeeoooowwww");
+
+ return instance;
+ }
+});
+
+var kitty = new My.Cat(); // alerts "I'm going to be a cat!"
+ // alerts "I'm a cat!"
+ // alerts "Meeeeoooowwww"
+The arguments, either an array or the arguments object
Returns the result after calling the overridden method
+Get the current class' name in string format.
+ +Ext.define('My.cool.Class', {
+ constructor: function() {
+ alert(this.self.getName()); // alerts 'My.cool.Class'
+ }
+});
+
+My.cool.Class.getName(); // 'My.cool.Class'
+className
+