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

最新推荐文章于 2022-05-14 01:05:27 发布

听鬼讲故事

最新推荐文章于 2022-05-14 01:05:27 发布

阅读量2.2k

点赞数 1

分类专栏： JSP 文章标签： datagrid easyui 自定义按钮不显示

本文链接：https://blog.csdn.net/wengengeng/article/details/43636721

版权

JSP 专栏收录该内容

2 篇文章 0 订阅

订阅专栏

在分页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('删除');
						 }
					 }
					 ]
			});

【正确页面】：