selectedIndex in jqxDropDownList become weird after upgrade to 3.9.0

[harunmahfudParticipant]

SelectedIndex function is not functioning unless I set my datasource async value to false.
this is my code

$('#purpose').jqxDropDownList({
	theme: theme,
	autoDropDownHeight: true,
	source: new $.jqx.dataAdapter({datatype: 'json', datafields: [{name: 'matr_purpose'}, {name: 'description'}], url: 'master/purpose', async: false}), //if async: false is removed, selectedIndex is not working
	displayMember: 'description',
	valueMember: 'matr_purpose',
	enableBrowserBoundsDetection: true,
	width: 150,
	selectedIndex: 3
});

It’s weird because in previous version I don’t have to set async value to false.
I need to upgrade to latest version to use your new awesome widgets, but unfortunately I must change a lot of my drowpdownlist source.
Can you revert SelectedIndex function like in previous version?

[ivailoParticipant]

Hi harunmahfud,

To be sure that on async mode the binding is completed, before initialization of the widget please use:

$("#purpose").on('bindingComplete', function (event) {
                      $("#purpose").jqxDropDownList('selectIndex', 3 );
});

This workaround must be helpful in nthis situation.

Best Regards,
Ivailo Ivanov

jQWidgets Team
http://www.jqwidgets.com

[Author]

Posts