kendo-grid

I'm getting an exception on my Web API controller end-point and I would really apricaite some help in solving this: Here is the story: My Web API project a controller exposes the following End-Point: My Kendo UI Datagrid makes the following request: http://localhost:63865/api/employees/GetAll?$callback=jQuery21109420544053427875_1410883352953&%24inlinecount=allpages&%24format=json&%24top=5 When validating the ODataQueryOptions sent in the request, I'm getting this exception: Query option 'Format' is not allowed. To allow it, set the 'AllowedQueryOptions' property on EnableQueryAttribute or

I've got a Kendo grid that displays images correctly on a column if the images are stored in my machine. @(Html.Kendo().Grid<ProjectName.Models.SomeModel>() .Name("grid") .Columns(columns => { ... columns.Bound(c => c.Image).ClientTemplate("<img src='c:/pics/" + "#=Image#' alt='image' Title='image' height='24'/>").Title("Image"); }) So, this correctly displays images that are stored on my local hard drive, in the path c:/pics . But now I need to show images that are stored in a specific server instead of the c:/pics folder in my machine. I have tried replacing this bit here: src='c:/pics/"

is it possible to copy a grid datasource to a new datasource, a new datasource that loads all data?? for example i have a kendo grid which has a page size of 10, how would i copy it into a new datasource which will load all the data and ignore the paging. T.I.A Some aspects might depend on how did you define the DataSource of the first (pageable) datasource. But basically you need to copy the original data source, then change the value for pageSize and serverPaging and finally assign it to the second grid using setDataSource . Example: // First DataSource definition var ds1 = { transport: {

How to refresh the kendo ui grid after a ajax post is successful? Here is my grid ajax post: var newUser = { UserId: 0, UserLoginName: currentRecord.UserLoginName, UserDisplayName: currentRecord.UserDisplayName }; //insert selected rows using DataSource insert method destinationGrid.dataSource.insert(newRecord); //ajax post to server var url = '@Url.Action("CreateUser", "ManageUsers")'; $.post(url, { loginid: currentRecord.UserLoginName, name: currentRecord.UserDisplayName, role: roleSelected }, function (result) { if (result.Success) { **////grid is not refreshing as I want to refersh the

Let´s say I have the following JSON data, which is the response data of an HTTP service call... { [ "container" : [ { "category" : "default", "items" : [ { "name" : "item-1" }, { "name" : "item-2" } ] } ] ] } I want to bind the items array to the Kendo UI Grid, so I defined the following data source... var dataSource = new kendo.data.DataSource({ transport: { read: { url: "http://...", dataType: "jsonp", data: { Accept: "application/json" } } }, schema: { model: ??? } }); I´ve absolutely no clue how to define the model schema because I couldn´t find any information on that particular binding

I've been trying to get the Kendo UI grid to act as a user management tool in a system I'm currently writing. I've bound data to the grid, using ASP.NET Identity to get the user information, but I can't seem to get the update or delete actions to fire on the grid. I've set the grid up as below: @(Html.Kendo().Grid<MyProject.Models.UserInfo>() .Name("userGrid") .Columns(columns => { columns.Bound(p => p.UserName); columns.Bound(p => p.FirstName); columns.Bound(p => p.LastName); columns.Bound(p => p.Region); columns.Bound(p => p.Roles); columns.Command(command => { command.Edit(); command

I am trying to manage server side paging but my paging for kendo grid is always 0. My Code is : Index.cshtml <div ng-controller="telerikGridController"> <div id="grid" kendo-grid k-options="mainGridOptions"></div> </div> ASP.NET MVC JsonResult: Data Returned by Above JsonResult is : AggregateResults: null Data: [{DeptId: 1, DepartmentName: "Information Technology", Country:"Pakistan", City: "Lahore",…},…] 0: {DeptId: 1, DepartmentName: "Information Technology", Country: "Pakistan", City: "Lahore",…} 1: {DeptId: 2, DepartmentName: "Mechnical Engineering", Country: "India", City: "Dehli",…}

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,

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: