How to have a real-time updated kendo grid? - kendo-ui

I have a kendo data grid which is bind with ASP.NET ajax binding.
When ever I press grid refresh icon, or do a sort or filtering it will update the grid with current values from database.
But I want it get updated automatically when the database get updated or in other words (when the related datasource updated, but I don't know how to trigger that change in datasource).
Also, I don't want to have a timer and refresh the grid based on some time intervals, I just want it get updated when the related data changed.
Thanks in advance!

The grid will update automatically when the underlying dataSource is updated.
The problem is updating the underlying dataSource without any client-side action to trigger a re-read from the server.
Since this is the web, the dataSource is not directly connected to the server and any changes on the server will not be reflected in the dataSource as the server has no access to the client-side dataSource.
So, you need to use an additional technology/technique that provides this type of connection.
Take a look at Kendo's SignalR integration demo to see if it serves your needs.
http://demos.telerik.com/aspnet-mvc/grid/signalr
Otherwise, you can research "long polling" and/or websockets to see if they meets your needs better.

Related

How to update value in laravel blade ui without refresh the page

i need some help. I want to make my tables update the status when i click refresh button. But can i make it without refreshing the page? Like just the value on the table that updated. Something like re-render in javascript when there is an update to the state..
There are so many ways to accomplish what you are asking... some examples here:
You could use a javascript ajax that ask for the updated table and
reload it when you click refresh.
You could use a javascript ajax that ask only for changes and update
only changed fields.
You could set and Interval with setInterval that ask for changed
values automatically.
For something more tricky: you could manage a serverSocket for push updates to client and trigger javascript to manage the updating
data

Kendo Grid Excel Export limitation

Is there a limitation or maximum number of records that can be returned to the excel export functionality of the Kendo Grid?
Sometimes I get a Network error in the browser but investigating this leads to nothing specific about the Kendo platform.
Ive set AllPages = true and there are aboyt 30000 records to return via web odat api controllers in an asp.net web app.
Cheers
Michael
There are no Kendo UI - specific limitations, but there are limitations related to data serialization and browser memory.
Setting AllPages to true will make the Kendo UI DataSource request all items in a single request. Make sure your server implementation is able to serialize them, and the web server is able to send them.
http://docs.telerik.com/kendo-ui/controls/data-management/grid/excel-export#excel-export-of-all-data

Kendo ui datagrid

I am just trying to use keno ui into my project. But Kendo is new to me. So I am not sure how to proper use it. Some of the widgets like dialog window, datepicker, timepicker etc. are easy to use but I am having problem with datagird. Could anybody let me know how can we use datagrid widget server databound and xml as datatype. Please give me little bit give me an example. If possible. Let me know how xml file will look. How can we get page number, number of rows on the server side. I am using asp.net with c# as server side language.
Is there a reason why you want to bind to an xml file? Generally speaking you should be using JSON for the dataSource. For an example of using an xml datasource have you looked at this:
Binding to xml DataSource
If you haven't used these before and have access to the MVC Wrappers then I would suggest looking at this demo as a good starting place for the Grid:
Kendo Grid bound to local data
Kendo Grid bound to remote data
If you use the demo from the first example and apply it to the "local data" example this should get you going. If you get stuck please provide some code showing what you have tried and any issues you are faced with.

how can we develop ajax application with GWT UI-Binder

As per my project requirement i want to develop an Ajax application with GWT Ui-Binder.. for achieving page refreshing automatically while getting content from database..
Remember: withOut click Refresh button (or) any mouse motion.If u aware about this task...can you please give me with any related exmaple..
if you want to refresh automatic, so you may have any condition where you get event of getting data from database like rpc came on success method etc.. then simply call Window.Location.refresh(); there.

custom server control values lost in callback

I have a custom server control that loads data from a web service into a GridView. Works fine on my page. I want to be able to click on a row and pop a popupcontrol with more detail on the clicked row. I am using the client side events of the DevExpress gridview to handle the onclick. And from JavaScript I am calling a callbackpanel to access my custom server control to get properties to use in the popupcontrol. In the callback, the properties on my server control (which were previously set in order to display the data) are not set, yet any of the other standard controls on the page still have their property settings. Am I missing a setting in my customer server control that will persist my property settings into a callback?
There are a few methods for persisting values through a postback. The method you pick will depend on your exact situation, which you didn't elaborate enough. Personally, I think it sounds like a good place for AJAX...
Here's a great article with some options:
http://msdn.microsoft.com/en-us/magazine/cc300437.aspx
I've had very similar issues. The problem seemed to resolved by tweaking the timing of when the Data is bound.

Resources