98 lines
No EOL
3.2 KiB
JavaScript
98 lines
No EOL
3.2 KiB
JavaScript
/*
|
|
This file is part of Ext JS 3.4
|
|
|
|
Copyright (c) 2011-2013 Sencha Inc
|
|
|
|
Contact: http://www.sencha.com/contact
|
|
|
|
GNU General Public License Usage
|
|
This file may be used under the terms of the GNU General Public License version 3.0 as
|
|
published by the Free Software Foundation and appearing in the file LICENSE included in the
|
|
packaging of this file.
|
|
|
|
Please review the following information to ensure the GNU General Public License version 3.0
|
|
requirements will be met: http://www.gnu.org/copyleft/gpl.html.
|
|
|
|
If you are unsure which license is appropriate for your use, please contact the sales department
|
|
at http://www.sencha.com/contact.
|
|
|
|
Build date: 2013-04-03 15:07:25
|
|
*/
|
|
Ext.ns("Ext.ux");
|
|
|
|
/**
|
|
* @class Ext.ux.FieldReplicator
|
|
* <p>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.</p>
|
|
* <p>Usage:</p>
|
|
* <pre><code>
|
|
{
|
|
xtype: 'combo',
|
|
plugins: [ Ext.ux.FieldReplicator ],
|
|
triggerAction: 'all',
|
|
fieldLabel: 'Select recipient',
|
|
store: recipientStore
|
|
}
|
|
* </code></pre>
|
|
*/
|
|
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);
|
|
}
|
|
}
|
|
}; |