Sewaktu memanggil tombol edit di level 2 Kendo Grid hierarchy terdapat masalah. Entah mengapa, tombol edit di level 1 juga dipanggil, sehingga redirect menjadi tidak valid. Klik edit PLN malah redirect ke edit Pembelian LNG. Solusi saat ini memisahkan fungsi edit di level 1 dan level 2, dan memberikan variabel flag supaya edit di level…
[code language=”javascript”] var win = window.open(url, ‘_blank’); win.focus(); [/code] Penerapan dalam Kendo Grid. Fungsi openTab disimpan di dalam webapp.js. [code language=”javascript”] //… columns: [ { field: "pmo_link", title: "Website", template: ‘<a href="javascript:" onclick="openTab(\’#= PMOLink #\’)">#= PMOName #</a>’, }, ] //… [/code]
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
Kendo Grid menampilkan tulisan “null” jika data dari server null. Supaya Grid menampilkan cell kosong, gunakan fungsi javascript seperti berikut [code language=”javascript”] function isnull(a, b) { b = b || ”; return a || b; } [/code] Penggunaan di Grid [code language=”javascript”] { field: "whys", title: "Isu Kunci", template: "#= isnull(KeyIssue, ”) #", }, [/code]
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:…