[christophe.toussaintParticipant]

Hello Dimitar,
Thank you! You’re right…
Best regards,
Christophe Toussaint

[christophe.toussaintParticipant]

Hello Hristo,

Thank you for your reply. Even if my problem is seen also on Chrome, I will follow this topic.

Best regards,
Christophe Toussaint

[christophe.toussaintParticipant]

Hello Hristo Hristov,

Thank you for your fast reply. I bind the events on $('.jqx-switchbutton').on('unchecked', function (event) { (not on ‘checked’ event but this is a personal choice).
I used only one $(document).ready(function () {
I didn’t understand the way to use var data = dataAdapter.records, can you please explain me?

That code is working but it also could be interesting to know your opinion about var data = dataAdapter.records.

		<script type="text/javascript">
			$(document).ready(function () {
				$('#button').jqxSwitchButton({ height: 27, width: 81, checked: false });
				$("#dropdownlist").jqxDropDownList({});
				$('.jqx-switchbutton').on('unchecked', function (event) {
					// prepare the data
					var source =
					{
						datatype: "json",
						datafields: [
							{ name: 'CompanyName' },
							{ name: 'ContactName' },
							{ name: 'ContactTitle' },
							{ name: 'Address' },
							{ name: 'City' },
						],
						url: 'data.php'
					};
					var dataAdapter = new $.jqx.dataAdapter(source);
					$("#dropdownlist").jqxDropDownList(
					{
						source: dataAdapter,
						width: 200,
						height: 25,
						selectedIndex: 0,
						displayMember: 'CompanyName',
						valueMember: 'ContactName'
					});
				});

				$('.jqx-switchbutton').on('checked', function (event) {

					$("#dropdownlist").jqxDropDownList({
						source: "",
					});
				});
			});
		</script>

Thanks a lot for your advice!
Best regards,
Christophe Toussaint

[christophe.toussaintParticipant]

oups, not on the good section. Sorry

[Author]

Posts