I'm referring to things moving the "prev" an "next" buttons to the top header or removing the bottom header. Things like that.
Plus how to add controls to the header and footer of the grid?
Thanks.
Hello Jadem,
Follow this link for more details:
http://api.jquery.com/append/
Looking forward to hear from you.
Sincerely,
Georgi Sashev
Developer Support Engineer
Infragistics, Inc.
http://es.infragistics.com/support
I see this and similar lines in the code:
<div class="ui-iggrid-prevpage ui-iggrid-paging-item ui-state-default" title="go to the previous page">
What would be helpful if you could show me the code that would move all the bottom header grid elements to the top header of the grid.
Were you able to handle this?
If you need further assistance with this matter do not hesitate to contact me.
Hi,
you can do all of that with jQuery selectors. You can use a tool like firebug to see which classes get applied to the various parts of the grid, and then look them up by class (or ID).
for example the pager prev and next buttons get the following classes applied to them:
ui-iggrid-prevpage
ui-iggrid-nextpage
So, if i wanted to look up those, i would do $("#grid1_container .ui-iggrid-prevpage"). Then i can append the result on some other area in the grid.
Note that if your grid element has an id of grid1, a grid1_container wrapper div will be always created in case features such as paging are used, because it will contain all the extra UI - such as footers & toolbars , including the data part of the grid.
Hope it helps. Thanks,
Angel