Customize header for list view

[krishnapriya]

Hello,

I need to append the filter field value, to the header of resulting list view page, in one of my custom entity.

Ex:- In accounts if I filter list view values by assigned user, I need to show the assigned user name appended with the heading ACCOUNTS.

Please help me with this topic.

Thanks.

[tanya]

Hello
Override view list, the method getHeader (extends client/src/views/list.js)

https://www.espocrm.com/documentation/development/custom-views/

[krishnapriya]

Hi Tanya,

getHeader method working, but how to get the filter field value dynamically and add it to getHeader method?

Can you please help.

Thanks.

[tanya]

I think you need to rerender header view after clicking search button

[krishnapriya]

getHeader: function () {

var header=this.$el.find('input.input-sm').val();

console.log(header); // displays value correctly

return '<a href="#">' +header + "</a> » " + header;

this.reRender();

},
events: {

'click .btn[data-action="search"]': function (e) {

this.getHeader();
}
},



But header is showing undefined.

Please help

[krishnapriya]

Sorry Tanya, My mistake.

Called reRender function in click event, and it is working.

Thank you so much for your help.

And can you please help me in clearing the filter values when returning back to the same page from other pages.