Kendo memang ajaib. Kadang bug nya juga ajaib. Ternyata, kalau syarat-syarat ini dipenuhi: Versi Kendo UI v2017.2.621 Kendo DropDownList filterable Diletakkan di dalam Bootstrap Modal Dibuka di Internet Explorer versi 11 Waktu DropDownList diklik, dropdown terbuka tapi langsung tertutup kembali, sehingga tidak bisa dipilih maupun difilter. Penyebabnya, karena kendo salah fokus. Saat mau fokus ke…
Ukuran maksimal waktu meng-upload file menggunakan Kendo Upload adalah adalah dalam byte. Jika kita ingin maksimal 10MB, maka perhitungannya (1024 x 1024 x 10). https://stackoverflow.com/questions/30114881/how-does-this-equal-10mb
Contoh: mau mem-filter data pada grid yang tanggal = hari ini [script lang=”javascript”] function displayCurrentMonth() { //dsGridOngoing.filter({ field: ‘SubmittedDate’, operator: ‘eq’, value: Date(2017,8,21) }); var date = new Date(2017, 8, 21); dsGridOngoing.filter({ field: ‘SubmittedDate’, //operator: ‘eq’, operator: function(fieldDate) { var parsedSelectedDate = kendo.parseDate(date); //parse the field date in order to ignore the time var parsedFieldDate…
Contoh penggunaan Kendo UI Combobox, dengan mewajibkan user memilih salah satu nilai yang valid dari Combobox. [code language=”javascript”] function comboBoxOnChange(e){ if (this.value() && this.selectedIndex == -1) { //or use this.dataItem to see if it has an object this.text(”); } } $(‘#Disposition1Email’).kendoComboBox({ dataTextField: "Text", dataValueField: "Value", autoBind: false, dataSource: { data: @Html.Raw(Model.GetAssigneeOptionsAsJson()) }, change : comboBoxOnChange,…
Saya mengalami kasus yang cukup unik. Kendo NumericTextBox ketika ditulis, lalu keluar, format nya tidak berubah (misal menulis 1000, format tetap 1000, padahal harusnya 1.000). Waktu diklik tombol up/down, nilainya kembali ke awal. Solusi masalah ini adalah dengan me-restart browser. Setelah di-restart, kemungkinan NumericTextBox akan kembali normal.
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:…
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,…