New functions set/get_selected_rows

Author: mwouts

packages/dt_for_itables/CHANGELOG.md

@@ -1,3 +1,7 @@
+# 2.0.13 (2024-09-22)
+
+- We have added two functions `set_selected_rows` and `get_selected_rows` to set and retrieve selected rows
+
 # 2.0.12 (2024-09-08)
 
 - We have added the datetime extension for DataTables ([#288](https://github.com/mwouts/itables/issues/288))

packages/dt_for_itables/package-lock.json

@@ -1,6 +1,6 @@
 {
   "name": "dt_for_itables",
-  "version": "2.0.12",
+  "version": "2.0.13",
   "description": "DataTables bundle for itables",
   "main": "src/index.js",
   "typings": "src/index.d.js",

packages/dt_for_itables/package.json

@@ -34,6 +34,26 @@ import 'datatables.net-select-dt/css/select.dataTables.min.css';
 
 import './index.css';
 
+DataTable.get_selected_rows = function (dt) {
+    // Here the selected rows are for the datatable.
+    // We convert them back to the full table
+    let data_row_count = dt.rows().count();
+    let bottom_half = data_row_count / 2;
+    return Array.from(dt.rows({ selected: true }).indexes().map(
+        i => (i < bottom_half ? i : i + dt.filtered_row_count)));
+}
+
+DataTable.set_selected_rows = function (dt, selected_rows) {
+    let data_row_count = dt.rows().count();
+    let bottom_half = data_row_count / 2;
+    let top_half = bottom_half + dt.filtered_row_count;
+    let full_row_count = data_row_count + dt.filtered_row_count;
+    selected_rows = Array.from(selected_rows.filter(i => i >= 0 && i < full_row_count && (i < bottom_half || i >= top_half)).map(
+        i => (i < bottom_half) ? i : i - dt.filtered_row_count));
+    dt.rows().deselect();
+    dt.rows(selected_rows).select();
+}
+
 export { DataTable, DateTime, jQuery };
 
 export default DataTable;

packages/dt_for_itables/src/index.js

@@ -52,19 +52,7 @@ function render({ model, el }: RenderContext<WidgetModel>) {
 	function set_selected_rows_from_model() {
 		// We use this variable to avoid triggering model updates!
 		setting_selected_rows_from_model = true;
-
-		// The model selected rows are for the full table, so
-		// we map them to the actual data
-		let selected_rows = model.get('selected_rows');
-		let full_row_count = model.get('full_row_count');
-		let data_row_count = model.get('data').length;
-		let bottom_half = data_row_count / 2;
-		let top_half = full_row_count - bottom_half;
-		selected_rows = Array.from(selected_rows.filter(i => i >= 0 && i < full_row_count && (i < bottom_half || i >= top_half)).map(
-			i => (i < bottom_half) ? i : i - full_row_count + data_row_count));
-		dt.rows().deselect();
-		dt.rows(selected_rows).select();
-
+		DataTable.set_selected_rows(dt, model.get('selected_rows'));
 		setting_selected_rows_from_model = false;
 	};
 
@@ -84,6 +72,7 @@ function render({ model, el }: RenderContext<WidgetModel>) {
 		}
 		dt_args['data'] = model.get('data');
 		dt = new DataTable(table, dt_args);
+		dt.filtered_row_count = model.get('filtered_row_count');
 	}
 	create_table();
 	set_selected_rows_from_model();
@@ -98,17 +87,7 @@ function render({ model, el }: RenderContext<WidgetModel>) {
 		if (setting_selected_rows_from_model)
 			return;
 
-		let selected_rows = Array.from(dt.rows({ selected: true }).indexes());
-
-		// Here the selected rows are for the datatable.
-		// We convert them back to the full table
-		let full_row_count = model.get('full_row_count');
-		let data_row_count = model.get('data').length;
-		let bottom_half = data_row_count / 2;
-		selected_rows = Array.from(selected_rows.map(
-			i => (i < bottom_half ? i : i + full_row_count - data_row_count)));
-
-		model.set('selected_rows', selected_rows);
+		model.set('selected_rows', DataTable.get_selected_rows(dt));
 		model.save_changes();
 	};