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>
分享到:
相关推荐
ruby笔记1ruby笔记1ruby笔记1ruby笔记1ruby笔记1ruby笔记1
笔记笔记笔记笔记笔记笔记笔记笔记笔记算法笔记算法笔记算法笔记算法笔记算法笔记
git笔记git笔记git笔记git笔记git笔记git笔记git笔记git笔记git笔记git笔记git笔记git笔记git笔记git笔记git笔记git笔记git笔记git笔记git笔记git笔记git笔记git笔记git笔记git笔记git笔记git笔记git笔记git笔记git...
ext2.0笔记ext2.0笔记ext2.0笔记ext2.0笔记ext2.0笔记ext2.0笔记ext2.0笔记ext2.0笔记ext2.0笔记ext2.0笔记ext2.0笔记ext2.0笔记ext2.0笔记ext2.0笔记ext2.0笔记ext2.0笔记ext2.0笔记ext2.0笔记ext2.0笔记ext2.0笔记...
MFC笔记 MFC笔记 MFC笔记 MFC笔记 MFC笔记 MFC笔记
ssh学习笔记1 ssh学习笔记1 ssh学习笔记1 ssh学习笔记1 ssh学习笔记1 ssh学习笔记1 ssh学习笔记1
前端项目源码:模仿有道云,个人制作的一款多人协同的云笔记 前端项目源码:模仿有道云,个人制作的一款多人协同的云笔记 前端项目源码:模仿有道云,个人制作的一款多人协同的云笔记 前端项目源码:模仿有道云,...
狂神SpringBoot笔记+源码 狂神SpringBoot笔记+源码 狂神SpringBoot笔记+源码 狂神SpringBoot笔记+源码 狂神SpringBoot笔记+源码 狂神SpringBoot笔记+源码 狂神SpringBoot笔记+源码 狂神SpringBoot笔记+源码 狂神...
c语言笔记c语言笔记c语言笔记c语言笔记
小程序源码 云笔记 (代码+截图)小程序源码 云笔记 (代码+截图)小程序源码 云笔记 (代码+截图)小程序源码 云笔记 (代码+截图)小程序源码 云笔记 (代码+截图)小程序源码 云笔记 (代码+截图)小程序源码 云笔记 (代码+...
2020谷粒商城笔记资料,谷粒商城2020文档课件笔记+源代码(基础篇+高级篇) 谷粒商城2020文档课件笔记+源代码(基础篇+高级篇) 2020谷粒商城笔记资料(基础篇+高级篇) 尚硅谷谷粒商城笔记,很全。基础篇,高级篇...
工作笔记工作笔记工作笔记工作笔记工作笔记工作笔记工作笔记工作笔记工作笔记工作笔记工作笔记工作笔记工作笔记工作笔记工作笔记工作笔记工作笔记工作笔记工作笔记工作笔记工作笔记工作笔记工作笔记工作笔记
Java相关课程系列笔记之一Java学习笔记 Java相关课程系列笔记之四JDBC学习笔记 Java相关课程系列笔记之六HTML学习笔记 Java相关课程系列笔记之七CSS学习笔记 Java相关课程系列笔记之八JavaScript学习笔记 Java相关...
新概念第一册笔记新概念第一新新概念第一册笔记概念第一册笔记册笔记新概念第一新概念第一册笔记册新概念第一册笔记笔记
j2ee 笔记 j2ee 笔记 j2ee 笔记 j2ee 笔记
这一步骤将确保笔记列表栏目的大小被正确地保存。 五、调整笔记编辑框 笔记编辑框是用户编写笔记的主要区域。调整笔记编辑框的大小可以让用户更方便地编写和编辑笔记。用户可以通过拖动笔记编辑框的边缘来调整其...
有道笔记本桌面版是网易有道出品的电子笔记本软件。 特色功能: 1.自动增量同步 2.按照笔记本来整理笔记 3.富文本编辑笔记,可...5.邮件功能发送笔记,快速分享笔记内容。 6.密码保护锁定窗口,保护用户隐私安全。
java笔记java笔记java笔记java笔记java笔记java笔记java笔记
S7-200 Smart入门笔记1-8 程序合集 S7-200 Smart入门笔记1——流水灯 按钮 S7-200 Smart入门笔记1——流水灯 定时器 S7-200 Smart入门笔记2——读时钟 S7-200 Smart入门笔记3——呼吸灯 S7-200 Smart入门笔记4——...
JDBC笔记 JDBC笔记 JDBC笔记