EasyUI中，datagrid页码上的自定义按钮不显示问题

最新推荐文章于 2023-07-27 16:52:41 发布

原创最新推荐文章于 2023-07-27 16:52:41 发布 · 2.3k 阅读

0 ·

本内容遵循CC 4.0 BY-SA版权协议

标签

#datagrid #easyui #自定义按钮不显示

收录于

JSP 专栏收录该内容

2 篇文章

订阅专栏

本文介绍了一个关于Datagrid中自定义分页按钮显示的问题。如果将按钮定义代码置于Datagrid分页代码之前，可能导致按钮无法正常显示。文章通过对比错误与正确的代码示例，解释了正确的实现方式。

在分页Datagrid上，如果把定义分页上按钮的代码放在定义分页的JS代码前面，那么自定义的按钮就无法显示。

【有误代码】：

			$('#consumption_detail_table').datagrid('getPager').pagination
			({
				buttons:
					[
					 {
						 iconCls:'icon-add',
						 handler:function()
						 {
							 alert('添加');
						 }
					 },
					 {
						 iconCls:'icon-remove',
						 handler:function()
						 {
							 alert('删除');
						 }
					 }
					 ]
			});
			$('#consumption_detail_table').datagrid({loadFilter:pagerFilter});//pageFilter为定义好的函数

【错误页面】：

【正确代码】：

			$('#consumption_detail_table').datagrid({loadFilter:pagerFilter});//pageFilter为定义好的函数
			$('#consumption_detail_table').datagrid('getPager').pagination
			({
				buttons:
					[
					 {
						 iconCls:'icon-add',
						 handler:function()
						 {
							 alert('添加');
						 }
					 },
					 {
						 iconCls:'icon-remove',
						 handler:function()
						 {
							 alert('删除');
						 }
					 }
					 ]
			});

【正确页面】：