kendo-grid

i have developed a web application using kendo ui tools and theres a kendo grid with batch edit mode .. but when i press the delete button for any record in kendo grid it will erase from the list in grid but actually not in the data source.when i reload the page or grid the deleted item will still exist.. here is the code of my grid <div id="grid"> </div> <script type="text/javascript"> $("#submitMarketUser").click(function () { var grid = $("#grid").data("kendoGrid"); var dataSource = new kendo.data.DataSource({ transport: { read: { url: "WholeSaleTrade/GetTradeProductDetail", dataType: "json

@(Html.Kendo().Grid((IEnumerable<Doc.Web.Models.Common.ContactModel>)Model.contact_lst) .Name("grid") .Columns(columns => { columns.Bound(o => o.ContactID).Visible(false); columns.Bound(o => o.ContactName).Title("Contact Name"); columns.ForeignKey(p => p.CPOID, (System.Collections.IEnumerable)ViewData["CPOs"], "cpo_id", "contract_po") .Title("Company - Contact/Purchase Order"); columns.Command(command => { command.Edit(); command.Destroy(); }).Width(182); }) .ToolBar(toolbar => toolbar.Create()) .Editable(editable => editable.Mode(GridEditMode.InLine)) .Pageable() .Sortable() .Filterable()

I followed that tutorial about exporting Kendo Grid Data : http://www.kendoui.com/blogs/teamblog/posts/13-03-12/exporting_the_kendo_ui_grid_data_to_excel.aspx Now I´m trying to export all data (not only the showed page) ... How can I do that? I tried change the pagezise before get the data: grid.dataSource.pageSize(grid.dataSource.total()); But with that my actual grid refresh with new pageSize. Is that a way to query kendo datasource without refresh the grid? Thanks A better solution is to generate an Excel file from the real data, not from the dataSource. 1] In the html page, add $('#export'

I want to be able to call a function that scrolls the Kendo grid to the selected row. I´ve already tried some methods but none of them worked, for instance I tried this: var grid = $("#Grid").data("kendoGrid"), content = $(".k-grid-content"); content.scrollTop(grid.select()); I´ve also tried this: var gr = $("#Grid").data("kendoGrid"); var dataItem = gr.dataSource.view()[gr.select().closest("tr").index()]; var material = dataItem.id; var row = grid.tbody.find(">tr:not(.k-grouping-row)").filter(function (i) { return (this.dataset.id == material); }); content.scrollTop(row); Can anyone point me

I have a selectable KendoUI grid in my MVC app. I want to do something when the user double-clicks on the grid. I don't see a double-click event for the grid. How may I handle the double-click event when there is none exposed? EfrainReyes Use the standard double click event. The first click will select the grid row, adding a .k-state-selected class to it, and the second click will trigger the double click event. $("#yourgridname").on("dblclick", "tr.k-state-selected", function () { // insert code here }); You can also use dataBound dataBound: function (e) { var grid = this; grid.tbody.find("tr

There already are questions how to get custom error handling, with answers , but all those answers use 'external' reference/selector to the grid to make it work, for example: function onError(e) { if (e.errors) { var message = "Error:\n"; var grid = $('#gridID').data('kendoGrid'); // <<- here (...) } Is it possible to get the reference to the grid from inside the error handling function without providing the selector by hand or 'externally' (because global variables are meh )? That way the error handling script could be totally self-contained. Patryk Ćwiek Version 'current' as of 2015-12-05