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]
[code language=”javascript”] $( ".selector" ).datepicker({ firstDay: 1 }); [/code] http://stackoverflow.com/questions/5003362/jquery-ui-datepicker-start-weeks-from-monday
Menggunakan opsi “beforeShowDay”. 0 = sunday, 1 = monday, dst [code language=”javascript”] $(‘#StartDate’).datepicker(‘option’, ‘beforeShowDay’, function (date) { return [date.getDay() == 1]; }); [/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:…
[code language=”javascript”] CKEDITOR.config.toolbar = [ [‘Styles’,’Format’,’Font’,’FontSize’], ‘/’, [‘Bold’,’Italic’,’Underline’,’StrikeThrough’,’-‘,’Undo’,’Redo’,’-‘,’Cut’,’Copy’,’Paste’,’Find’,’Replace’,’-‘,’Outdent’,’Indent’,’-‘,’Print’], ‘/’, [‘NumberedList’,’BulletedList’,’-‘,’JustifyLeft’,’JustifyCenter’,’JustifyRight’,’JustifyBlock’], [‘Image’,’Table’,’-‘,’Link’,’Flash’,’Smiley’,’TextColor’,’BGColor’,’Source’] ] ; [/code] http://stackoverflow.com/questions/13499025/how-to-show-ckeditor-with-basic-toolbar
In your datasource set the sort field. sort: { field: “sampleName”, dir: “desc” } http://stackoverflow.com/questions/22697240/default-sorting-for-kendo-grids-if-no-defaultsortfield-is-given
var checkedValues = $(‘input:checkbox:checked’).map(function() { return this.value; }).get();
File Upload menggunakan setting di Web.config dan MyGlobalMessage.resx. HTML code: [code language=”html”] <input name="files" id="kendo-upload" type="file" /> @Html.HiddenFor(model => model.FilePath) <img id="uploaded-image" src="@(Model.Photo != null ? Url.Content(Model.Photo) : "")" class="img-responsive" alt="" /> [/code] Tambahan di view cshtml [code language=”csharp”] @{ //… string fileTypeErrMsg = HttpContext.GetGlobalResourceObject("MyGlobalMessage", "FileUploadImageTypeError").ToString(); string template = HttpContext.GetGlobalResourceObject("MyGlobalMessage", "FileUploadSizeError").ToString(); string fileSizeErrMsg = string.Format(template,…
Fungsi ini berguna untuk memberikan notifikasi kepada user, ketika user sudah mengubah form namun belum menyimpan perubahan tersebut. Penanganannya seperti di wordpress. [code language=”javascript”] var formChange = false; $("form").each(function () { $(this).find("input, select, textarea").change(function () { formChange = true; }); }); $(window).on("beforeunload", function () { if (formChange) { return "Perubahan data belum tersimpan."; } });…