[siegfriedoParticipant]

Hello Christopher,

thank you for your quick response and your advice. I initialize the grids and then just update their data.

$(document).ready(function () {         
	var sourceverband = [
		{ value: 1, label: "A" },
		{ value: 2, label: "B" },
		{ value: 3, label: "C" },
		{ value: 4, label: "D" },
		{ value: 5, label: "E" },
	];

	var dataverband = new $.jqx.dataAdapter(sourceverband);
	$("#Verband").jqxDropDownList({
		source: dataverband, displayMember: "label", valueMember: "value", width: 120, height: 25, placeHolder : "Verband...",
	});	

	$("#Klasse").jqxGrid(
	{
		width: 250,
		height: 200,
		columnsresize: true,
		editable: true,
		columns: [
		{ text: 'K', dataField: 'k_id', width: 10, cellsalign: 'right', editable: false },
		{ text: 'Bezeichnung', dataField: 'bwk_alt_name', width: 150, editable: false },
		{ text: 'show', columntype: 'checkbox', dataField: 'anzeigen', cellsalign: 'center', width: 50 }
		]
	});
	var sourceklasse =
	{
		datatype: "json",
		datafields: [
		{ name: 'l_id', type: 'int' },
		{ name: 'k_id', type: 'int' },
		{ name: 'bwk_alt_name', type: 'string' },
		{ name: 'anzeigen', type: 'bool' }
		],
		url: "ligenuebersicht_abfragen.php",
	};	
	var dataklasse;
	
	$("#Liga").jqxGrid(
	{
		width: 400,
		height: 200,
		columnsresize: true,
		editable: true,
		columns: [
		{ text: 'K', dataField: 'k_id', width: 10, cellsalign: 'right', editable: false },
		{ text: 'Liga', dataField: 'l_name', width: 250, editable: false },
		{ text: 'Pin', dataField: 'pin', width: 50 },
		{ text: 'show', columntype: 'checkbox', dataField: 'anzeigen', cellsalign: 'center', width: 50 }
		]
	});
	var sourceliga =
	{
		datatype: "json",
		datafields: [
		{ name: 'l_id', type: 'int' },
		{ name: 'k_id', type: 'int' },
		{ name: 'l_name', type: 'string' },
		{ name: 'anzeigen', type: 'bool' },
		{ name: 'pin', type: 'string' },
		],
		url: "ligenuebersicht_abfragen.php",
	};
	var dataliga;	

	$("#Verband").on('select', function (event) {
		if (event.args) {
			var item = event.args.item;
			if (item) {							
				sourceklasse.data = {option: 3, bw_id: item.value};
				dataklasse = new $.jqx.dataAdapter(sourceklasse);

				$("#Klasse").jqxGrid( {	source: dataklasse } );

				sourceliga.data = {option: 4, bw_id: item.value};
				dataliga = new $.jqx.dataAdapter(sourceliga);

				$("#Liga").jqxGrid( {source: dataliga} );						
			}						
		}
	});
});

[Author]

Posts