c1.documentReady(function () {
var data = [];
var countries = 'Austria,Belgium,Chile,Denmark,Finland,Japan,UK'.split(',');
for (var i = 0; i < 300; i++) {
data.push({
id: i,
from: countries[i % countries.length],
to: countries[(i + 1) % countries.length],
sales: Math.random() * 10000,
expenses: Math.random() * 5000,
amount: Math.random() * 10000,
extra: Math.random() * 10000,
});
}
var theGrid = wijmo.Control.getControl('#theGrid');
theGrid.itemsSource = data;
var xsm = new ExtendedSelectionManager(theGrid);
xsm.selectedRanges.collectionChanged.addHandler(function (s, e) {
var arr = xsm.selectedRanges;
console.log('selectedRanges: ' + arr.length);
for (var i = 0; i < arr.length; i++) {
console.log(' ' + i + wijmo.format(': ({row},{col})-({row2}-{col2})', arr[i]));
}
});
});
'use strict';
var ExtendedSelectionManager = (function () {
function ExtendedSelectionManager(flex) {
var _this = this;
this._selRanges = new wijmo.collections.ObservableArray();
this._extending = false;
flex.addEventListener(flex.hostElement, 'mousedown', function (e) {
_this._extending = e.button == 0 && (e.ctrlKey || e.metaKey);
if (!_this._extending && _this._selRanges.length) {
_this._selRanges.clear();
}
}, true);
flex.addEventListener(flex.hostElement, 'mouseup', function (e) {
_this._extending = false;
});
flex.selectionChanging.addHandler(function (s, e) {
if (_this._extending) {
var xrng = _this._selRanges, curr = flex.selection, last = xrng.length ? xrng[xrng.length - 1] : null;
if (last && curr.intersects(last)) {
xrng.setAt(xrng.length - 1, curr);
}
else {
_this._selRanges.push(curr);
}
}
});
flex.selectionChanged.addHandler(function (s, e) {
var xrng = _this._selRanges;
if (!_this._extending && xrng.length) {
xrng.clear();
}
});
flex.formatItem.addHandler(function (s, e) {
if (e.panel == flex.cells) {
_this._updateCellStyle(e.row, e.col, e.cell);
}
});
this._selRanges.collectionChanged.addHandler(function () {
setTimeout(function () {
var rng = flex.viewRange;
for (var r = rng.row; r <= rng.row2; r++) {
for (var c = rng.col; c <= rng.col2; c++) {
var cell = flex.cells.getCellElement(r, c);
_this._updateCellStyle(r, c, cell);
}
}
});
});
}
Object.defineProperty(ExtendedSelectionManager.prototype, "selectedRanges", {
get: function () {
return this._selRanges;
},
enumerable: true,
configurable: true
});
ExtendedSelectionManager.prototype._updateCellStyle = function (r, c, cell) {
var selected = false;
for (var i = 0; i < this._selRanges.length && !selected; i++) {
selected = this._selRanges[i].contains(r, c);
}
wijmo.toggleClass(cell, 'extended-selection', selected);
};
return ExtendedSelectionManager;
}());
