Toolbar at bottom of a datagrid

[Fabrice]

how can i display a toolbar at bottom of datagrid?

[Kevin]

This is more of a hack but does work. You need to move the toolbar div after the datagrid div once the datagrid has been generated. This can be done in the onLoadSuccess event. ie

Code:

$('#dg').datagrid({
   onLoadSuccess: function(){
      $("#toolbar").insertAfter("#myid .datagrid-view");
   }
});

...

<div id="myid">
   <table id="dg" toolbar="#toolbar" ></table>
   <div id="toolbar"></div>
</div>

[Fabrice]

thank you for this reply but it seem not to work for me maybe because i build datagrid by code and not by html,
I need a toolbar at top of datagrid and a footbar at bottom

i found a solution not very funny : i set pagination:true and then $('.pagination-info').replaceWith($(myfootbar));

better solution will be an option like 'footbar':
 

[Fabrice]

In fact, in my application i have multiple pages with more than one datagrid on each et it's very hard to add layouts for all theses pages, that's why i have extend datagrid to do somes tasks automaticaly and it will be better for me to have an options 'footbar:' like toolbar, this footbar should be in place of pager.

[aswzen]

try to refer to this demo http://www.jeasyui.com/easyui/demo/datagrid/custompager.html

[Fabrice]

I know this demo but i don't want pagination, simply a footbar with customs buttons and informations

[aswzen]

now, i need achieve this..make a toolbar that appear on bottom and without pagination,........

mmmmmmm

[jarry]

The example below shows how to add a footer bar to the datagrid panel.
http://jsfiddle.net/2d7j3ft9/

[Fabrice]

Thank's, it's perfect,very good job.

[Fabrice]

It seem that footbar become invisible when resize pane!