Berikut adalah contoh cara menghapus element dari javascript array menggunakan jQuery [code language=”javascript”] var y = [1, 2, 2, 3, 2] var removeItem = 2; y = jQuery.grep(y, function(value) { return value != removeItem; }); [/code] http://stackoverflow.com/questions/3596089/how-to-remove-specifc-value-from-array-using-jquery
Kendo stacked bar chart dapat menerima berbagai bentuk data untuk menghasilkan chart. Berikut adalah contoh bentuk data yang dapat digunakan untuk kasus yang kompleks. Server mengirimkan List [code language=”csharp”] public class ChartColumnAttribute { public double Value { get; set; } public string Category { get; set; } //RKAP, RKAP s.d. Jun’14, Real s.d. Jun’14, Real…
Berikut adalah beberapa contoh fungsi tambahan yang bermanfaat waktu menggunakan Kendo TreeView. [code language=”javascript”] function clearAllCheckbox(){ $(‘#parent-options input[type="checkbox"]’).each(function(){ $(this).prop(‘checked’, false); }); } function checkNodeByNodeElement(element){ $(element).find(‘input[type="checkbox"]’).first().prop(‘checked’, true); } function expandFromRootByNodeElement(element){ $(element).parentsUntil(‘.k-treeview’).filter(‘.k-item’).each( function (index, element) { $("#parent-options").data(‘kendoTreeView’).expand($(this)); } ); } function checkNodeByDirectoryId(allNodes, directoryId){ var currentNode; var treeView = $("#parent-options").data("kendoTreeView"); var currentId, currentUid; for (var i = 0;…
Fungsi parameter map pada Kendo Grid bermanfaat untuk filter / sort foreign key. [code language=”javascript”] var dataSource = new kendo.data.DataSource( { transport: { read: { url: "@Url.Action("Binding")", dataType: "json", }, parameterMap: function (options, operation) { if (operation !== "read" && options.models) { } else { if (options.filter) { filter = options.filter.filters; for (var i in…
Beberapa contoh custom filter type pada Kendo Grid 1. Date [code language=”javascript”] columns: [ //… { field: "LastUpdate", title: "Last Update", filterable: { ui: "datepicker", operators: { string: { eq: "Equals", }, }, extra: false, } //… ] [/code] 2. Dropdown [code language=”javascript”] function typeCourse(element) { element.kendoDropDownList({ dataTextField: "Text", dataValueField: "Value", dataSource: { data: categoryOptions…
Kita dapat mengganti apa saja isi filterable (eq / contains / etc) dan bahasa yang digunakan pada Kendo Grid. Untuk memudahkan, kita bisa menyimpan variabel filterable pada webapp.js [code language=”javascript”] var customKendoGridFilter = { messages: { info: "Tampilkan yang memiliki nilai:", // sets the text on top of the filter menu filter: "Filter", // sets…
Waktu men-trigger event change untuk html element tertentu, kita dapat mem-pass data. Contoh kode sbb [code language=”javascript”] $(‘.change_main_image’).on(‘click’, function() { $(‘input[name=photo].change_uploader’).trigger(‘change’, [{somedata:true}]); }); $(‘input[name=photo].change_uploader’).on(‘change’, function (e, data) { alert(data.somedata); //canvas resize and upload script }); [/code] http://stackoverflow.com/questions/13506209/pass-data-using-jquery-trigger-event-to-a-change-event-handler
Untuk kasus Kendo Window dengan content dari template, misalnya [code language=”javascript”] <script id="notifyHRTemplate" type="text/x-kendo-template"> <p> <a href="javascript:" class="btn btn-primary send-notification">Send Notification to HR</a> <a href="javascript:" class="btn btn-default close-window">Cancel</a> </p> <table class="table table-bordered"> # for (var i = 0; i < data.length; i++) { # <tr> <td>#= data[i].Name #</td> <td>#= data[i].Status #</td> </tr> # } #…
PostContent adalah id dari element. [code language=”javascript”] CKEDITOR.replace("PostContent", { height: 350 }); [/code]
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…