Hi guys,
I am using Bryntum Grid with React Wrapper. After I select some items, and then filter and select some more, the previous selected items will be unselected. Same thing happens when I filter, select some Items and remove filter, all the items will be unselected as well. I'm using ajaxStore and here are some of my configs:
const selectionMode = {
row: true,
checkbox: true,
multiSelect: true,
showCheckAll: true,
deselectFilteredOutRecords: false,
preserveSelectionOnDatasetChange: true,
};
const ajaxStoreConfig = {
readUrl: ***,
pageParamName: 'page[number]',
pageSizeParamName: 'page[per_page]',
filterParamName: 'filter',
params: ***,
pageSize: 8,
autoLoad: true,
autoCommit: true,
};
<BryntumGrid
{...DEFAULT_CONFIG}
selectionMode={selectionMode}
ref={mergeRefs([ref, gridInstanceRef])}
listeners={{
...listeners,
selectionChange: handleSelectionChange,
}}
bbar={pagingToolbar}
store={ajaxStore}
{...restGridProps}
/>
</div>
selectionChange always get triggered when adding or removing filter and selectionChange.action is deselect