Hi,
Is it possible to change the groupby area panel of the grid to be outside of the grid control?
Something like this:
| Search bar |
| group_by_area | some other options |
| another bar |
| IGGrid |
Eheheh
Possible?
Best Regards,
Francisco Correia
Hi Francisco,I'm afraid that the group-by area is a child to the grid's container DIV for a reason and that cannot be changed.However, there's a way to get what you're after.Since the igGrid always has an ID, you will always know the ID of the group-by area and then you can use the after() method to add your "another bar" below the group-by area like so:
$("#grid1_groupbyarea").after("<div>My custom toolbar</div>");
I tested and grouping columns in the group-by area still works after the DIV was appended below it.
Let us know if you need help with anything else.Cheers!Borislav
In order to achieve the behavior I wnat. I was able to "remove" the groupbyarea from inside de IgGrid component and add it to the Div I want.
The problem I'm experiencing now is that when I drag the colums to this area, they group but they are "hidden" or not "appearing" inside the groupbyarea
What I've right now is this:
<div id="mygroupbycontainer"></div>
<div id="grid"></div> <!-- this is the div where the grid is loaded -->
then i run this jscript
$(document).ready(function () { $("#grid_groupbyarea").appendTo($("#mygroupbycontainer")); $("#grid").remove('#grid_groupbyarea'); // with or without this line the behavior is the same. }); The grouparea is exchanged but the drag is not appearing inside the new area.
$(document).ready(function () { $("#grid_groupbyarea").appendTo($("#mygroupbycontainer")); $("#grid").remove('#grid_groupbyarea'); // with or without this line the behavior is the same. });
The grouparea is exchanged but the drag is not appearing inside the new area.