EXT实现表格显示
来源:互联网 发布:图书cip数据在哪 编辑:程序博客网 时间:2024/05/17 01:12
以下是JS代码:
- Ext.onReady(function() {
- // 定义表头
- var cm = new Ext.grid.ColumnModel([{
- header : "id",
- dataIndex : "id"
- }, {
- header : "姓名",
- dataIndex : "name"
- }, {
- header : "性别",
- dataIndex : "sex"
- },{
- header : "email",
- dataIndex : "email"
- }, {
- header : "年龄",
- dataIndex : "age"
- }]);
- // 相当于数据库字段的描述
- // 数据库定义结构
- var ff = ["id", "name", "email", "sex", "age"];
- //***********************************************
- var data = [["1", "ACCP1", "shenzhen_zsw@163.com", "男", "20"],
- ["2", "ACCP2", "shenzhen_zsw1@163.com", "男", "20"],
- ["3", "ACCP3", "shenzhen_zsw2@163.com", "男", "20"],
- ["4", "ACCP4", "shenzhen_zsw3@163.com", "男", "20"],
- ["5", "ACCP5", "shenzhen_zsw4@163.com", "男", "20"]];
- var store = new Ext.data.SimpleStore({
- fields : ff,
- data : data
- });
- //***********************************************
- //创建一个表格面板
- var grid = new Ext.grid.GridPanel({
- title:'ACCP_ZSW', //表格标题
- cm : cm, //表格的表头
- store : store, //表格
- width:500,
- height:200
- });
- grid.render('zsw'); //加载当页面中相应的标签
- });
以下是html代码:
- <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
- <link rel="stylesheet" type="text/css" href="ext/resources/css/ext-all.css" />
- <script type="text/javascript" src="ext/ext-base.js"></script>
- <script type="text/javascript" src="ext/ext-all.js"></script>
- <script type="text/javascript" src="ext/ext-lang-zh_CN.js"></script>
- <script type="text/javascript" src="js/table.js"></script>
- SimpleStore:<br>
- fields : ff 和 data : data,
- <div id="zsw"></div>
- EXT实现表格显示
- ext表格数据显示
- EXT表格
- EXT表格
- Ext数据表格只能显示一条数据的问题
- Ext.net列表或表格显示不出数据
- TableLayout+TableRow 实现表格显示
- Ext动态表格的Json和Array实现方式
- Ext实现表格列头冻结效果,锁定列头
- Ext GridPanel基本表格
- EXT Grid表格分页
- Ext 表格 重载数据
- Ext 表格的操作
- Ext表格分页
- Ext 表格控件
- Ext表格分页
- EXT的表格分页
- Ext Designer生成表格
- 动态链接库
- SQL 查找重复记录
- 2008.12.21
- .net 3.0 WCF 开发日志完结篇(开发体验)
- CSS+DIV美化和布局-理解CSS定位与DIV布局
- EXT实现表格显示
- js_event.keycode大全
- SQLSERVER 2000 存储过程例子
- 你不认输,就不能输
- Qt/Embedded图形化开发[转自sunshengquan.cublog.cn ]
- ie与firefox对节点childNode的不同解释。
- VB登录CRM系统(一)
- 收集Css属性用法!
- 没有握到总理的手。。