Can Kendo Grid use client side filtering with server side paging/sorting? - kendo-ui

I use ServerOperation(true) on my Kendo Grid DataSource to perform server side paging/sorting. I have some columns declared with the Filterable method, which causes server side requests to populate the type ahead. I would like these Filterable columns to just work client side with whatever data is available on the current page. Is there a way to configure this?

I use toODataString on the grid's State object on the front end, which queries my OData v4 ASP.NET Web Service running on IIS (server side).

Related

Gatsby server side rendering ajax/xhr/axios

Is it possible with gatsby to render some external data server side to have prepopulated content when accessing page with browser?
Lets assume i have a public api endpoint like this: http://jsonplaceholder.typicode.com/posts
I want data from such endpoint rendered also server side.
Current behaviour:
Currently when doing axios get calls in my component(constructor or componentDidMount) im able to see data downloaded and rendered fully client side
Expected result
I want to be able to call external data in react component (maybe marking with async/await) to have it rendered after ajax call wil be finished.
I found something regarding graphQL(iam not familiar with it) that it is able to query data also for server side rendering.
But how to achieve my needs using simple text/json response from external endpoint?
If a plugin exists to pull data from your source of choice, then you can pull it in and use GraphQL to query it.
https://www.gatsbyjs.org/docs/plugins/
If it doesn't, you'll want to write a plugin to pull data or use the sourceNodes API in your gatsby-node.js file.
https://www.gatsbyjs.org/docs/node-apis/#sourceNodes

How to have a real-time updated kendo grid?

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.

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

Ajax binding vs Server binding

I have a project which is MVC. In it, I use the telerik grid. I need to choose whether I will user server or ajax binding. What is the difference between these two?
I was told that when I pass data from the controller to the view via model, that is server binding. Is this true? If yes, how else to pass data?
Server binding will refresh the page every time where the Ajax one will be done on the browser with no page reloading. At least that is the difference from the user's prospective.
Ajax binding will need an extra method (the examples on the Telerik website are using " _AjaxBinding()"). That method is called in the grid .ajax() located in the view.
And yes, A normal call is server binding.

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