I am using jqxGrid in my project to display and filter order data. One of the columns, ORDER TERMS, uses a filterType of ‘checkedList’. However, I am encountering an issue where the checkedList filter dropdown does not close when another checkedList ‘PAYMENT MODE’ filter dropdown is opened.
$(‘#ordersCount’).jqxGrid({
width: ‘85%’,
height: 475,
source: dataAdapter,
selectionmode: ‘singlecell’,
columnsresize: true,
filterable: true,
sortable: true,
pageable: true,
autoshowfiltericon: true,
showfilterrow: true,
columns: [
{ text: ‘ORDER TERMS’, columntype: ‘textbox’, filtertype: ‘checkedlist’, datafield: ‘paymenttermscode’, width: 150 },
{ text: ‘PAYMENT MODE’, columntype: ‘textbox’, filtertype: ‘checkedlist’, datafield: ‘paymentmode’, width: 150 },
// Other columns…
]
});
I’m expecting, When a checkedList filter dropdown is open and another checkedList filter dropdown is clicked, the first dropdown should close automatically.