Berikut adalah contoh penggunaan bar chart Kendu UI [code language=”javascript”] var palette = ["#FFF19F", "#E8E277", "#DDDA63", "#D2D34F", "#B0BC13"]; var seriesDefaults = { type: ‘column’, overlay: { gradient: "none" }, labels: { visible: true, format: ‘N1’, padding: { bottom: 0 } }, }; var dataSource = new kendo.data.DataSource({ transport: { read: { url: self.options.bindingUrl, dataType: "json",…
Tambahkan opsi seriesColors di konstruktor kendoChart [code language=”javascript”] self.element.find(‘.chart-investment’).kendoChart({ //… seriesColors: self.options.palette, //… }); [/code] Referensi: http://www.telerik.com/forums/series-colors-with-grouped-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…
Data source pada Kendo grid dapat dari ajax atau string. Contoh data source dari string sbb: [code language=”javascript”] var dataSource = new kendo.data.DataSource({ data: @Html.Raw(ViewBag.jsonProductions), pageSize: 10 }); $("#grid").kendoGrid({ dataSource: dataSource, //… }); [/code]
Tambahkan CSS sbb: [code language=”css”] .k-ff { overflow: inherit !important; } [/code] http://www.telerik.com/forums/q1%2714-release—popup-bug-in-firefox
Fungsi ini bisa dipakai untuk menampilkan loading animasi pada kendo grid ketika grid diupdate via ajax. [code language=”javascript”] // Display progress kendo.ui.progress($("#loading"), true); // Hide progress kendo.ui.progress($("#loading"), false); [/code]
[code language=”javascript”] $(‘#GridName’).data(‘kendoGrid’).dataSource.read(); $(‘#GridName’).data(‘kendoGrid’).refresh(); [/code] read will request the server and reload only reload datasource. There will be no changes in the UI. refresh will re-render items in grid from the current datasource. That’s why both are required http://stackoverflow.com/questions/18399805/reloading-refreshing-kendo-grid Alternatif kalau ingin mengubah filter ketika me-reload grid: [code language=”javascript”] dataSource.query({ page: 1, pageSize: 10, filter:…
Kasus: grid project, ada foreign key ke contractor. Ada masalah ketika mau memfilter grid berdasarkan nama contractor. Kode di view [code language=”javascript”] columns: [ { field: "Id", type: "number", }, { field: "Name", template: "#= CreateUrl(Id, Name) # ", title: "Nama Proyek", }, { field: "ContractorName", title: "Kontraktor", }, { field: "LastWeeklyReport", sortable: false, filterable:…