I would like to create a button that when clicked, programmatically shows a column that is previously hidden, and then groups by a specific column... Psudo code might be...
1.) Button Click
2.) Show Column called "City"
3.) Group by "State".
Any pointers on how to do this?
Jason
1.) Button Click
2.) Show Column called "City"
3.) Group by "State".
Any pointers on how to do this?
Jason
2 Answers, 1 is accepted
0
Hello Jason,
Nikolay Rusev
Telerik
You can get reference to the Grid dataSource field use the group API to group the widget. There is also an API for showing/hiding given grid column.
Regards,Nikolay Rusev
Telerik
Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
0
Accepted
Jason
Top achievements
Rank 1
Rank 1
answered on 22 Oct 2013, 04:11 PM
Excellent, thanks for the help with that. Here is what I came up with and it seems to work perfectly!
$('#ButtonID').click(function() {
var grid = $('#GridID').data('kendoGrid');
grid.showColumn('FirstName');
grid.showColumn('LastName');
grid.hideColumn('AccountNumber');
grid.dataSource.group([{field: "City"}]);
});
$('#ButtonID').click(function() {
var grid = $('#GridID').data('kendoGrid');
grid.showColumn('FirstName');
grid.showColumn('LastName');
grid.hideColumn('AccountNumber');
grid.dataSource.group([{field: "City"}]);
});