EasyUI Forum

General Category => EasyUI for jQuery => Topic started by: mzeddd on January 27, 2016, 05:16:25 AM

Title: About Custom DataGrid Pager
Post by: mzeddd on January 27, 2016, 05:16:25 AM

Hi,

How can I add searchbox or other custom elements into pager panel of my datagrid (via HTML)?

Thanks,
V

Title: Re: About Custom DataGrid Pager
Post by: jarry on January 27, 2016, 08:37:59 PM

Please try this:

Code:

<div id="buttons">
	<input class="easyui-searchbox" style="width:100px">
	<a href="#" class="easyui-linkbutton" iconCls="icon-add" plain="true"></a>
</div>
<script type="text/javascript">
	$(function(){
		var pager = $('#dg').datagrid('getPager');
		pager.pagination({
			buttons:'#buttons'
		})
	})
</script>

Title: Re: About Custom DataGrid Pager
Post by: mzeddd on January 28, 2016, 02:02:45 AM

Thanks!