Print Page - Toolbar at bottom of a datagrid

Title: Toolbar at bottom of a datagrid
Post by: Fabrice on September 01, 2014, 08:03:13 AM

how can i display a toolbar at bottom of datagrid?

Title: Re: Toolbar at bottom of a datagrid
Post by: Kevin on September 15, 2014, 05:58:55 PM

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>

Title: Re: Toolbar at bottom of a datagrid
Post by: Fabrice on September 16, 2014, 07:15:45 AM

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':

Title: Re: Toolbar at bottom of a datagrid
Post by: Fabrice on September 18, 2014, 06:48:06 AM

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.

Title: Re: Toolbar at bottom of a datagrid
Post by: aswzen on September 18, 2014, 07:20:29 PM

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

Title: Re: Toolbar at bottom of a datagrid
Post by: Fabrice on September 20, 2014, 06:25:21 AM

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

Title: Re: Toolbar at bottom of a datagrid
Post by: aswzen on September 29, 2014, 09:54:50 PM

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

mmmmmmm

Title: Re: Toolbar at bottom of a datagrid
Post by: jarry on October 04, 2014, 05:51:00 AM

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

Title: Re: Toolbar at bottom of a datagrid
Post by: Fabrice on October 05, 2014, 04:23:21 AM

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

Title: Re: Toolbar at bottom of a datagrid
Post by: Fabrice on October 17, 2014, 02:41:24 AM

It seem that footbar become invisible when resize pane!

EasyUI Forum

General Category => EasyUI for jQuery => Topic started by: Fabrice on September 01, 2014, 08:03:13 AM