一个ext的grid分页栏显示不出来

2011-08-12 09:36:32 169 阅读 AI 写同款 · GEO 优化AI 选题数据监测一键分发 ›

EXT中关于得到grid分页数据以及EXT导出你所要数据网上找了几次,没有找到自己的需求,未果,所以还是自己摸索吧. 其实这里说的内容相当简单,主要的意思就是,得到你当前页面中某一行或者是某几行,更或者是得到当前页面的数据. 主要是昨天上头叫我做查询导出,导出选择项,导出当前页等,看看效果,留待以后是否会用上.说实话,对EXT,我也算是一个没入门的门外汉,虽然接触了不少,总的来说,里面内容实在太多.所以还得慢慢阅读详情

//=======================这个是ext代码=========================



<script type="text/javascript">

	Ext.onReady(function(){

		Ext.QuickTips.init();// 浮动信息提示

		

		Ext.BLANK_IMAGE_URL = "@{'public/javascripts/resources/images/default/s.gif'}";

		

		//装载数据

		var ds = new Ext.data.Store({

		

			//数据源

			proxy : new Ext.data.HttpProxy({

   				url : '@{AdminPrograma.index()}'

  			}),

  			

			reader : new Ext.data.JsonReader(

				{

					//数据总数

					totalProperty : 'totalProperty',

					//数据

					root : 'root'

				},

				[

					//列

					{name: 'id'}, 

					{name: 'name'}

				]

			)

		});

		

		// 加载首页数据

		ds.load({

			params : 

			{

				start : 0,//当前页数

				limit : 10//每页显示的数量

			}

		});

		

		//定义复选框

		var sm = new Ext.grid.CheckboxSelectionModel();

		

		//列名

		var cm = new Ext.grid.ColumnModel([

			new Ext.grid.RowNumberer(),

			sm,// 添加复选框?

			{

				header : '编号',

				dataIndex : 'id'

			},

			{	

				header : '姓名',

				dataIndex : 'name'

			}

		]);



		var grid = new Ext.grid.GridPanel({

			id : 'student-grid',// 设置标识ID，方便以后引用！

			

			title : '人员信息管理?',// 标题

			

			renderTo : 'grid',// 显示表格的地方显示表格的地方

			

			sm : sm,// 复选框

			

			cm : cm,// 列模型

			

			ds : ds,// 数据源

			

			stripeRows : true,// 加上行条纹

			

			loadMask : true,// 加载数据时遮蔽表格

			

			border : true,// 加上边框

			

			frame : true,// 显示天蓝色圆角框

			

			

			stripeRows:true,

			

		    loadMask:true,

		    

		    autoExpandColumn:'date',

		    

		    autoHeight:false,

		    

			width : 700,

			

			height : 400,

			

			x : 1,// 设置初始位置横坐标?

			

			y : 1,// 设置初始位置纵坐标?

			

			collapsible : true, // 面板可以折叠

			

			// 表格底部分页工具栏

			bbar: new Ext.PagingToolbar({

				pageSize:10,

				store:ds,

				displayInfo:true,

				displayMsg:'显示第{0}条 到 {1}条记录，一共 {2} 条',

				emptyMsg:"没有记录"

    		}),

			

			//让列充满表格

			viewConfig:{

				forceFit:true ,

				enableRowBody: true ,

				scrollOffset:15,

				displayInfo: true,

				columnsText:'显示的列'

		    }

		});

 	});

</script>

//=======================这个是后台 java=========================



public static String index(Integer start, Integer limit){

		

		List<Product> products = Product.findAll();

		String root ="root:[";

		String totalProprerty = "totalProperty : 100";

		String ds = "";

		for (Product product : products) {

			root += "{id:'" + product.getId() + "', name:'" + product.getName() +"'},";

		}

		//删除最后逗号 并加上中括号

		root = root.substring(0, root.length() - 1) + "]";

		

		ds = "{" + totalProprerty + "," + root + "}";

		

		Logger.debug(ds);

		

		return ds;

                  //输出时这样的 {totalProperty : 100,root:[{id:'17', name:'砖石手表'},{id:'18', name:'釜山手表'}]}

	}