All Rights Reserved. dataType: "json" ----------------- . I'm pretty sure the problem is misssing field attribute in your grid's columns array, so Kendo don't know what data from datasource to display in what column of grid.. columns: [ { field: "Title", // attr name in json data title: "Title", // Your custom title . This thread shows how to deal with caching in IE: Prevent caching of pages in Internet Explorer 8. .Ajax() I'm having what I think is the same problem. All Telerik .NET tools and Kendo UI JavaScript components in one package. processData: false ): Telerik and Kendo UI are part of Progress product portfolio. AJAX CALL (works! Find centralized, trusted content and collaborate around the technologies you use most. columns.Bound(p => p.StepDescription).Width(100).Title("Step").HeaderHtmlAttributes(new { style = "text-align:center;font-weight: bold" }); Are there small citation mistakes in published papers and how serious are they? My Button I went back to the jsfiddle page, and updated it to look likethe following. How often are they spotted? [object Object] So, if you're having the same issue I did, where you want to call read () on your grid's datasource, but it simply isn't working, here's an example from Telerik that may help you. Do I need to make any particular modifications in my code to get it working in Internet Explorer as well? contentType: "application/json", Is cycling an aerobic or anaerobic exercise? PS: I even happened to try out $("#grid").data("kendoGrid").dataSource.sync(); which too was not working. { { processData: false, jsonData = {"userName":"abc123","password":"abc123"} }); REQUEST PAYLOAD AS SHOWN IN NETWORK TAB OF CHROME DEBUGGER: I can confirm the following Kendo datasource works: var kds = new kendo.data . Please find the following code.. public ActionResult SelectApprovalFlow([DataSourceRequest]DataSourceRequest request) Progress, Telerik, Ipswitch, Chef, Kemp, Flowmon and certain product names used herein are trademarks or registered trademarks of Progress Software Corporation and/or one of its subsidiaries or affiliates in the U.S. and/or other countries. $("#grid").data("kendoGrid").dataSource.read()) it refreshes the grid data as expected. Any ideas or assistance would be appreciated. Join us on our journey to create the world's most complete HTML 5 UI Framework -. At least thats what I can see in the console pane. Progress is the leading provider of application development and digital experience technologies. All Rights Reserved. The args are also split outfor debugging. url: url, Kendo Grid dataSource.read () not is working second time. ------------------------------------------. Iam callinga WCF webservice which exposes a POST method for login (returns user data if successful). Stack Overflow for Teams is moving to its own domain! What can I do if my pomade tin is 0.1 oz over the TSA limit? Now enhanced with: VARIABLES USED IN THE SAMPLE CODE: RESULT: 400 - Bad Request Proper use of D.C. al Coda with repeat voltas, Employer made me redundant, then retracted the notice after realising that I'm about to start on a new project. See Trademarks for appropriate markings. ) Not the answer you're looking for? I'm afraid that I'm not sure what may be the cause for the behavior you have described. type: "POST", {"userName":"abc123","password":"abc123"} .AutoBind(false), .DataSource( The function: getKendoGrid . }); REQUEST PAYLOAD AS SHOWN IN NETWORK TAB OF CHROME DEBUGGER: url = "../Authentication.svc/Login3". This question is locked. To subscribe to this RSS feed, copy and paste this URL into your RSS reader. I might be looking at it wrongly. Here is a modified version of the jsfiddle page with a return statement. Doug. To learn more, see our tips on writing great answers. a DataSourceResult ). It is not that the success handler does not execute at all cause the rest of the code as specified in the handler does execute and give results as expected. I was trying to refresh my kendo grid after doing an update of the data by using the following piece of code in the success handler of my ajax call: $ ("#grid").data ("kendoGrid").dataSource.read (); $ ("#grid").data ("kendoGrid").refresh (); Well this refreshes and works perfectly as expected in Mozilla and Chrome but in IE the refresh does . read. In order to actually post the changed data it should be return from the parameterMap function, as I have showed in the code snipped provided earlier. Maybe you could provide a small sample whichdemonstratesthe issue you are having. columns.Bound(p => p.ApprovalID).Hidden(true); Should we burninate the [variations] tag? When the migration is complete, you will access your Teams at stackoverflowteams.com, and they will no longer appear in the left sidebar on stackoverflow.com. } 2022 Moderator Election Q&A Question Collection. , function btnClick() { QGIS pan map in layout, simultaneously with items on top, Transformer 220/380/440 V 24 V explanation. New answers and comments are not allowed. Making statements based on opinion; back them up with references or personal experience. LO Writer: Easiest way to put line of words into table as rows (list). }, @(Html.Kendo().Grid() I'm not sure to which issue you are referring to for a status update. }) dataType: "json", But if your service is written as a WCF service that expects JSON arguments, as mine is, then it doesnt work. This is a migrated thread and some comments may be shown as answers. I never got this working either. Kendo Grid datasource refresh does not work in IE, Making location easier for developers with new data primitives, Stop requiring only one assertion per unit test: Multiple assertions are fine, Mobile app infrastructure being decommissioned. All Telerik .NET tools and Kendo UI JavaScript components in one package. Well I did try that..there are no errors logged in the console and the funniest part is that when I try to run the piece from console directly(i.e. It is working fine in Mozilla browser but in IE11 it is not working properly. How do I simplify/combine these two methods for finding the smallest and largest int in an array? Kendo Ui opensource Grid not refresh in Internet Explorer? You can see what part of code raise an exception in some debug tool (I'd recommend you Chrome's DevTools (just press F12 key in Chrome). Finally, Telerik sent me a code example that included a function that's not in their API documentation, but darn well should be. }. In my case the datasource is currently embedded in a grid, but it amounts to the same thing. Replacing outdoor electrical box at end of conduit, Quick and efficient way to create graphs from a list of list. dataSource => dataSource Thanks for the answer knikolov. Do you investigate the debug console, maybe something is throwing error and cutting the kendo's javascript. The read method always makes a request to the remote service unless the Data Source is offline.. Parameters data Object (optional). Request objRequest = ((Request)Session["Request"]); Max total file size - 20MB. I am trying to refresh the kendo grid in javascript, when a user click on refresh button. .Events(events => events.Sync("sync_handler")) KENDO CALL (fails): $.ajax({ url: url, Connect and share knowledge within a single location that is structured and easy to search. .Read(read => read.Action("SelectApprovalFlow", "Approval")) How can we create psychedelic experiences for healthy people without drugs? Telerik and Kendo UI are part of Progress product portfolio. Now enhanced with: I am trying to refresh the kendo grid in javascript, when a user click on refresh button. --------------------- I guess you are using old IE browser, and the issue that you face is due to caching. Even the latest JSFiddle page appears to pass the parameters as foo=bar. Asking for help, clarification, or responding to other answers. Did you try to use thedemonstratedapproach? Can an autistic person with difficulty making eye contact survive in the workplace? The standard Ajax call works fine, and passes json data. This is a migrated thread and some comments may be shown as answers. contentType: "application/json", When I make the call via jQuery Ajax it works as expected, but when I make the equivelant Kendo UI DataSource call it fails. $("#grdApprovalFlow").data('kendoGrid').dataSource.read(); data: jsonData, I think the problem is to do with how to pass JSON arguments to the web service. I Appreciate for the help , i have the ken do grid where in need to pass the 4 parameters to controller , i am passing the 2 parameters from the Read("Action", "Controller").Data(ReadData("XX","YY")) and function as Can "it's down to him to fix the machine" and "it's up to him to fix the machine"? .Name("grdApprovalFlow") Please take a look at the followingjsfiddle page, although it does not do much, it will show the usage of parameterMap function. In IE11 refreshing the grid is working one time after that couldn't be able to reload the grid (calling the action method). NewRelic and Ajax Requests from Kendo Grid datasource refresh, Kendo Grid local datasource causing TypeError r is undefined, Kendo UI grid not refresh automatically in Internet Explorer, Dynamic bind kendo grid dataSource binded to directive, How can I refresh "footer" on Kendo Ui Grid using JQuery. In IE11 refreshing the grid is working one time . The jsFiddle test pages posted in my previous replies provide aguidanceon how to implement the required functionality. Saving for retirement starting at 68 years old. 4. Reads data items from a remote/custom transport (if the transport option is set) or from a JavaScript array (if the data option is set).. Optional data to pass to the remote service. . Well the issue was that the result was being cached as you said(I was using IE10 infact). Supported file types: PNG, JPG, JPEG, ZIP, RAR, TXT. Copyright 2022 Progress Software Corporation and/or its subsidiaries or affiliates. See Trademarks for appropriate markings. If you need to filter, it is better to use the filter() method or the query . Why does Q1 turn on and Q2 turn off when I apply 5 V? What is the effect of cycling on weight loss? By clicking Accept all cookies, you agree Stack Exchange can store cookies on your device and disclose information in accordance with our Cookie Policy. If this is the case you may use the parameterMap options of the transport to transform the data to adifferentformat send to the server: Could you please verify that you are using latest (BETA2) version of KendoUI? Setting .ServerOperation (false) is also not the problem here. Does squeezing out liquid from shredded potatoes significantly reduce cook time? data: jsonData, .Columns(columns => Besides, from your screenshot, it appears that the data returned from the server is also of the correct format (i.e. Thanks for contributing an answer to Stack Overflow! Progress is the leading provider of application development and digital experience technologies. RESULT: 200 - Successful type: "POST", Browse other questions tagged, Where developers & technologists share private knowledge with coworkers, Reach developers & technologists worldwide. Progress, Telerik, Ipswitch, Chef, Kemp, Flowmon and certain product names used herein are trademarks or registered trademarks of Progress Software Corporation and/or one of its subsidiaries or affiliates in the U.S. and/or other countries. return false; What is the best way to show results of a multiple-choice quiz where multiple options may be right? How many characters/pages could WordStar hold on a typical CP/M machine? Havent tested further than that but might work. read: { It is working fine in Mozilla browser but in IE11 it is not working properly. columns.Bound(p => p.Approver).Width(120).Title("Approver").HeaderHtmlAttributes(new { style = "text-align:center;font-weight: bold" }); Copyright 2022 Progress Software Corporation and/or its subsidiaries or affiliates. By clicking Post Your Answer, you agree to our terms of service, privacy policy and cookie policy. Here are the basics: Join us on our journey to create the world's most complete HTML 5 UI Framework -. When you call dataSource.read () method, the grid is supposed to update automatically and you shouldn't need to do anything. Appeared to at least post correctly. return Json(GetApproverDetails(objRequest).ToDataSourceResult(request), JsonRequestBehavior.AllowGet); ), I was trying to refresh my kendo grid after doing an update of the data by using the following piece of code in the success handler of my ajax call: Well this refreshes and works perfectly as expected in Mozilla and Chrome but in IE the refresh does not seem to work nor does the datasource update. var dataSource = new kendo.data.DataSource({ Was able to resolve the issue by specifying "cache: false" in the transport element of the datasource. transport: { In my case thedatasource is currently embedded in a grid, but it amounts to the same thing. Therefore, providing a small sample in which this can be observed locally will beappreciated. } rev2022.11.3.43005. Site design / logo 2022 Stack Exchange Inc; user contributions licensed under CC BY-SA. Why do I get two different answers for the current through the 47 k resistor when I do a source transformation?