EasyUI Forum

General Category => EasyUI for jQuery => Topic started by: MSAG on October 22, 2018, 10:13:24 PM



Title: Pagination Layout: How can put buttons in middle of layout not at the end
Post by: MSAG on October 22, 2018, 10:13:24 PM
Pagination Layout: How can put buttons in middle of layout not at the end
i want to put buttons at specific location like layout standers


<div class="easyui-pagination" data-options="layout:['first','prev','manual','next','last','refresh'],buttons:$('#buttons')"></div>
<div id="buttons">
<table style="border-spacing:0">
<tr>
<td>
<input class="easyui-searchbox" style="width:150px">
</td>
</tr>
</table>
</div>


something like this

layout:['first','prev','Buttons is here','next','last','refresh']


Title: Re: Pagination Layout: How can put buttons in middle of layout not at the end
Post by: jarry on October 23, 2018, 08:05:56 AM
Please try this code to move the buttons to the middle of the pagination bar.
Code:
var mid = $('#pp').find('td:eq(1)');
$('#buttons').closest('td').insertAfter(mid);


Title: Re: Pagination Layout: How can put buttons in middle of layout not at the end
Post by: MSAG on October 31, 2018, 08:26:07 AM
Thanks a lot
It's works ;)