kendo-ui

I have an editable Kendo Grid that may have a column with a checkbox to change a boolean value. I have used this solution proposed by OnaBai that is working perfectly! The only problem is that the checkbox value change is too slow. When user clicks it, it takes about 1 second to change. I realize that the dataItem.set() method is responsible by this delay. My grid has a considerable amount of data. About 30-40 columns and 300+ lines. It is defined as follows: $("#mainGrid").kendoGrid({ dataSource: dataSource, pageable: false, sortable: true, scrollable: true, editable: true, autoBind: false,

I have this kendo window in my app Html.Kendo().Window() .Name("copyStructure") .Title("Copy Structure") .Content("Loading...") .LoadContentFrom("CopyStructure", "NewXmlLayout") // <-- here* .Draggable(false) .Visible(false) .Modal(true) .Actions(s => s.Custom("")) .Events(e => e.Open("openWindow").Close("closeWindow")) And I am trying to pass data to the acrion in the LoadContentFrom() wich is returned by a javascript function, but I don't know how to do it. I can pass data like this: .LoadContentFrom("CopyStructure", "NewXmlLayout", new { type= "INPUT" }) But is not what I'm looking for. The

This is my div but it outside kendo grid <div> <div id="qrUrl"></div> </div> This is my kendo grid field columns: [ { field: "Id", }, { title: "QrCode", width: 300, template: function(dataItem) { $(#Qrurl).kendoQRCode({ value: "www.google.com"+ dataItem.Id, errorCorrection: "M", size: 120, border: { color: "#000000", width: 5 } }); } In this situation my Qrcode generated outside grid with uniq (url+id ) but i want to this all qrcode in my kendo grid. i tried servel time this and another code but still not reached up to mark. template: function(dataItem) { $('<div></div>') .kendoQRCode({ value:

I'm currently implementing a kendo grid and i'm populating it with local data. That is; I have generated a JSON string from my action and supplying that string on the view page. In the end i would like to know if it is possible to implement full CRUD functions with local data? here's a sample of the code written so far; <div id="example" class="k-content"> <div id="grid"></div> <script> $(document).ready(function() { var myData = ${coursemodules}, dataSource = new kendo.data.DataSource({ data: myData, batch: true, pageSize: 30, schema: { model: { id: "id", fields: { id: { editable: false,

On all my inputs on my site, the IE 10 Clear button is getting in the way when I try to have a Kendo Numeric Textbox in the input. I have looked it up here, and every single question says this is what I should do in my CSS: ::-ms-clear { display: none; } However, the Clear button is still there in IE 10 after I do this. I have tried adding !important to the display: none; , and it still shows up. I noticed in my CSS that is being uploaded to the site that the ::-ms-clear that I am putting into the CSS file is not showing up at all, and I know that it is there (I put it at the end of the file).

Kendo TreeList code in class A (typescript file): I have given call to a function from kendo template. export class A{ drillDownDataSource: any; constructor() { this.GetStatutoryIncomeGridViewData(); } GetStatutoryIncomeGridViewData() { $.ajax({ type: 'POST', url: 'Controller/Action/', data: stfilterData, success: function (data) { $("#grid").kendoTreeList({ dataSource: data, columns: [ { field: "Transaction1", template:kendo.template("#=FormatNumberToEn(Transaction1)#").bind(this) }, } }); }); public FormatNumberToEn(value) { } } } Getting error function FormatNumberToEn is undefined If you

When you click edit in a grid that is not using a template then the validation rules that you defined for the schema.Model get applied correctly. But if you use a custom template the schema.Model validation rules do not get applied. I suspect that the answer is that because I am using a custom popup edit template so that I can have a dropdown list, that I have to manually specify the rules for each html input field such as required. I so hope this is not true and that the same rules for defined the schema.Model will also work for an editor template. Please post if you know the answer, Thanks!

kendo inline cell edit not support for datetime format. I need "dd/MMM/yyyy" data format but kendo grid shows "the filed date must be a date" error. can you please advice me to what to do You can use a custom editor to do this. References: Grid Custom Editing DatePicker.format Date Formatting The code would look something like this (not tested, but it should be close enough to give you the right idea): var customDateEditor = function (container, options) { $('<input />') .appendTo(container) .kendoDatePicker({ format: "dd/MMM/yyyy" }); }; $("#grid").kendoGrid({ ... columns:[ { field: "myDate",