/*
|
This file is part of Ext JS 4.2
|
|
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-05-16 14:36:50 (f9be68accb407158ba2b1be2c226a6ce1f649314)
|
*/
|
/**
|
* @private
|
*/
|
Ext.define('Ext.selection.DataViewModel', {
|
extend: 'Ext.selection.Model',
|
|
requires: ['Ext.util.KeyNav'],
|
|
deselectOnContainerClick: true,
|
|
/**
|
* @cfg {Boolean} enableKeyNav
|
*
|
* Turns on/off keyboard navigation within the DataView.
|
*/
|
enableKeyNav: true,
|
|
constructor: function(cfg){
|
this.addEvents(
|
/**
|
* @event beforedeselect
|
* Fired before a record is deselected. If any listener returns false, the
|
* deselection is cancelled.
|
* @param {Ext.selection.DataViewModel} this
|
* @param {Ext.data.Model} record The deselected record
|
*/
|
'beforedeselect',
|
|
/**
|
* @event beforeselect
|
* Fired before a record is selected. If any listener returns false, the
|
* selection is cancelled.
|
* @param {Ext.selection.DataViewModel} this
|
* @param {Ext.data.Model} record The selected record
|
*/
|
'beforeselect',
|
|
/**
|
* @event deselect
|
* Fired after a record is deselected
|
* @param {Ext.selection.DataViewModel} this
|
* @param {Ext.data.Model} record The deselected record
|
*/
|
'deselect',
|
|
/**
|
* @event select
|
* Fired after a record is selected
|
* @param {Ext.selection.DataViewModel} this
|
* @param {Ext.data.Model} record The selected record
|
*/
|
'select'
|
);
|
this.callParent(arguments);
|
},
|
|
bindComponent: function(view) {
|
var me = this,
|
eventListeners = {
|
refresh: me.refresh,
|
scope: me
|
};
|
|
me.view = view;
|
me.bindStore(view.getStore());
|
|
eventListeners[view.triggerEvent] = me.onItemClick;
|
eventListeners[view.triggerCtEvent] = me.onContainerClick;
|
|
view.on(eventListeners);
|
|
if (me.enableKeyNav) {
|
me.initKeyNav(view);
|
}
|
},
|
|
onUpdate: function(record){
|
var view = this.view;
|
if (view && this.isSelected(record)) {
|
view.onItemSelect(record);
|
}
|
},
|
|
onItemClick: function(view, record, item, index, e) {
|
this.selectWithEvent(record, e);
|
},
|
|
onContainerClick: function() {
|
if (this.deselectOnContainerClick) {
|
this.deselectAll();
|
}
|
},
|
|
initKeyNav: function(view) {
|
var me = this;
|
|
if (!view.rendered) {
|
view.on({
|
render: Ext.Function.bind(me.initKeyNav, me, [view]),
|
single: true
|
});
|
return;
|
}
|
|
view.el.set({
|
tabIndex: -1
|
});
|
me.keyNav = new Ext.util.KeyNav({
|
target: view.el,
|
ignoreInputFields: true,
|
down: Ext.pass(me.onNavKey, [1], me),
|
right: Ext.pass(me.onNavKey, [1], me),
|
left: Ext.pass(me.onNavKey, [-1], me),
|
up: Ext.pass(me.onNavKey, [-1], me),
|
scope: me
|
});
|
},
|
|
onNavKey: function(step) {
|
step = step || 1;
|
var me = this,
|
view = me.view,
|
selected = me.getSelection()[0],
|
numRecords = me.view.store.getCount(),
|
idx;
|
|
if (selected) {
|
idx = view.indexOf(view.getNode(selected)) + step;
|
} else {
|
idx = 0;
|
}
|
|
if (idx < 0) {
|
idx = numRecords - 1;
|
} else if (idx >= numRecords) {
|
idx = 0;
|
}
|
|
me.select(idx);
|
},
|
|
// Allow the DataView to update the ui
|
onSelectChange: function(record, isSelected, suppressEvent, commitFn) {
|
var me = this,
|
view = me.view,
|
eventName = isSelected ? 'select' : 'deselect';
|
|
if ((suppressEvent || me.fireEvent('before' + eventName, me, record)) !== false &&
|
commitFn() !== false) {
|
|
if (view) {
|
if (isSelected) {
|
view.onItemSelect(record);
|
} else {
|
view.onItemDeselect(record);
|
}
|
}
|
|
if (!suppressEvent) {
|
me.fireEvent(eventName, me, record);
|
}
|
}
|
},
|
|
onLastFocusChanged: function(oldFocus, newFocus, suppressFocus){
|
var view = this.view;
|
if (view && !suppressFocus && newFocus) {
|
view.focusNode(newFocus);
|
this.fireEvent('focuschange', this, oldFocus, newFocus);
|
}
|
},
|
|
destroy: function(){
|
Ext.destroy(this.keyNav);
|
this.callParent();
|
}
|
});
|
