+
+
+
+
+ | + + | +
|---|
| + + | +
-
-
- 
-
-
-
-
-
- Community
-
-
- Enterprise
-
-
- Odoo.sh
-
+
+
+
+
-
+
+
+ Community
+
+
+ Enterprise
+
+
-
-
-
-
-
-
- 
-
+
+ - Custom List View
-Helps to Show Row Number, Fixed Header, Duplicate Record and Highlight Selected Record in List View.
- -
-
+
-
+
+
+
+
+ + Custom List View +
++ Show Row Number, Fixed Header, Duplicate Record and + Highlight Selected Record in List View. + Export List to Pdf, Excel and CSV. Copy to Clipboard and + Pagination +
+ +
+
-
- 
-
-
- Explore This - Module
+
+
+
+
+
+ + Explore This + Module
-
-
-
-
- 
-
-
- Overview -
+
+
-
+
+
+
+ + Overview +
-
-This module will ensure sticky headers, row numbers, duplicate records and record highlight for list
- view and enhance the user experience.
+
+
-
+ This module ensures sticky headers, row numbers, duplicate record
+ , and record highlighting for list views. It also enables the export
+ of lists in PDF, Excel, and CSV formats, along with providing
+ copy-to-clipboard and pagination options.
+
-
-
- 
-
-
- Features -
-
-
-
- 
- Sticky Header in List Views.
+
- Sticky Header in List Views.
+
+
-
+
-
-
- Row Numbers in List Views.
-
-
- Row Numbers in List Views.
-
-
- Able to Duplicate Records from List Views.
-
-
- Able to Duplicate Records from List Views.
-
-
- Able to Highlight Selected Records in list view.
+
+
- Able to Highlight Selected Records in list view.
+ + Features +
+
+
+
-
+
+ Sticky Header in List Views.
+
+
+
+ Sticky Header in List Views.
+
+
+
+ Row Numbers in List Views.
+
+
+
+ Row Numbers in List Views.
+
+
+
+ Able to Duplicate Records from List Views.
+
+
+
+ Able to Duplicate Records from List Views.
+
+
+
+ Able to Highlight Selected Records in list view.
+
+
+
+ Able to Highlight Selected Records in list view.
+
+
+
+ Export list to PDF, CSV & Excel.
+
+
+
+ Export list to PDF, CSV & Excel.
+
+
+
+ Copy List values to clipboard.
+
+
+ Copy List values to clipboard.
+
+
+ Datatable pagination.
+
+ Datatable pagination.
+
-
- 
-
-
- Screenshots -
+
+
+
+
+
+ + Screenshots +
-
-
-
-
- 
-
-
- Sticky Header in List Views -
-
-
- 
-
-
- Row Numbers in List Views -
-
-
- 
-
- Duplicate Records From List Views -
-
-
- 
+
Highlight Records From List Views. -
-
+
+
-
-
+ 
+
+ + Sticky Header in List Views. +
+
+
+ 
+
+ + Row Numbers in List Views. +
+
+
+ 
+
+ + Duplicate Records From List Views. +
+
+
+ 
+
+ + Highlight Records From List Views. +
+
+
+ 
+
+ + Export ,Copy to Clipboard And Pagination. +
++ We can easily export the list to PDF, Excel, and CSV formats by + clicking the respective buttons. + Clicking the copy-to-clipboard icon allows us to copy the list + values, which can then be pasted anywhere we choose. + Pagination is displayed at the bottom of the list view.
+
+
+ 
+
+ + Copy to Clipboard +
++ Upon copying the values to the clipboard, an alert will be + displayed indicating that the records have been successfully + copied.
+
+
+ 
+
+ Pagination. +
++ When filtering the records, pagination is displayed at the + bottom.
+
+
-
- 
-
-
- Related - Products -
+
+
+
+
+
+ + Related + Products +
-
-
-
-
- 
- 
- 
- 
- 
-
-
- 
-
-
- Our Services -
+
+
-
+
+
+
+ + Our Services +
-
-
-
-
+
-
-
-
-
-
- 
-
-
- - Odoo - Customization
-
-
-
-
- 
-
-
- - Odoo - Implementation
-
-
-
-
-
- 
-
-
- - Odoo - Support
-
-
-
-
- 
-
-
- - Hire - Odoo - Developer
-
-
-
-
- 
-
-
- - Odoo - Integration
-
-
-
-
-
- 
-
-
- - Odoo - Migration
-
-
-
-
- 
-
-
- - Odoo - Consultancy
-
-
-
-
- 
-
-
- - Odoo - Implementation
-
-
-
- 
-
-
- - Odoo - Licensing Consultancy
+
+
-
+
+
+
+
+
+ + Odoo + Customization
+
+
+
+
+
+
+ + Odoo + Implementation
+
+
+
+
+
+
+ + Odoo + Support
+
+
+
+
+
+
+ + Hire + Odoo + Developer
+
+
+
+
+
+
+ + Odoo + Integration
+
+
+
+
+
+
+ + Odoo + Migration
+
+
+
+
+
+
+ + Odoo + Consultancy
+
+
+
+
+
+
+ + Odoo + Implementation
+
+
+
+
+
+ + Odoo + Licensing Consultancy
+
-
- 
-
-
- Our - Industries -
+
+
-
+
+
+
+ + Our + Industries +
-
-
-
-
+
-
-
-
-
- 
-
-
- - Trading -
-- Easily procure - and - sell your products
-
-
-
-
- 
-
-
- - POS -
-- Easy - configuration - and convivial experience
-
-
-
-
- 
-
-
- - Education -
-- A platform for - educational management
-
-
-
-
- 
-
-
- - Manufacturing -
-- Plan, track and - schedule your operations
-
-
-
-
- 
-
-
- - E-commerce & Website -
-- Mobile - friendly, - awe-inspiring product pages
-
-
-
-
- 
-
-
- - Service Management -
-- Keep track of - services and invoice
-
-
-
-
- 
-
-
- - Restaurant -
-- Run your bar or - restaurant methodically
-
-
- 
-
+
- - Hotel Management -
-- An - all-inclusive - hotel management application
-
+
-
+
+
+
+
+
+ + Trading +
++ Easily procure + and + sell your products
+
+
+
+
+
+
+ + POS +
++ Easy + configuration + and convivial experience
+
+
+
+
+
+
+ + Education +
++ A platform for + educational management
+
+
+
+
+
+
+ + Manufacturing +
++ Plan, track and + schedule your operations
+
+
+
+
+
+
+ + E-commerce & Website +
++ Mobile + friendly, + awe-inspiring product pages
+
+
+
+
+
+
+ + Service Management +
++ Keep track of + services and invoice
+
+
+
+
+
+
+ + Restaurant +
++ Run your bar or + restaurant methodically
+
+
+
+
+
+ + Hotel Management +
++ An + all-inclusive + hotel management application
+
-
- 
-
-
- Support -
+
+
+
+
+
+ + Support +
-
-
-
-
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/custom_list_view/static/src/xml/list_renderer.xml b/custom_list_view/static/src/xml/list_renderer.xml
new file mode 100644
index 000000000..1ef9c4e86
--- /dev/null
+++ b/custom_list_view/static/src/xml/list_renderer.xml
@@ -0,0 +1,65 @@
+
+
+
+
+
+
+
+
+ Sl No
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/custom_list_view/static/src/xml/record_highlight.xml b/custom_list_view/static/src/xml/record_highlight.xml
deleted file mode 100644
index 3ec2ff743..000000000
--- a/custom_list_view/static/src/xml/record_highlight.xml
+++ /dev/null
@@ -1,18 +0,0 @@
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
\ No newline at end of file
- 
+
-
+
+
-
+
-
-
+
+
+
+
+
+
-
-
-
-
- 
+
+
+
-
-
+
+
+
+
+
+
-
-
+
\ No newline at end of file
diff --git a/custom_list_view/static/src/css/highlight.css b/custom_list_view/static/src/css/highlight.css
index 156078a9b..b8e5ff559 100644
--- a/custom_list_view/static/src/css/highlight.css
+++ b/custom_list_view/static/src/css/highlight.css
@@ -1,4 +1,3 @@
-
.o_list_renderer tr.o_data_row.selected_record td{
background-color: #7c7aad;
color:#ffffff
diff --git a/custom_list_view/static/src/js/duplicate_record.js b/custom_list_view/static/src/js/duplicate_record.js
deleted file mode 100644
index 7e51cdb15..000000000
--- a/custom_list_view/static/src/js/duplicate_record.js
+++ /dev/null
@@ -1,30 +0,0 @@
-/** @odoo-module */
-import { patch } from "@web/core/utils/patch";
-import { ListController } from '@web/views/list/list_controller';
-
-const { Component, onWillStart, useSubEnv, useEffect, useRef } = owl;
-
-patch(ListController.prototype, "getActionMenuItems", {
- async _onDuplicateSelectedRecords() {
- for (var record in this.model.root.records) {
- if (this.model.root.records[record].selected) {
- await this.model.root.records[record].duplicate();
- }
- }
- window.location.reload();
- },
-
- getActionMenuItems() {
- const actionMenuItems = this._super.apply(this, arguments);
- var self = this;
- if (actionMenuItems) {
- actionMenuItems.other.splice(1, 0, {
- description: this.env._t("Duplicate"),
- callback: (x) => {
- this._onDuplicateSelectedRecords();
- }
- });
- }
- return actionMenuItems;
- }
-});
\ No newline at end of file
diff --git a/custom_list_view/static/src/js/list_controller.js b/custom_list_view/static/src/js/list_controller.js
new file mode 100644
index 000000000..45bd39e79
--- /dev/null
+++ b/custom_list_view/static/src/js/list_controller.js
@@ -0,0 +1,176 @@
+/** @odoo-module */
+import { patch } from "@web/core/utils/patch";
+import { ListController } from '@web/views/list/list_controller';
+import { download } from "@web/core/network/download";
+var ajax = require('web.ajax');
+var Dialog = require('web.Dialog');
+
+patch(ListController.prototype, "CustomListView", {
+ /**
+ * Duplicate selected records and reload the page.
+ */
+ async _onDuplicateSelectedRecords() {
+ for (var record in this.model.root.records) {
+ if (this.model.root.records[record].selected) {
+ await this.model.root.records[record].duplicate();
+ }
+ }
+ window.location.reload();
+ },
+ /**
+ * Get the action menu items and add a "Duplicate" option.
+ *
+ * @returns {Object} Action menu items.
+ */
+ getActionMenuItems() {
+ const actionMenuItems = this._super.apply(this, arguments);
+ var self = this;
+ if (actionMenuItems) {
+ actionMenuItems.other.splice(1, 0, {
+ description: this.env._t("Duplicate"),
+ callback: (x) => {
+ this._onDuplicateSelectedRecords();
+ }
+ });
+ }
+ return actionMenuItems;
+ },
+ /**
+ * Handle the click event for exporting data to a PDF.
+ */
+ _onClickPDF: async function() {
+ var self = this;
+ // Retrieve the fields to export
+ const fields = this.props.archInfo.columns
+ .filter((col) => col.optional === false || col.optional === "show")
+ .map((col) => this.props.fields[col.name])
+ const exportFields = fields.map((field) => ({
+ name: field.name,
+ label: field.label || field.string,
+ }));
+ const resIds = await this.getSelectedResIds();
+ var length_field = Array.from(Array(exportFields.length).keys());
+ // Make a JSON-RPC request to retrieve the data for the report
+ ajax.jsonRpc('/get_data', 'call', {
+ 'model': this.model.root.resModel,
+ 'res_ids': resIds.length > 0 && resIds,
+ 'fields': exportFields,
+ 'grouped_by': this.model.root.groupBy,
+ 'context': this.props.context,
+ 'domain': this.model.root.domain,
+ 'context': this.props.context,
+ }).then(function(data) {
+ var model = self.model.root.resModel
+ // Generate and download the PDF report
+ return self.model.action.doAction({
+ type: "ir.actions.report",
+ report_type: "qweb-pdf",
+ report_name: 'custom_list_view.print_pdf_listview',
+ report_file: "custom_list_view.print_pdf_listview",
+ data: {
+ 'length': length_field,
+ 'record': data
+ }
+ });
+ });
+ },
+ /**
+ * Handle the click event for exporting data to Excel.
+ */
+ _onClickExcel: async function() {
+ // Retrieve the fields to export
+ const fields = this.props.archInfo.columns
+ .filter((col) => col.optional === false || col.optional === "show")
+ .map((col) => this.props.fields[col.name])
+ .filter((field) => field.exportable !== false);
+ const exportFields = fields.map((field) => ({
+ name: field.name,
+ label: field.label || field.string,
+ store: field.store,
+ type: field.field_type || field.type,
+ }));
+ const resIds = await this.getSelectedResIds();
+ const import_compat = false
+ // Make a request to download the Excel file
+ await download({
+ data: {
+ data: JSON.stringify({
+ import_compat,
+ context: this.props.context,
+ domain: this.model.root.domain,
+ fields: exportFields,
+ groupby: this.model.root.groupBy,
+ ids: resIds.length > 0 && resIds,
+ model: this.model.root.resModel,
+ }),
+ },
+ url: `/web/export/xlsx`,
+ });
+ },
+ /**
+ * Handle the click event for exporting data to CSV.
+ */
+ _onClickCSV: async function() {
+ const fields = this.props.archInfo.columns
+ .filter((col) => col.optional === false || col.optional === "show")
+ .map((col) => this.props.fields[col.name])
+ .filter((field) => field.exportable !== false);
+ const exportFields = fields.map((field) => ({
+ name: field.name,
+ label: field.label || field.string,
+ store: field.store,
+ type: field.field_type || field.type,
+ }));
+ const resIds = await this.getSelectedResIds();
+ const import_compat = false
+ // Make a request to download the CSV file
+ await download({
+ data: {
+ data: JSON.stringify({
+ import_compat,
+ context: this.props.context,
+ domain: this.model.root.domain,
+ fields: exportFields,
+ groupby: this.model.root.groupBy,
+ ids: resIds.length > 0 && resIds,
+ model: this.model.root.resModel,
+ }),
+ },
+ url: `/web/export/csv`,
+ });
+ },
+ /**
+ * Handle the click event for copying data to the clipboard.
+ */
+ _onClickCopy: async function() {
+ var self = this;
+ // Retrieve the fields to export
+ const fields = this.props.archInfo.columns
+ .filter((col) => col.type === "field")
+ .map((col) => this.props.fields[col.name])
+ const exportFields = fields.map((field) => ({
+ name: field.name,
+ label: field.label || field.string,
+ }));
+ const resIds = await this.getSelectedResIds();
+ var length_field = Array.from(Array(exportFields.length).keys());
+ // Make a JSON-RPC request to retrieve the data to copy
+ ajax.jsonRpc('/get_data/copy', 'call', {
+ 'model': this.model.root.resModel,
+ 'res_ids': resIds.length > 0 && resIds,
+ 'fields': exportFields,
+ 'grouped_by': this.model.root.groupBy,
+ 'context': this.props.context,
+ 'domain': this.model.root.domain,
+ 'context': this.props.context,
+ }).then(function(data) {
+ // Format the data as text and copy it to the clipboard
+ var recText = data.map(function(record) {
+ return record.join("\t"); // Join the elements of each array with tabs ("\t")
+ }).join("\n");
+ // Copy the recText to the clipboard
+ navigator.clipboard.writeText(recText);
+ Dialog.alert(self, "Records Copied to Clipboard ", {});
+ });
+ },
+});
diff --git a/custom_list_view/static/src/js/list_renderer.js b/custom_list_view/static/src/js/list_renderer.js
new file mode 100644
index 000000000..cc21711a1
--- /dev/null
+++ b/custom_list_view/static/src/js/list_renderer.js
@@ -0,0 +1,25 @@
+/** @odoo-module **/
+import { session } from "@web/session";
+import { ListRenderer } from "@web/views/list/list_renderer";
+import { patch } from "@web/core/utils/patch";
+import { browser } from "@web/core/browser/browser";
+import { useService } from "@web/core/utils/hooks";
+const {onMounted} = owl;
+
+/**
+ * Patched function to toggle record selection and add a CSS class to selected records.
+ *
+ * @param {Object} record - The record to toggle selection for.
+ */
+patch(ListRenderer.prototype, 'custom_list_view/static/src/js/list_renderer.js', {
+ toggleRecordSelection(record) {
+ var self = this;
+ this._super.apply(this, arguments);
+ var selectedRecord = $(event.target).closest('tr')
+ if ($(event.target).prop('checked')) {
+ selectedRecord.addClass('selected_record');
+ } else {
+ selectedRecord.removeClass('selected_record')
+ }
+ }
+});
diff --git a/custom_list_view/static/src/js/record_highlight.js b/custom_list_view/static/src/js/record_highlight.js
deleted file mode 100644
index 4e55d5fb7..000000000
--- a/custom_list_view/static/src/js/record_highlight.js
+++ /dev/null
@@ -1,34 +0,0 @@
-/** @odoo-module **/
-import { session } from "@web/session";
-import { ListRenderer } from "@web/views/list/list_renderer";
-import { patch } from "@web/core/utils/patch";
-import { browser } from "@web/core/browser/browser";
-import { useService } from "@web/core/utils/hooks";
-const {onMounted} = owl;
-
-patch(ListRenderer.prototype, 'custom_list_view/static/src/js/record_highlight.js', {
- setup(){
- this._super(...arguments)
- onMounted(() => {
- var tdElement = document.createElement('td');
- var thElement = document.createElement('th');
- thElement.innerText = "Sl No"
- thElement.style.width = "60px"
- var firstRow = $(this.__owl__.bdom.parentEl.querySelectorAll('.o_list_table')).find('thead tr').first();
- var secondRow = $(this.__owl__.bdom.parentEl.querySelectorAll('.o_list_footer')).find('tr').first();
- firstRow.prepend(thElement);
- secondRow.prepend(tdElement);
- });
- },
-
- toggleRecordSelection(record) {
- var self = this;
- this._super.apply(this, arguments);
- var selectedRecord = $(event.target).closest('tr')
- if($(event.target).prop('checked')){
- selectedRecord.addClass('selected_record');
- } else {
- selectedRecord.removeClass('selected_record')
- }
- }
-})
diff --git a/custom_list_view/static/src/xml/list_controller.xml b/custom_list_view/static/src/xml/list_controller.xml
new file mode 100644
index 000000000..7b6dbd532
--- /dev/null
+++ b/custom_list_view/static/src/xml/list_controller.xml
@@ -0,0 +1,41 @@
+
+
- 
+
+
+
-
+
+
+
+ Showing from
+
+
+
+
+ of
+
+
+
+ Showing from
+
+
+
+
+ of
+
+
+