I'm feeling pretty stupid.
I have a page that contains a Kendo()Window
The window contains a Kendo().Grid(model)
I have populated the Grid with the data I want and have even made it selectable
Now I want to be able to load and populate a page based on the row selected.
Basically I want to return the 'ID' column and have the controller populate the view based on the 'ID'
BUT I AM LOST...
Can somebody please help
I have a page that contains a Kendo()Window
The window contains a Kendo().Grid(model)
I have populated the Grid with the data I want and have even made it selectable
@model IEnumerable<HCS.Model.FinancialInstitution>@(Html.Kendo().Grid(Model) .Name("Grid") .Columns(columns => { columns.Bound(p => p.ID).Visible(false); columns.Bound(p => p.MainRT).Groupable(false); columns.Bound(p => p.LegalName); }) .Sortable() .Scrollable() .Filterable() .Selectable() .DataSource(dataSource => dataSource .Ajax() .ServerOperation(false)) )Basically I want to return the 'ID' column and have the controller populate the view based on the 'ID'
BUT I AM LOST...
Can somebody please help
1 Answer, 1 is accepted
0
Atanu
Top achievements
Rank 1
Rank 1
answered on 19 Nov 2012, 10:10 AM
Hi
You can configure your grid a bit different way like this:
Now in the Grid_OnRowSelect event of javascript you can get the id as below:
The YourRowID is your ID column value which you can pass to your controller-action method by $.ajax call or as required by you.
Hope that helps
You can configure your grid a bit different way like this:
@(Html.Kendo().Grid(Model) .Name("Grid") .Events(events => events.Change("Grid_OnRowSelect")) .Columns(columns => { columns.Bound(p => p.MainRT).Groupable(false); columns.Bound(p => p.LegalName); }) .Sortable() .Scrollable() .Filterable() .Selectable() .DataSource(dataSource => dataSource .Ajax() .ServerOperation(false) .Model(model =>{model.Id(p => p.ID);})Grid_OnRowSelect = function (e) { var data = this.dataItem(this.select()); YourRowID = data.id;//IMP}Hope that helps
Bob
commented on 19 Nov 2012, 01:28 PM
Top achievements
Rank 1
Rank 1
That looks very helpful. I'll give it a try.
You also brought up my next question. What is the best way to pass the value to the controller?
I know I could do something like
But I also know that that is So... NOT the way to do it.
I've read about the $.ajax call, so I'll look there
You also brought up my next question. What is the best way to pass the value to the controller?
I know I could do something like
Grid_OnRowSelect = function (e){ var data = this.dataItem(this.select()); YourRowID = data.id;//IMP window.location("ViewName/YourRowID");}I've read about the $.ajax call, so I'll look there
Atanu
commented on 21 Nov 2012, 02:56 AM
Top achievements
Rank 1
Rank 1
$.ajax call is a good option if you are passing the value to your controller action from javascript.