kendo-grid

问题 I am using Kendo Ui Grid in my MVC application. I wish to display statistical data for multiple countries in my grid. The way I retrieve data from the database, my grid would show data a bit like the following: Country Area Population GDP GDP Growth India 3288000 1220200000 1.848 6.8 USA 9827000 314686189 15.09 1.7 But instead of the format above, I wish it show like the following: Country India USA Area 3288000 9827000 Population 1220200000 314686189 GDP 1.848 15.09 GDP Growth 6.8 1.7 How

问题 Using Kendo Asp.net MVC Grid in Ajax Batch Mode. Having three columns - Qty, Rate, Total. Need to achieve real-time calculation on change. Written following function to update data. function grid_change(e) { if (e.action === "itemchange") { var item = e.items[0]; item.Total = item.Qty * item.Rate; } } But the column does not reflect the calculated value until focus is moved over it. How to update / refresh the cell display as soon as the change event is completed? 回答1: Changed the calculation

问题 I have kendo grid.And problem is grid's header and data rows columns are not aligned properly. Below is the kendo grid code : @(Html.Kendo().Grid(Model.Product) .Name("Grid") .Scrollable(a => a.Height("auto")) .Columns(columns => { columns.Bound(o => o.ProductId).Sortable(true) .ClientTemplate("<a href='/Product/ProductEntry/#=ProductID#' target='_blank'>#=Product#</a>") .Title("Order #"); columns.Bound(p => p.Name); columns.Bound(p => p.LastName); columns.Bound(p => p.Insurance); columns

问题 I use kenod UI to create my Web UI. I have a column template like below var template = "<input id='details-button' type='image' src='images/detail_button.png' ng-click='showDetals(this.dataItem)'/>#: Contact #"; I want to popup a window every time I click the details button, and the popup's position should be at the bottom right of the button which I click. Here's what I do currently var popup = $("#detailsPopup"); popup.kendoPopup({ anchor: "#details-button", origin: "bottom right", }); But

问题 Why kendo load before Jquery in angular routing template with Kendo grid. I have ordered the scripts, while clicking any event through angular routing templates getting this error in console. Note: In page refresh, scripts loaded properly, the application works fine, not getting any error. Only occurred in event routing. kendo load before jquery why. order scripts : <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/1.9.1/jquery.js"></script> <script src="https://code.angularjs.org/1

问题 I have a Kendo grid where I need to customize the delete confirmation message box based on data in row being deleted. I have a customized general message as part of Grid configuration as below. editable: { confirmation: "Are you sure that you want to delete this record?", mode: "popup", template: kendo.template($("#popup-editor").html()) } I was looked at using the remove event handler, but that fires after the row has been deleted. 回答1: I am guessing you will need to do this manually. Simply

问题 So the title pretty much says it all. I'm trying to incorporate the new MultiSelect widget into a Grid's custom popup editor template. I'm using the Data Attribute Initialization method and reading the dropdown options from a remote dataSource. This is all working okay, but I can't get the values of the selected items into the model. When I save the row, an array of data is sent to the server representing the first data item selected in the MultiSelect, rather than a comma-separated list of

问题 I have a field in my grid that are IDs that range from 1 to 2000. I have it designated as a number in the field definition. The issue is when I use the filter and type in say "1000" when I return to the filter to put in another number it displays "1,000.00". I don't want the filtered text box to show the comma or decimal point. That format isn't relevant for this field. How do I correct this? Thanks in advance! 回答1: While @Flores answer pointed me in the right direction, it did not do what

问题 I am new to Kendo Grid and trying to use the columnMenu option. I need to access the column Menu function (only the ability to show/hide columns from a button outside the grid. This link allows me to do that and it is working fine. How to show Kendo Grid's columnMenu using script But this still retains the columnMenu option in the column headers which I do not need. So after looking into it further, I was able to remove the column headers on the load using defaultGrid.thead.find("[data-field

问题 How can I display any applied filter criteria on the Kendo UI Grid. I would like to have a readonly display, of the applied criteria. Current functionality does allow user to apply filter, but that the user has to go to the filter menu to look for the filter details. 回答1: The Kendo UI data source doesn't have a filter event, so you'd need to implement that yourself. Then when the event is triggered, you can get the current filter and format it in whatever way you want it displayed. For