Built files from Bizgaze WebServer
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

select_row.js 11KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417
  1. var _typeof = typeof Symbol === "function" && typeof Symbol.iterator === "symbol" ? function (obj) { return typeof obj; } : function (obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; };
  2. /* Tabulator v4.8.2 (c) Oliver Folkerd */
  3. var SelectRow = function SelectRow(table) {
  4. this.table = table; //hold Tabulator object
  5. this.selecting = false; //flag selecting in progress
  6. this.lastClickedRow = false; //last clicked row
  7. this.selectPrev = []; //hold previously selected element for drag drop selection
  8. this.selectedRows = []; //hold selected rows
  9. this.headerCheckboxElement = null; // hold header select element
  10. };
  11. SelectRow.prototype.clearSelectionData = function (silent) {
  12. this.selecting = false;
  13. this.lastClickedRow = false;
  14. this.selectPrev = [];
  15. this.selectedRows = [];
  16. if (!silent) {
  17. this._rowSelectionChanged();
  18. }
  19. };
  20. SelectRow.prototype.initializeRow = function (row) {
  21. var self = this,
  22. element = row.getElement();
  23. // trigger end of row selection
  24. var endSelect = function endSelect() {
  25. setTimeout(function () {
  26. self.selecting = false;
  27. }, 50);
  28. document.body.removeEventListener("mouseup", endSelect);
  29. };
  30. row.modules.select = { selected: false };
  31. //set row selection class
  32. if (self.table.options.selectableCheck.call(this.table, row.getComponent())) {
  33. element.classList.add("tabulator-selectable");
  34. element.classList.remove("tabulator-unselectable");
  35. if (self.table.options.selectable && self.table.options.selectable != "highlight") {
  36. if (self.table.options.selectableRangeMode === "click") {
  37. element.addEventListener("click", function (e) {
  38. if (e.shiftKey) {
  39. self.table._clearSelection();
  40. self.lastClickedRow = self.lastClickedRow || row;
  41. var lastClickedRowIdx = self.table.rowManager.getDisplayRowIndex(self.lastClickedRow);
  42. var rowIdx = self.table.rowManager.getDisplayRowIndex(row);
  43. var fromRowIdx = lastClickedRowIdx <= rowIdx ? lastClickedRowIdx : rowIdx;
  44. var toRowIdx = lastClickedRowIdx >= rowIdx ? lastClickedRowIdx : rowIdx;
  45. var rows = self.table.rowManager.getDisplayRows().slice(0);
  46. var toggledRows = rows.splice(fromRowIdx, toRowIdx - fromRowIdx + 1);
  47. if (e.ctrlKey || e.metaKey) {
  48. toggledRows.forEach(function (toggledRow) {
  49. if (toggledRow !== self.lastClickedRow) {
  50. if (self.table.options.selectable !== true && !self.isRowSelected(row)) {
  51. if (self.selectedRows.length < self.table.options.selectable) {
  52. self.toggleRow(toggledRow);
  53. }
  54. } else {
  55. self.toggleRow(toggledRow);
  56. }
  57. }
  58. });
  59. self.lastClickedRow = row;
  60. } else {
  61. self.deselectRows(undefined, true);
  62. if (self.table.options.selectable !== true) {
  63. if (toggledRows.length > self.table.options.selectable) {
  64. toggledRows = toggledRows.slice(0, self.table.options.selectable);
  65. }
  66. }
  67. self.selectRows(toggledRows);
  68. }
  69. self.table._clearSelection();
  70. } else if (e.ctrlKey || e.metaKey) {
  71. self.toggleRow(row);
  72. self.lastClickedRow = row;
  73. } else {
  74. self.deselectRows(undefined, true);
  75. self.selectRows(row);
  76. self.lastClickedRow = row;
  77. }
  78. });
  79. } else {
  80. element.addEventListener("click", function (e) {
  81. if (!self.table.modExists("edit") || !self.table.modules.edit.getCurrentCell()) {
  82. self.table._clearSelection();
  83. }
  84. if (!self.selecting) {
  85. self.toggleRow(row);
  86. }
  87. });
  88. element.addEventListener("mousedown", function (e) {
  89. if (e.shiftKey) {
  90. self.table._clearSelection();
  91. self.selecting = true;
  92. self.selectPrev = [];
  93. document.body.addEventListener("mouseup", endSelect);
  94. document.body.addEventListener("keyup", endSelect);
  95. self.toggleRow(row);
  96. return false;
  97. }
  98. });
  99. element.addEventListener("mouseenter", function (e) {
  100. if (self.selecting) {
  101. self.table._clearSelection();
  102. self.toggleRow(row);
  103. if (self.selectPrev[1] == row) {
  104. self.toggleRow(self.selectPrev[0]);
  105. }
  106. }
  107. });
  108. element.addEventListener("mouseout", function (e) {
  109. if (self.selecting) {
  110. self.table._clearSelection();
  111. self.selectPrev.unshift(row);
  112. }
  113. });
  114. }
  115. }
  116. } else {
  117. element.classList.add("tabulator-unselectable");
  118. element.classList.remove("tabulator-selectable");
  119. }
  120. };
  121. //toggle row selection
  122. SelectRow.prototype.toggleRow = function (row) {
  123. if (this.table.options.selectableCheck.call(this.table, row.getComponent())) {
  124. if (row.modules.select && row.modules.select.selected) {
  125. this._deselectRow(row);
  126. } else {
  127. this._selectRow(row);
  128. }
  129. }
  130. };
  131. //select a number of rows
  132. SelectRow.prototype.selectRows = function (rows) {
  133. var _this = this;
  134. var rowMatch;
  135. switch (typeof rows === "undefined" ? "undefined" : _typeof(rows)) {
  136. case "undefined":
  137. this.table.rowManager.rows.forEach(function (row) {
  138. _this._selectRow(row, true, true);
  139. });
  140. this._rowSelectionChanged();
  141. break;
  142. case "string":
  143. rowMatch = this.table.rowManager.findRow(rows);
  144. if (rowMatch) {
  145. this._selectRow(rowMatch, true, true);
  146. } else {
  147. this.table.rowManager.getRows(rows).forEach(function (row) {
  148. _this._selectRow(row, true, true);
  149. });
  150. }
  151. this._rowSelectionChanged();
  152. break;
  153. default:
  154. if (Array.isArray(rows)) {
  155. rows.forEach(function (row) {
  156. _this._selectRow(row, true, true);
  157. });
  158. this._rowSelectionChanged();
  159. } else {
  160. this._selectRow(rows, false, true);
  161. }
  162. break;
  163. }
  164. };
  165. //select an individual row
  166. SelectRow.prototype._selectRow = function (rowInfo, silent, force) {
  167. var index;
  168. //handle max row count
  169. if (!isNaN(this.table.options.selectable) && this.table.options.selectable !== true && !force) {
  170. if (this.selectedRows.length >= this.table.options.selectable) {
  171. if (this.table.options.selectableRollingSelection) {
  172. this._deselectRow(this.selectedRows[0]);
  173. } else {
  174. return false;
  175. }
  176. }
  177. }
  178. var row = this.table.rowManager.findRow(rowInfo);
  179. if (row) {
  180. if (this.selectedRows.indexOf(row) == -1) {
  181. if (!row.modules.select) {
  182. row.modules.select = {};
  183. }
  184. row.modules.select.selected = true;
  185. if (row.modules.select.checkboxEl) {
  186. row.modules.select.checkboxEl.checked = true;
  187. }
  188. row.getElement().classList.add("tabulator-selected");
  189. this.selectedRows.push(row);
  190. if (this.table.options.dataTreeSelectPropagate) {
  191. this.childRowSelection(row, true);
  192. }
  193. if (!silent) {
  194. this.table.options.rowSelected.call(this.table, row.getComponent());
  195. }
  196. this._rowSelectionChanged(silent);
  197. }
  198. } else {
  199. if (!silent) {
  200. console.warn("Selection Error - No such row found, ignoring selection:" + rowInfo);
  201. }
  202. }
  203. };
  204. SelectRow.prototype.isRowSelected = function (row) {
  205. return this.selectedRows.indexOf(row) !== -1;
  206. };
  207. //deselect a number of rows
  208. SelectRow.prototype.deselectRows = function (rows, silent) {
  209. var self = this,
  210. rowCount;
  211. if (typeof rows == "undefined") {
  212. rowCount = self.selectedRows.length;
  213. for (var i = 0; i < rowCount; i++) {
  214. self._deselectRow(self.selectedRows[0], true);
  215. }
  216. self._rowSelectionChanged(silent);
  217. } else {
  218. if (Array.isArray(rows)) {
  219. rows.forEach(function (row) {
  220. self._deselectRow(row, true);
  221. });
  222. self._rowSelectionChanged(silent);
  223. } else {
  224. self._deselectRow(rows, silent);
  225. }
  226. }
  227. };
  228. //deselect an individual row
  229. SelectRow.prototype._deselectRow = function (rowInfo, silent) {
  230. var self = this,
  231. row = self.table.rowManager.findRow(rowInfo),
  232. index;
  233. if (row) {
  234. index = self.selectedRows.findIndex(function (selectedRow) {
  235. return selectedRow == row;
  236. });
  237. if (index > -1) {
  238. if (!row.modules.select) {
  239. row.modules.select = {};
  240. }
  241. row.modules.select.selected = false;
  242. if (row.modules.select.checkboxEl) {
  243. row.modules.select.checkboxEl.checked = false;
  244. }
  245. row.getElement().classList.remove("tabulator-selected");
  246. self.selectedRows.splice(index, 1);
  247. if (this.table.options.dataTreeSelectPropagate) {
  248. this.childRowSelection(row, false);
  249. }
  250. if (!silent) {
  251. self.table.options.rowDeselected.call(this.table, row.getComponent());
  252. }
  253. self._rowSelectionChanged(silent);
  254. }
  255. } else {
  256. if (!silent) {
  257. console.warn("Deselection Error - No such row found, ignoring selection:" + rowInfo);
  258. }
  259. }
  260. };
  261. SelectRow.prototype.getSelectedData = function () {
  262. var data = [];
  263. this.selectedRows.forEach(function (row) {
  264. data.push(row.getData());
  265. });
  266. return data;
  267. };
  268. SelectRow.prototype.getSelectedRows = function () {
  269. var rows = [];
  270. this.selectedRows.forEach(function (row) {
  271. rows.push(row.getComponent());
  272. });
  273. return rows;
  274. };
  275. SelectRow.prototype._rowSelectionChanged = function (silent) {
  276. if (this.headerCheckboxElement) {
  277. if (this.selectedRows.length === 0) {
  278. this.headerCheckboxElement.checked = false;
  279. this.headerCheckboxElement.indeterminate = false;
  280. } else if (this.table.rowManager.rows.length === this.selectedRows.length) {
  281. this.headerCheckboxElement.checked = true;
  282. this.headerCheckboxElement.indeterminate = false;
  283. } else {
  284. this.headerCheckboxElement.indeterminate = true;
  285. this.headerCheckboxElement.checked = false;
  286. }
  287. }
  288. if (!silent) {
  289. this.table.options.rowSelectionChanged.call(this.table, this.getSelectedData(), this.getSelectedRows());
  290. }
  291. };
  292. SelectRow.prototype.registerRowSelectCheckbox = function (row, element) {
  293. if (!row._row.modules.select) {
  294. row._row.modules.select = {};
  295. }
  296. row._row.modules.select.checkboxEl = element;
  297. };
  298. SelectRow.prototype.registerHeaderSelectCheckbox = function (element) {
  299. this.headerCheckboxElement = element;
  300. };
  301. SelectRow.prototype.childRowSelection = function (row, select) {
  302. var children = this.table.modules.dataTree.getChildren(row);
  303. if (select) {
  304. for (var _iterator = children, _isArray = Array.isArray(_iterator), _i = 0, _iterator = _isArray ? _iterator : _iterator[Symbol.iterator]();;) {
  305. var _ref;
  306. if (_isArray) {
  307. if (_i >= _iterator.length) break;
  308. _ref = _iterator[_i++];
  309. } else {
  310. _i = _iterator.next();
  311. if (_i.done) break;
  312. _ref = _i.value;
  313. }
  314. var child = _ref;
  315. this._selectRow(child, true);
  316. }
  317. } else {
  318. for (var _iterator2 = children, _isArray2 = Array.isArray(_iterator2), _i2 = 0, _iterator2 = _isArray2 ? _iterator2 : _iterator2[Symbol.iterator]();;) {
  319. var _ref2;
  320. if (_isArray2) {
  321. if (_i2 >= _iterator2.length) break;
  322. _ref2 = _iterator2[_i2++];
  323. } else {
  324. _i2 = _iterator2.next();
  325. if (_i2.done) break;
  326. _ref2 = _i2.value;
  327. }
  328. var _child = _ref2;
  329. this._deselectRow(_child, true);
  330. }
  331. }
  332. };
  333. Tabulator.prototype.registerModule("selectRow", SelectRow);