kendo-grid

问题 i have a Kendo Hierarchical grid which i have developed using Kendo MVC 2016.2.504.545 version. This grid has a state which gets drilled down to city and the city which gets drilled down to the persons Address. Now i want to perform a export to excel functionality in this grid. I call individual actions to populate results for the city, state and the address data in the kendo grid. any help would be appreciated. 回答1: I got some help with the telerik people and was able to achieve the

问题 I am using a kendo grid in my MVC application. Grid has two columns FirstName and LastName. Grid has a textbox where user can enter FirstName or LastName to search. I want to filter grid based on this criteria. Following is the code that i am currently using : <script> $(document).ready(function () { $("#FirstNameFilter").keyup(function () { var value = $("#FirstNameFilter").val(); grid = $("#grid").data("kendoGrid"); if (value) { grid.dataSource.filter({ field: "FirstName", operator:

问题 I have a kendoGrid with virtual scrolling. Now i am trying to go to a certain position on the grid. I was able to get the top position by using: //Get the virtualScrollable var vs = mainGrid.wrapper.find('.k-grid-content').data('kendoVirtualScrollable'); var scrollTop = vs.verticalScrollbar.scrollTop(); //go to the position $("#mainGrid div.k-virtual-scrollable-wrap").animate({scrollTop: scrollTop}, 0); $("#mainGrid div.k-scrollbar-vertical").animate({scrollTop: scrollTop}, 0); which works

问题 Given this columns array in a parent component: columns = [ { field: 'field1', title: 'Title 1', width: '100px' }, { field: 'field2', title: 'Title 2', width: '200px' }, { field: 'field3', title: 'Title 3' } ]; I can build a Kendo for Angular grid dynamically in a my-table component: @Component({ selector: 'my-table', template: ` <kendo-grid #grid="kendoGrid" [data]="data"> <kendo-grid-column *ngFor="let column of columns" field="{{column.field}}" title="{{column.title}}" width="{{column

问题 I have a kendo grid with around 80 columns. Based on some logic I am hiding/showing columns. First 20 columns are static, and rest 60 depends on number of employees(eg:- if 20 employees then only 20 columns are showing). By deafault all these 60 columns are hidden. But When loading the data with 40+ employees to Grid browser shows not responding. ie, it takes time to show/hide column. Please check my code for loading data $.ajax({ type: "POST", url: '@Url.Action("GetData", "Employees")',

问题 I want rowspan in gird kendo ui like this picture ? Images example Thanks so much! 回答1: Row spanning implies one of the following: that you will have access to at least two data items for a single table row element in a column or a row template, during rendering. This, unfortunately, is not possible with the Kendo UI Grid. even if you manipulate the table structure in the Grid's dataBound event, the Grid will not be aware of this and some operations will not work correctly (e.g. editing,

问题 I want to apply the number format for a column in kendo grid. That column definition is: { field: "WeekEndGrossUSD", title: dashBoardColumNames[0].WeekendGrossUSD, headerTemplate: "<span class= 'headerTooltip' id='WEEKEND GROSS (USD)'>" + dashBoardColumNames[0].WeekendGrossUSD + "</span>", format: "{0:n0}", type: "number", attributes: { style: "font-size: 0.85em;text-align:right" }, footerTemplate: "<span id='WeekendGrossSUM'></span>" //width: 120 }, { field: "WeekGrossUSD", title:

问题 I have a Kendo UI grid which allows me to post multiple changes to the server. The model that is bound to the grid contains a list of a complex type. Here it is (simplified): public class User { public int ID { get; set; } public string Name { get; set; } public List<Role> Roles { get; set; } } To update the changes on the server I have a method with the following signature in my controller: public ActionResult UpdateUtilisateurs([DataSourceRequest] DataSourceRequest request, [Bind(Prefix =

问题 I have a editor template for my kendo grid defined as <script id="my-editor-template" type="text/x-kendo-template"> <div class="k-edit-label"> <label for="ContactName">Contact</label> </div> <div data-container-for="ContactName" class="k-edit-field"> <input type="text" class="k-input k-textbox" name="ContactName" data-bind="value:ContactName"> </div> <!-- more fields, etc --> </script> In my grid definition, I definte editable like this: editable = { mode: 'popup', template: kendo.template($(

问题 The Filter basically works fine but, The select does not seem to fire the first selection this happens every time the filter is reset as well. I meddled with it for two days now... here is the Fiddle <script src="../content/shared/js/products.js"></script> <div id="grid"></div> <script> $(document).ready(function() { $("#grid").kendoGrid({ dataSource: { data: products, schema: { model: { fields: { ProductName: { type: "string" }, Discontinued: { type: "boolean" } } } }, pageSize: 20 }, height