X-Git-Url: http://git.ithinksw.org/extjs.git/blobdiff_plain/25ef3491bd9ae007ff1fc2b0d7943e6eaaccf775..e9397f91ede62d446aed37d23256e8938fc4c335:/examples/ux/FieldReplicator.js diff --git a/examples/ux/FieldReplicator.js b/examples/ux/FieldReplicator.js index 6d4041f4..fdbba005 100644 --- a/examples/ux/FieldReplicator.js +++ b/examples/ux/FieldReplicator.js @@ -1,80 +1,84 @@ /*! - * Ext JS Library 3.0.3 - * Copyright(c) 2006-2009 Ext JS, LLC - * licensing@extjs.com - * http://www.extjs.com/license + * Ext JS Library 3.3.1 + * Copyright(c) 2006-2010 Sencha Inc. + * licensing@sencha.com + * http://www.sencha.com/license */ -Ext.ns("Ext.ux"); - -/** - * @class Ext.ux.FieldReplicator - *
A plugin for Field Components which creates clones of the Field for as - * long as the user keeps filling them. Leaving the final one blank ends the repeating series.
- *Usage:
- *
- {
- xtype: 'combo',
- plugins: [ Ext.ux.FieldReplicator ],
- triggerAction: 'all',
- fieldLabel: 'Select recipient',
- store: recipientStore
- }
- *
- */
-Ext.ux.FieldReplicator = {
- init: function(f) {
- f.replicator = this;
- f.enableKeyEvents = true;
- f.on('change', this.onChange, this);
- f.onKeyDown = f.onKeyDown.createInterceptor(this.onKeyDown);
- },
-
-// If tabbing out and the change event will be fired, flag that
-// the change handler must focus the correct sibling Field.
- onKeyDown: function(e) {
- if ((e.getKey() == Ext.EventObject.TAB) && (String(this.startValue) !== String(this.getValue()))) {
- if (e.shiftKey) {
- this.focusPrev = true;
- } else if (!e.shiftKey && !e.altKey) {
- this.focusNext = true;
- }
- }
- },
-
-// Handle the field either being changed to blank or from blank.
- onChange: function(f, n, o) {
- var c = f.ownerCt, l,
- ps = f.previousSibling(),
- ns = f.nextSibling();
- if (Ext.isEmpty(n)) {
- if (!Ext.isEmpty(o)) {
-// The Field has been blanked, and it is not the only one left, remove it
- if ((ps && (ps.replicator === this)) || (ns && (ns.replicator === this))) {
- l = f.findParentBy(function(p) {
- return !Ext.isDefined(p.ownerCt);
- });
- c.remove(f);
- l.doLayout();
- }
- }
- } else {
- if (Ext.isEmpty(o)) {
-// Field filled, insert a clone as the next sibling
- ns = new f.constructor(f.cloneConfig());
- c.insert(c.items.indexOf(f) + 1, ns);
- c.doLayout();
- l = f.findParentBy(function(p) {
- return !Ext.isDefined(p.ownerCt);
- });
- l.doLayout();
- }
- }
- if (f.focusPrev) {
- delete f.focusPrev;
- ps.focus(false, true);
- } else if (f.focusNext) {
- delete f.focusNext;
- ns.focus(false, true);
- }
- }
+Ext.ns("Ext.ux");
+
+/**
+ * @class Ext.ux.FieldReplicator
+ * A plugin for Field Components which creates clones of the Field for as + * long as the user keeps filling them. Leaving the final one blank ends the repeating series.
+ *Usage:
+ *
+ {
+ xtype: 'combo',
+ plugins: [ Ext.ux.FieldReplicator ],
+ triggerAction: 'all',
+ fieldLabel: 'Select recipient',
+ store: recipientStore
+ }
+ *
+ */
+Ext.ux.FieldReplicator = {
+ init: function(f) {
+ f.replicator = this;
+ f.enableKeyEvents = true;
+ f.on('change', this.onChange, this);
+ f.onKeyDown = f.onKeyDown.createInterceptor(this.onKeyDown);
+ },
+
+// If tabbing out and the change event will be fired, flag that
+// the change handler must focus the correct sibling Field.
+ onKeyDown: function(e) {
+ if ((e.getKey() == Ext.EventObject.TAB) && (String(this.startValue) !== String(this.getValue()))) {
+ if (e.shiftKey) {
+ this.focusPrev = true;
+ } else if (!e.shiftKey && !e.altKey) {
+ this.focusNext = true;
+ }
+ }
+ },
+
+// Handle the field either being changed to blank or from blank.
+ onChange: function(f, n, o) {
+
+// Ensure that "change" is only fired once.
+ f.startValue = n;
+
+ var c = f.ownerCt, l,
+ ps = f.previousSibling(),
+ ns = f.nextSibling();
+ if (Ext.isEmpty(n)) {
+ if (!Ext.isEmpty(o)) {
+// The Field has been blanked, and it is not the only one left, remove it
+ if ((ps && (ps.replicator === this)) || (ns && (ns.replicator === this))) {
+ l = f.findParentBy(function(p) {
+ return !Ext.isDefined(p.ownerCt);
+ });
+ c.remove(f);
+ l.doLayout();
+ }
+ }
+ } else {
+ if (Ext.isEmpty(o)) {
+// Field filled, insert a clone as the next sibling
+ ns = new f.constructor(f.cloneConfig());
+ c.insert(c.items.indexOf(f) + 1, ns);
+ c.doLayout();
+ l = f.findParentBy(function(p) {
+ return !Ext.isDefined(p.ownerCt);
+ });
+ l.doLayout();
+ }
+ }
+ if (f.focusPrev) {
+ delete f.focusPrev;
+ ps.focus(false, true);
+ } else if (f.focusNext) {
+ delete f.focusNext;
+ ns.focus(false, true);
+ }
+ }
};
\ No newline at end of file