easyui1.5 DataGrid의 페이징 표시가 정상이 아닙니다. 조언 부탁드립니다.-PHP 튜토리얼-php.cn

easyui1.5 DataGrid의 페이징 표시가 정상이 아닙니다. 조언 부탁드립니다.

WBOY

풀어 주다： 2016-10-09 08:32:29

원래의

1767명이 탐색했습니다.

1. 문제 설명: easyui1.5를 사용할 때 DataGrid에서 툴바를 사용하면 DataGrid의 페이징 컨트롤이 제대로 표시되지 않는 것을 발견했습니다! 그림과 같이 몇 px 아래로 이동하세요. easyui1.5 DataGrid의 페이징 표시가 정상이 아닙니다. 조언 부탁드립니다.

2. 디버깅 후 발견 사항(2점):
1. DataGrid 도구 모음에는 두 가지 구현 방법이 있습니다. easyui1.5 DataGrid의 페이징 표시가 정상이 아닙니다. 조언 부탁드립니다.
두 구현 모두

구현 시 문제가 발생하지만 js 배열을 사용하면 모든 것이 정상적으로 표시됩니다.
2. 브라우저 창의 크기를 조정(약간 축소 또는 약간 확대)하면 페이징 표시가 즉시 정상으로 표시됩니다. ps: 초기화가 안된거 같네요~~

3. 질문 코드:

<code> <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>
</code>

로그인 후 복사

같은 문제가 있으면 도와주세요. 감사합니다