gridpanl 笔记一

最新推荐文章于 2020-04-03 02:13:05 发布

iteye_12996

最新推荐文章于 2020-04-03 02:13:05 发布

阅读量115

点赞数

分类专栏： extjs 文章标签： EXT JavaScript CSS HTML ViewUI

本文链接：https://blog.csdn.net/iteye_12996/article/details/81861454

版权

extjs 专栏收录该内容

18 篇文章 0 订阅

订阅专栏

Ext.onReady(function(){

	var cm=new Ext.grid.ColumnModel([{
	header:"id",// 列名
	dataIndex:"id"  // 与fields一一对应
	},{
	header:"姓名",
	dataIndex:"name"  // 与fields一一对应
	},{
	header:"Email",
	dataIndex:"email"  // 与fields一一对应
	},{
	header:"性别",
	dataIndex:"sex"  // 与fields一一对应
	},{
	header:"年龄",
	dataIndex:"age"  // 与fields一一对应
	}]);
	
	var fields=["id","name","email","sex","age"];// 字段的描述,指列
	
	var data=[["1","lang","lijun@126.com","0","20"],
	["2","lang","lijun@126.com","0","20"],
	["3","lang","lijun@126.com","0","20"],
	["4","lang","lijun@126.com","0","20"],
	["5","lang","lijun@126.com","0","20"]];// 行,与field一一匹配,本地数据取值方式
	
	// store表示数据存储器
	var store=new Ext.data.SimpleStore({
	
		fields:fields,
		data:data
	})
	
	var grid=new Ext.grid.GridPanel({
	
		title:'gridpanel',
	
		cm:cm,
		store:store,
		autoHeight:true
	})
	
	grid.render(Ext.getBody());
	
})

<%@ page language="java" contentType="text/html; charset=gb2312"
	pageEncoding="gb2312"%>
<%
	request.setAttribute("base", request.getContextPath());
%>

<html>
	<head>
		
		<title>gridpanel数据展示</title>
		<link rel="stylesheet" type="text/css"
			href="${base}/script/ext/resources/css/ext-all.css">
		<script type="text/javascript"
			src="${base}/script/ext/adapter/ext/ext-base.js"></script>
		<script type="text/javascript" src="${base}/script/ext/ext-all.js"></script>
		<script type="text/javascript" src="${base}/user/grid_simple.js"></script>
		
	</head>
	<body>
		
		
	</body>
</html>

iteye_12996

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
gridpanl 笔记一

Ext.onReady(function(){ var cm=new Ext.grid.ColumnModel([{ header:"id",// 列名 dataIndex:"id" // 与fields一一对应 },{ header:"姓名", dataIndex:"name" // 与fields一一对应 },{ header:"Email", da...
复制链接

扫一扫

专栏目录