I have an array of dropdown lists.
$(“#mapFilterList” + ii).jqxDropDownList({
source: jsonDropDownJsonStr,
width: 400,
theme: websiteTheme,
height: ’15px’,
checkboxes: true,
selectedIndex: 1,
placeHolder: “Please Select Filter Data:”,
displayMember: ‘columnDisplayName’,
valueMember: ‘columnFilterString’
});
I have a button where i want to clear the selection and uncheck all that was checked.
$(“#mapFilterClear”).on(‘click’, function() {
$(“#map-canvas”).html(pleaseWaitHTML);
for (var jj = 0; jj < numberFilterDropDowns; jj++)
{
//$(“#mapFilterList” + jj).jqxDropDownList(‘uncheckAll’);
$(“#mapFilterList” + jj).jqxDropDownList(‘clearSelection’);
}
});
$(“#mapFilterList” + jj).jqxDropDownList(‘clearSelection’); works so that the selected ones are no longer in the title bar however when i click on the dropdown they are still selected. I tried the other code $(“#mapFilterList” + jj).jqxDropDownList(‘uncheckAll’); and that doesn’t work. It errors out.
