How to refresh kendo grid? [duplicate] - angularjs

This question already has an answer here:
How to refresh Kendo Grid on delete and add row action?
(1 answer)
Closed 7 years ago.
I have data in kendo grid so on below api call i am deleting row record that is working at backend side but its not refreshing grid on client side. How can i refresh grid ?
So far tried code
main.js
$scope.excludeAssess = function(key){ RcsaFactory.assessmentDetails(key.riskAssessmentKey,'RS_DELETED').then(function(){
$scope.includeAssOptions.dataSource.read();
});
};
$scope.includeAssOptions = RcsaAssessConfig.includeAssessmentGrid;

You already read the dataSource but then you missed the second step which is refreshing the kendo grid, there is similar question here. Assuming $scope.includeAssOptions is your grid then you could simply $scope.includeAssOptions.refresh(); to refresh your grid

Related

How can i auto update a Kendo Grid?

I have a Kendo Grid which I have bound a datasource in AngularJS. It has 10 rows.
In the MVC controller that is called I do some calculations and refetch the new datasource associated with that Grid and 5 of the lines no longer need to be on the grid.
The issue is that the rows are deleted from my model and database but I need to close my screen and come back to the Kendo Grid to see the change.
Is there a way I can make the grid update with that new data , so of like an Autorefresh ?
Thanks
yep all sorted. using grid.datasource.read()

Angular UI Grid Edit

I have been using KendoGrid so far for edit, filter and sorting.
Is it possible to use Angular UI Grid (http://ui-grid.info/) and achieve the result similar to these 2 demos.
These 2 demos are for KendoGrid editing row in Grid.
1. http://demos.telerik.com/aspnet-mvc/grid/editing-inline
2. http://demos.telerik.com/kendo-ui/grid/editing-popup
Yes. These all demo features are possible in Angular UI grid. go through the tutorials given this link.
click here

Dropdown in a celltemplate in AngularJS ui-grid

I have a grid and in 1 column am only getting 2 values. Either closed or Open. currently it is a normal grid so the user can enter any value. I want to force the user in selecting either Open or Closed from a dropdown rather than him typing. Also i have that grid pre-populated. So already few rows will have values as Closed or Open. So i want the dropdown to be selected when the grid loads. Please help. Thanks.

Add extra field to iframe in grid view update table data option in kendo UI?

Think my database have 6 fields. I only show 4 fields and it's data in grid using kendo UI.
I also add toolbar to that grid(Buttons that add and edit for data). When I click that Edit button the iframe only show that 4 fields that show in the grid. But I need to add extra field to that iframe. So is that can do in kendo UI ???
If can someone suggest a way to do that ??
I also using AngularJS to this project...
Finally I found the answer for this.....
I feel that I had search a wrong way..
The answer in here ...Answer

How to update a Ext JS 4 grid when popup form is submitted

Please point me to an Ext JS 4 code sample of a grid with records editable via a popup form. It seems to be a common use case, but I can only find editable grids with editing in place.
My approach:
Each row in the grid has an Edit button, which shows Ext.window.Window with an item Ext.form.Panel.
When the form is submitted I have all the fields, which correspond to a record in the grid store.
I get record using:
var storeRecord = grid.getStore().getAt(index);
But when I modify properties of this record, and hide the form window, the grid does not show updated values.
Am I missing some step? Do I need to force refresh? Or maybe there is a standard way to configure the grid with an editor as a form panel?
After two days of searches, trials and errors, I found the solution:
grid.getView().refresh();
I wish there was a faster way for Ext learning curve. :(

Resources