Kendo Grid Hierarchy Custom Edit Command

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…

Javascript Open URL in New Tab

[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]

Kendo Grid Column Null Value

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]

Reloading / Refreshing Kendo Grid After AJAX

[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:…

Kendo Grid Server Side Filtering Foreign Key using Dynamic Linq

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:…