Question

使用ExtJs，我测试将接收到的xml数据传输到特定网格。我制作了一个简单的文本文件，它有10个输出值，并将pageSize从分页工具栏设置为5。

也就是说，10个值的所需输出可以是每页上的5个值（2页）。它正确地分为2页，但每页有10个相同的值。

上述问题的原因是什么？我希望你的意见能成为可能的解决方案。谢谢！

的index.php

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE> New Document </TITLE>
<link rel="stylesheet" type="text/css" href="resources/css/ext-all.css" />
<script src="resources/js/ext-base.js"></script>
<script src="resources/js/ext-all-debug.js"></script>
<script src="resources/ux/BufferView.js"></script>
<script type="text/javascript">

    Ext.onReady(function(){ 
         var mm = Ext.data.Record.create([  
          {name: 'mb_id'},
          {name: 'mb_sex'},
          {name: 'mb_name'}
         ]);


         var store = new Ext.data.Store({
          proxy: new Ext.data.HttpProxy({
           method:'GET',
           url:'./grid2.php'
          }),  

          reader: new Ext.data.XmlReader(
                {
                    record: 'Item'  
                    },  [
                            'mb_id'
                            ,'mb_sex'
                            ,'mb_name'
                         ]  
                    ),
                    autoLoad: {params:{start: 0, limit: 5}}

         });


         var grid = new Ext.grid.GridPanel({ 
            renderTo: document.body, 
            frame:true, 
            title: 'information', 
            height:300, 
            width:516, 
            store: store, 
            columns: [ 
                {header: "id", dataIndex: 'mb_id'},//, renderer: cover_image
                {header: "sex", dataIndex: 'mb_sex',width:100},
                {header: "name", dataIndex: 'mb_name',width:100}
            ],
            bbar:new Ext.PagingToolbar({
            store:store,
            pageSize:5,
            displayInfo:true
            })
        }); 
    }); 


</script>
</HEAD>
<BODY>
</BODY>
</HTML>

data.php

    header("Content-type: application/xml");    //;charset=utf-8
    echo "<?xml version=\"1.0\" encoding=\"UTF-8\" ?>";

    echo "<root>";

    //전체 데이터 레코드 값 기록
    for($i=0;$i<10;$i++)
    {

            echo "<Record>";
            echo "<Time>".$i."</Time>";
            echo "<Name>".$i."</Name>";
            echo "</Record>";
    }
    echo "</root>";

Answer 1

正如Tim建议的那样，从分页工具栏中删除pageSize参数，然后将其添加到store：

var store = new Ext.data.Store({
    pagesize: 5,
    proxy: new Ext.data.HttpProxy({
        method:'GET',
        url:'./grid2.php'
    })
}) ...

Extjs分页错误

1 个答案: