easyui1.5 datagrid中分页显示不正常,求教各位


1、问题描述:在使用easyui1.5时,发现datagrid中如果使用toolbar,会导致datagrid中的分页控件显示不正常!向下走了几px,如图所示:

2、调试后的发现(2点):
一、datagrid的toolbar有2中实现方法,
并非2种实现都是出现以上问题,只有使用<div>这种实现才会出现问题,而使用js数组是一切正常显示的
二、只有调整下浏览器窗口大小(缩小一点或者放大一点),分页显示马上正常,ps:我觉得是不是初始化的时候高度没有计算准确~~

3、问题代码:

 <script>
     $(function(){
        $('#category').datagrid({
            url: '{:U("Category/getList")}',
            border: false,
            toolbar: '#tbar',
            fit: true,

            columns:[[
                {field:'id',checkbox:true},
                {field:'sort',title:'排序',width:100},
                {field:'name',title:'栏目名称',width:100},
                {field:'create_time',title:'创建时间',width:100},
            ]],
            pagination: true,

            fitColumns: true,
            rownumbers: true,
            data: [
                {
                    "id": 1,
                    "sort": 1,
                    "name": "助力海东",
                    "create_time": "2016-08-15 15:13:87"
                },
                {
                    "id": 2,
                    "sort": 2,
                    "name": "助力海东",
                    "create_time": "2016-08-15 15:13:87"
                }
            ]
        });
    });
</script>

<table id="category"></table>
<div id="tbar" style="padding: 5px;">
    <a href="#" class="easyui-linkbutton" data-options="iconCls:'icon-add',plain:true">新增</a>
    <a href="#" class="easyui-linkbutton" data-options="iconCls:'icon-edit',plain:true">修改</a>
    <a href="#" class="easyui-linkbutton" data-options="iconCls:'icon-remove',plain:true">删除</a>
</div>

求求各位大神如果有同样问题,救救小弟,谢谢


1.你就用js数组来写吧,就没问题了。
2.原来也遇到过不少初次不正常只要改变窗口就显示正常的情况,原因我猜测是这样的:easyui初次会获取窗体高度,然后把页面渲染上去,然而你把toolbar写在下面之后他认为没有那段高度自然等toolbar显示出来了则分页就会下去一部分。可以加上height属性试试看

            height : $('#**').height()-**,
            pagination : true,



相关阅读:
API Gateway 或者 OpenAPI设计思想?
vue.js实现组件间的上移下移
新人小白问题之 什么时候需要用到form标签?什么时候不必用,用不用有什么区别?
Git出错 Fatal:multiple Stage Entriesfor Merged File
前端怎么实现关闭页面或浏览器后,重新打开页面或重启浏览器,可以继续原来的操作,比如重新打开后不需要重新调用后台的服务
flask 中的 template_rendered 函数
react map函数中点击事件失效
怎么检查一个checkbox是否存在?
为什么onmouseenter函数里面的i值为13?
iOS NSPredicate 过滤排序
有没有jenkins实现PHP工程的持续集成解决方案
怎么样阻止默认事件的出发(即验证不通过无法滑动?) 求大神!
mongoose 无法存储
二线城市最佳投简历的招聘网站有哪些?
electron 的a链接或者设置为cursor:pointer的标签没有出现链接手势?
怎么获取onclick的链接?
material-ui里的多个按钮怎么放置在一个select里面
npm unpublish之后,还可以npm install 是什么问题
$post传参,后台收到了请求,但是没有收到参数?
res.render用来渲染的数据可以在客户端获得吗



快速导航

Copyright © 2016 phpStudy |