X-Git-Url: http://git.ithinksw.org/extjs.git/blobdiff_plain/0494b8d9b9bb03ab6c22b34dae81261e3cd7e3e6..7a654f8d43fdb43d78b63d90528bed6e86b608cc:/examples/writer/UserForm.js diff --git a/examples/writer/UserForm.js b/examples/writer/UserForm.js deleted file mode 100644 index 7a8e1817..00000000 --- a/examples/writer/UserForm.js +++ /dev/null @@ -1,133 +0,0 @@ -/*! - * Ext JS Library 3.3.1 - * Copyright(c) 2006-2010 Sencha Inc. - * licensing@sencha.com - * http://www.sencha.com/license - */ -Ext.ns('App', 'App.user'); -/** - * @class App.user.FormPanel - * A typical FormPanel extension - */ -App.user.Form = Ext.extend(Ext.form.FormPanel, { - renderTo: 'user-form', - iconCls: 'silk-user', - frame: true, - labelAlign: 'right', - title: 'User -- All fields are required', - frame: true, - width: 500, - defaultType: 'textfield', - defaults: { - anchor: '100%' - }, - - // private A pointer to the currently loaded record - record : null, - - /** - * initComponent - * @protected - */ - initComponent : function() { - // build the form-fields. Always a good idea to defer form-building to a method so that this class can - // be over-ridden to provide different form-fields - this.items = this.buildForm(); - - // build form-buttons - this.buttons = this.buildUI(); - - // add a create event for convenience in our application-code. - this.addEvents({ - /** - * @event create - * Fires when user clicks [create] button - * @param {FormPanel} this - * @param {Object} values, the Form's values object - */ - create : true - }); - - // super - App.user.Form.superclass.initComponent.call(this); - }, - - /** - * buildform - * @private - */ - buildForm : function() { - return [ - {fieldLabel: 'Email', name: 'email', allowBlank: false, vtype: 'email'}, - {fieldLabel: 'First', name: 'first', allowBlank: false}, - {fieldLabel: 'Last', name: 'last', allowBlank: false} - ]; - }, - - /** - * buildUI - * @private - */ - buildUI: function(){ - return [{ - text: 'Save', - iconCls: 'icon-save', - handler: this.onUpdate, - scope: this - }, { - text: 'Create', - iconCls: 'silk-user-add', - handler: this.onCreate, - scope: this - }, { - text: 'Reset', - handler: function(btn, ev){ - this.getForm().reset(); - }, - scope: this - }]; - }, - - /** - * loadRecord - * @param {Record} rec - */ - loadRecord : function(rec) { - this.record = rec; - this.getForm().loadRecord(rec); - }, - - /** - * onUpdate - */ - onUpdate : function(btn, ev) { - if (this.record == null) { - return; - } - if (!this.getForm().isValid()) { - App.setAlert(false, "Form is invalid."); - return false; - } - this.getForm().updateRecord(this.record); - }, - - /** - * onCreate - */ - onCreate : function(btn, ev) { - if (!this.getForm().isValid()) { - App.setAlert(false, "Form is invalid"); - return false; - } - this.fireEvent('create', this, this.getForm().getValues()); - this.getForm().reset(); - }, - - /** - * onReset - */ - onReset : function(btn, ev) { - this.fireEvent('update', this, this.getForm().getValues()); - this.getForm().reset(); - } -});