easyui datagrid分页栏显示不出来

unioncron 2015-10-31 10:00:08

var grid = {
bind: function (winSize) {
$('#list').datagrid({
url: actionURL,
toolbar: '#toolbar',
title: "数据列表",
iconCls: 'icon icon-list',
width: winSize.width,
height: winSize.height-36,
nowrap: false, //折行
rownumbers: true, //行号
striped: true, //隔行变色
idField: 'KeyId',//主键
singleSelect: true, //单选
sortName: 'KeyId',
sortOrder: 'desc',
frozenColumns: [[]],
columns: [[
{ title: '编号', field: 'KeyId', width: 80, hidden: true },
{ title: '拜访人', field: 'TrueName', width: 100, sortable: true },
{
title: '拜访日期', field: 'docdate', width: 120, sortable: true, formatter: function (value, row, index) {
if (value) {
return value.toString().substring(0, 10);
}
}
},
{ title: '公司', field: 'name', width: 300 },
{ title: '联系人', field: 'contacts', width: 100 },
{ title: '联系人手机', field: 'cell_phone_number', width: 120 },
{ title: '抄送人', field: 'csman', width: 280 }
]],
pagination: true,
pageNum: 1,
pageSize: PAGESIZE,
pageList: [20, 40, 50]
});
},
getSelectedRow: function () {
return $('#list').datagrid('getSelected');
},
reload: function () {
$('#list').datagrid('clearSelections').datagrid('reload', { filter: '' });
}
};

由于工具栏出现了两行,下面的分页栏就看不到了
...全文
1899 4 打赏 收藏 转发到动态 举报
写回复
用AI写文章
4 条回复
切换为时间正序
请发表友善的回复…
发表回复
老王就是我 2018-08-17
  • 打赏
  • 举报
回复
引用 1 楼 union89 的回复:
之前的通用工具栏都只限定了一行的高度,这里出现第二行就把列表绑定的下方的状态栏挤掉遮住了。只需要对工具栏的高度进行限定,重新对工具栏层的高度样式进行设定,删除缓存重新刷新就看到显示出来了。

datagrid方法里设置高度后还是不行,表格高度还是过多把状态栏挤了
liqiexingxing 2017-03-25
  • 打赏
  • 举报
回复
引用 1 楼 union89 的回复:
之前的通用工具栏都只限定了一行的高度,这里出现第二行就把列表绑定的下方的状态栏挤掉遮住了。只需要对工具栏的高度进行限定,重新对工具栏层的高度样式进行设定,删除缓存重新刷新就看到显示出来了。

请问一下有没有遇到这样的i情况,出来了,我的数据也显示正确了,就是图标没有出来,我不知道这个什么原因,你有遇到吗?
人鱼传说 2015-11-07
  • 打赏
  • 举报
回复
设置技巧,又学习了
unioncron 2015-11-06
  • 打赏
  • 举报
回复
之前的通用工具栏都只限定了一行的高度,这里出现第二行就把列表绑定的下方的状态栏挤掉遮住了。只需要对工具栏的高度进行限定,重新对工具栏层的高度样式进行设定,删除缓存重新刷新就看到显示出来了。

87,839

社区成员

发帖
与我相关
我的任务
社区描述
Web 开发 JavaScript
社区管理员
  • JavaScript
  • 无·法
加入社区
  • 近7日
  • 近30日
  • 至今
社区公告
暂无公告

试试用AI创作助手写篇文章吧