kendo-grid

问题 i have an empty div that i want to initialize into a kendo grid using data from Model..it should be something like the following but i am unable to load data $("#mapsDiv").kendoGrid({ sortable: true, dataSource: { transport: { read:"/Home/About", dataType: "odata" }, pageSize: 5 }, pageable: true, resizable: true, columnMenu: true, scrollable:true, navigatable: true, editable: "incell" }); About.cshtml @model List<KendoExample.Entities.ShortStudent> <div class="row"> <div class="col-md-12

问题 I am attempting to follow 'angular best practice' by using an angular service that wraps my WebApi calls. I have it working for the most part but cannot figure out how to create the query string using the kendo datasourcerequest parameters in a way that parses out correctly on the webapi side. Page <div ng-controller="HomeCtrl as ctrl"> <div kendo-grid k-pageable='{ "refresh": true, "pageSizes": true }' k-ng-delay="ctrl.businessGridOption" k-options="ctrl.businessGridOption"></div> </div> TS

问题 I'm using Kendo grid in my application. When I try to resize a column in IE, all the other columns in the table disappear. This does not happen in Firefox or Chrome, just IE 9 and 10. Can someone please help on this as I'm breaking my head over this issue from a day? 回答1: The issue is with mixing percentages and px for your column width. One solution is to make sure you assign a specific width to EVERY column in your grid (120px). Do NOT use percentages, unless your parent has a specific

问题 Filtering a column by date range works nice with solution that i've found in SO How to define a Kendo grid Column filter between two dates? - proposed by MWinstead But " The only problem with this solution is that if you only select the End Date and apply the filter, the next time you open the filter menu, the Begin Date will get populated with the End Date you entered and the LTE operator will be selected, which will be changed by the jQuery code, resulting in a wrong filter " Question asked

问题 I am using a Kendo grid where grid's editable option needs to be switched on / off based some flag. Can somebody help that how can it be achieved. <button class="change-mode">Change Edit Mode</button> $('.change-mode').click(function(){ //Swit ched on /off here based on some flag //console.log($("#grid")); $("#grid").options.editable = false; }); Here is the jsfiddle 回答1: If you are using the latest release of KendoUI (2014 Q3) you cannot change options directly but you can use setOptions .

问题 I am using Kendo UI with ASP.NET Web API. There is a ProjectsController that has all the necessary methods. My issue is that when I click on Delete button, Kendo UI grid will raise remove() event, but DataSource never invokes transport.destroy . Rather, it seems that tansport.create is being invoked. In transport.parameterMap I can see that the operation is create instead of destroy . Here is a sample JavaScript code: $(document).ready(function () { var apiUrl = '/api/projects/'; var dataType

问题 Here is my HTML code: <div id="grdCurrencies" data-selectable="true" data-role="grid" data-pageable=" true" data-sortable=" true" data-columns='[ { "field": "CurrencyCode", "width": 100 }, { "field": "CurrencyName", "width": 100 } , { field:"", template:"<i "class=" fa fa-trash-o grid-icon" data-bind="click: destroy"">del<"/"i>" , "width":40 }]' data-bind="source: dsProduct, events: {change: OnGridActiveRowChanged} " style=" height :500px;width:35%;"> </div> In the template field: <a >del<a>

问题 In document ready i append div inside body and i am creating a kendo ui window and then inside that window append second div with creating kendo dynamic chart or kendo grid. When i create this things i'm loading data from AJAX and shows grid normally, but paging and column resizing is not working Can you help me on this situation? Here my code $(document).ready(function () { $.ajax({ type: 'POST', dataType: 'json', url: '../Home/GetChartsAndInformations', success: function (data) { for (i = 1

问题 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

问题 I have kendo grid and its have filterable "true", when click on filter icon,it displays like below.When we enter the text in filter box,half of the letters are displayed only.Is it possible to increment the size of text-boxes in filter? What is problem here?And how to resolve this problem? 回答1: You just try to increase the text box height Once try this .k-numeric-wrap .k-input { height:23px } 回答2: It seems like your css styling might be conflicting with kendo's css styling. If you are using