当前位置: 代码迷 >> Web前端 >> Ext.grid.GridPanel 报表
  详细解决方案

Ext.grid.GridPanel 报表

热度:833   发布时间:2012-11-25 11:44:31.0
Ext.grid.GridPanel 表格
		<link rel="stylesheet" type="text/css" href="extjs2.3/resources/css/ext-all.css" />
		<script type="text/javascript" src="extjs2.3/adapter/ext/ext-base.js"></script>
		<script type="text/javascript" src="extjs2.3/ext-all.js"></script>
	
		<script type="text/javascript">

			Ext.onReady(function(){
				
				//数据存储器
				var store=new Ext.data.JsonStore({ 
								url:"demo.action?method=getInfo",
								root:"result",
								fields:["id","name","homepage"]
				});
				
				//数据列映射
				var colm=new Ext.grid.ColumnModel([
				                 {header:"id",dataIndex:"id",sortable:true},
				                 {header:"名称",dataIndex:"name",sortable:true},
				                 {header:"网址",dataIndex:"homepage"}
				]);

				//表格
				new Ext.grid.GridPanel({
								renderTo:"grid", 
								title:"表格grid", 
								height:150,
								width:600, 
								cm:colm, 
								store:store,
								autoExpandColumn:2
				});
				
			});
			
		</script>
	
?
<div id="grid"></div>
  相关解决方案