<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%><!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html> <head>
 <meta http-equiv="Content-Type" c>
 <title>Editor Grid Example</title>
<link rel="stylesheet" type="text/css" href="../ext/resources/css/ext-all.css" />    <!-- GC -->
  <!-- LIBS -->
  <script type="text/javascript" src="../ext/adapter/ext/ext-base.js"></script>
  <!-- ENDLIBS -->    <script type="text/javascript" src="../ext/ext-all.js"></script>
    <link rel="stylesheet" type="text/css" href="../ext/examples/grid/grid-examples.css" /><!-- Common Styles for the examples -->
<link rel="stylesheet" type="text/css" href="../ext/examples/shared/examples.css" />
       <script type="text/javascript">
  Ext.onReady(function(){
var paragraphClicked = function(e) {
//Ext.get(e.target).highlight(); 
var paragraph = Ext.get(e.target); 
paragraph.highlight(); 

Ext.MessageBox.show({ 
title: '', 
msg: paragraph.dom.innerHTML, 
width:400, 
buttons:Ext.MessageBox.OK, animEl: paragraph }); } 
Ext.select('td').on('click', paragraphClicked);
    // create the Data Store
    var store = new Ext.data.Store({
        // load using HTTP
        url: '../typeXml/chunjie.xml',        // the return will be XML, so lets set up a reader
        reader: new Ext.data.XmlReader({
               // records will have an "Item" tag
               record: 'SystemTemplate',
               id: 'TemplateID',
               totalRecords: 'results'
               
           }, [        
              {name:'TemplateCategory',mapping:'TemplateCategory'},
              'TemplateTitle','TemplateContent','TemplateSendTime'              
           ])
    });    // create the grid
    var grid = new Ext.grid.GridPanel({
        store: store,
        trackMouseOver:false,
        
        disableSelection:true,
       // loadMask: true,
        
        columns: [
            {header: "祝福类型", width: 100, dataIndex: 'TemplateCategory', sortable:true},
           // {header: "标题", width: 180, dataIndex: 'TemplateTitle', sortable: true},
            {header: "祝福内容", width: 900, dataIndex: 'TemplateContent', sortable: true}
           // {header: "TemplateSendTime", width: 100, dataIndex: 'TemplateSendTime', sortable: true}
        ],
        renderTo:'example-grid',
        width:1180,
        sm:new Ext.grid.CheckboxSelectionModel(),   
        height:500,
      //  style:'float:left;margin:25px;font:normal 22px tahoma, arial, sans-serif, 宋体;',
        listeners:{             rowclick:function(trid,rowIndex,e){//行单击事件
               var paragraph = Ext.get(e.target); 
paragraph.highlight(); 
Ext.MessageBox.show({ 
title: '', 
msg: paragraph.dom.innerHTML, 
width:400, 
buttons:Ext.MessageBox.OK, animEl: paragraph });

             }    },
                
        bbar: new Ext.PagingToolbar({
                     pageSize: 10,
            store: store,
            displayInfo: true,
  displayMsg: '第{0} 到 {1} 条数据 共{2}条',  
    emptyMsg: "没有数据"  
      
            
        })
    });
     grid.render();
  store.load({params:{start:0, limit:10}});
    
});
     </script>
 </head>
 <body><div id="example-grid"></div>
</body>
</html>

解决方案 »

  1.   

    这里有一个分页的demo
      

  2.   

    你要算出节点在树中的下标!
    第一页:0-9,第二页:10-19,也就相当result.cursor
      

  3.   

    那种的我也有,看了,与我这种不同啊,我这个是一个本地的xml,我直接用的 Ext.data.XmlReader ,这样读的xml
      

  4.   

    ext没用过!你可以查一查ext文档有没有相应的方法或类
      

  5.   

    那只能你自已写了!基本路子就是我说的!要在第二页以后可以定位到节点的下标.自已写也不是很难!
    1页
    page=1
    节点起始下标=0
    最大的节点下标=page*pagesize-pagepage=2
    节点起始下标=page*pagesize-pagesize
    最大的节点下标=page*pageisze-1找找规律..,我只是简单写了写,你用不用的页码去测试你的规律
      

  6.   

    感觉要把store,extend 一下;具体没写过.我要分页的东西都是从远程取过来的,用webservices.没碰到过这种问题.