{
type: 'container',
style: 'margin-top:auto',
width: 'min-content',
items: [
{
style: 'margin-left:auto',
type: 'text',
cls: ' b-pool-search',
triggers: {
plug: {
cls: 'b-fa b-fa-search b-fieldtrigger',
align: 'start',
},
},
listeners: {
input(props: any) {
const { source, value } = props;
const { store } = source.up('grid');
console.log(store, 'store');
store.clearFilters();
store.filter((record: any) => record.Name.toLowerCase().includes(value.toLowerCase()));
},
},
},
{
type: 'label',
html: `<div><span class='labelResourceCountText'> ${intl.formatMessage({ id: 'Showing' })} ${
poolsGridRows.length
} ${intl.formatMessage({ id: 'Pools' })}</span></div>`,
},
],
},
By default i need to display this message
<span class='labelResourceCountText'> ${intl.formatMessage({ id: 'Showing' })} ${
poolsGridRows.length
} ${intl.formatMessage({ id: 'Pools' })}</span></div>
when i search anything in the search box then based on result if i got one value then i need to show Showing 1 out of 35 results this type of message
if i got 2 values then in place of 1 i need to see 2