Heim >Backend-Entwicklung >PHP-Tutorial >Die Paging-Anzeige im easyui1.5-Datagrid ist nicht normal. Bitte geben Sie mir einen Rat.

Die Paging-Anzeige im easyui1.5-Datagrid ist nicht normal. Bitte geben Sie mir einen Rat.

WBOY
WBOYOriginal
2016-10-09 08:32:291789Durchsuche

1. Problembeschreibung: Bei der Verwendung von easyui1.5 habe ich festgestellt, dass die Paging-Steuerung im Datagrid nicht richtig angezeigt wird, wenn die Symbolleiste im Datagrid verwendet wird! Gehen Sie ein paar Pixel nach unten, wie im Bild gezeigt: Die Paging-Anzeige im easyui1.5-Datagrid ist nicht normal. Bitte geben Sie mir einen Rat.

2. Ergebnisse nach dem Debuggen (2 Punkte):
Es gibt 2 Implementierungsmethoden für die Datagrid-Symbolleiste. Die Paging-Anzeige im easyui1.5-Datagrid ist nicht normal. Bitte geben Sie mir einen Rat.
Nur ​​bei Verwendung von

Die Implementierung wird Probleme verursachen, aber die Verwendung von js-Arrays wird alles normal anzeigen
2. Solange Sie die Größe des Browserfensters anpassen (etwas verkleinern oder etwas vergrößern), wird die Paging-Anzeige sofort normal sein. PS: Ich glaube, die Höhe wurde zu diesem Zeitpunkt nicht genau berechnet~~

3. Fragecode:

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

Bitte helfen Sie mir, wenn Sie das gleiche Problem haben, danke

Stellungnahme:
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn