kendo-ui

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

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 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",…}

Closed. This question is off-topic . It is not currently accepting answers. Want to improve this question? Update the question so it's on-topic for Stack Overflow. Closed 2 years ago . Does Kendo have anything for designing placement of controls like Sencha Architect for Ext JS? Not just an IDE like WebStorm that makes typing the JavaScript easy, but one that does drag & drop for laying out controls? Not yet. But this is definitely in our long-term plans and we are working in this direction. Found this today, looks promising but is not free. https://www.progress.com/openedge/components/kendo

I need to use Kendo MVC helper Razor code in template as listed below: <script id="some-reusable-control" type="text/x-kendo-template"> @(Html.Kendo().Window() .Name("details-window")) </script> But the problem is rendered HTML+JS contains a # (sharp symbol) that is rendered as part of #= # syntax inside template. So I getting 'parse error'. <div id="details-window" style="display:none"></div><script> jQuery(function(){jQuery("#details-window ").kendoWindow({animation:false,modal:true,draggable:true /*, etc */ });}); </script> Could anyone please provide me a solution of how to use Kendo

Please see here: http://jsbin.com/teveza/edit?html,output Basically I'm trying to have two horisontal bars for comparison. I want them to have a categoryAxis title and have different colors. And I cannot get both. So far the closest I can get is this: { seriesColors: ["red", "green"], "seriesDefaults": { "type": "bar" }, series: [ { data: [2,3] }, ], categoryAxis:{ categories:["Red Category","Green Category"], lables:{ visible:true, } } } So.... any pointers on how to do that will be appreciated The series object has a property called colorField that can be used for this: http://docs.telerik