Kendo DropDownList using Static DataSource

Contoh kode kendo DropDownList menggunakan DataSource variabel javascript statik. Isi dropdown (#ParentId) berubah sesuai isi #CompanyId.

[code language=”javascript”]
var dataSource;

$(document).ready(function () {
var companyId = $(‘#CompanyId’).val();
dataSource = new kendo.data.DataSource({
data: @Html.Raw(Model.AccountOperationsJson),
filter: { field: ‘CompanyId’, operator: ‘eq’, value: (companyId / 1) }
});

$(‘#ParentId’).kendoDropDownList({
dataTextField: ‘NameUnit’,
dataValueField: ‘Id’,
dataSource: dataSource,
optionLabel: ‘- tidak ada -‘,
});

$(‘#CompanyId’).change(function(){
var companyId = $(this).val();

dataSource.query({
filter: { field: ‘CompanyId’, operator: ‘eq’, value: (companyId / 1) }
});
});
});
[/code]