初学JavaScript_03(ExtJs Grid的简单使用)


Posted in Javascript onOctober 02, 2008

<html>
<head>
<title>Ext中的Grid例子</title>
<link rel="stylesheet" type="text/css"
href="../AllRes/resources/css/ext-all.css"/>
<script type="text/javascript" src="../AllRes/adapter/ext/ext-
base.js"></script>
<script type="text/javascript" src="../AllRes/ext-all.js"></script>
<script>
//ID排序
Ext.onReady(function(){
var cm = new Ext.grid.ColumnModel([
{header:'编号',dataIndex:'id',sortable:true},
{header:'名称',dataIndex:'name'},
{header:'描述',dataIndex:'descn'}
]) ;
var data = [
['1','name1','descn1'],
['2','name2','descn2'],
['3','name3','descn3'],
['4','name4','descn4'],
['5','name3','descn5']
] ;
var ds = new Ext.data.Store({
proxy:new Ext.data.MemoryProxy(data),
reader:new Ext.data.ArrayReader({},[
{name: 'id'},
{name: 'name'},
{name: 'descn'}
])
}) ;
ds.load() ;

var grid = new Ext.grid.GridPanel({
el:'grid',
ds: ds,
cm: cm
}) ;
grid.render() ;
}) ;
</script>
</head>
<body>
<div id="grid"></div>
</body>
</html>

Javascript 相关文章推荐
如何判断图片地址是否失效
Feb 02 Javascript
js右键菜单效果代码
Jul 21 Javascript
JQuery获取各种宽度、高度(format函数)实例
Mar 04 Javascript
只需20行代码就可以写出CSS覆盖率测试脚本
Apr 24 Javascript
jquery三个关闭弹出层的小示例
Nov 05 Javascript
Bootstrap文件上传组件之bootstrap fileinput
Nov 25 Javascript
js按条件生成随机json:randomjson实现方法
Apr 07 Javascript
关于Vue.nextTick()的正确使用方法浅析
Aug 25 Javascript
bootstrap表格内容过长时用省略号表示的解决方法
Nov 21 Javascript
vue利用v-for嵌套输出多层对象,分别输出到个表的方法
Sep 07 Javascript
详解javascript replace高级用法
Feb 17 Javascript
详解如何模拟实现node中的Events模块(通俗易懂版)
Apr 15 Javascript
JavaScript下申明对象的几种方法小结
Oct 02 #Javascript
初学JavaScript第二章
Sep 30 #Javascript
select组合框option的捕捉实例代码
Sep 30 #Javascript
javascript优先加载笔记代码
Sep 30 #Javascript
javascript显示隐藏层比较不错的方法分析
Sep 30 #Javascript
javascript不同页面传值的改进版
Sep 30 #Javascript
简明json介绍
Sep 28 #Javascript
You might like
phpmyadmin MySQL 加密配置方法
2009/07/05 PHP
用PHP读取和编写XML DOM的实现代码
2011/02/03 PHP
php摘要生成函数(无乱码)
2012/02/04 PHP
ThinkPHP5.1框架数据库链接和增删改查操作示例
2019/08/03 PHP
javascript 限制输入脚本大全
2009/11/03 Javascript
一些mootools的学习资源
2010/02/07 Javascript
jQuery使用动态渲染表单功能完成ajax文件下载
2013/01/15 Javascript
z-blog SyntaxHighlighter 长代码无法换行解决办法(jquery)
2014/11/16 Javascript
用JavaScript判断CSS浏览器类型前缀的两种方法
2015/10/08 Javascript
php register_shutdown_function函数详解
2017/07/23 Javascript
基于jQuery中ajax的相关方法汇总(必看篇)
2017/11/08 jQuery
详解extract-text-webpack-plugin 的使用及安装
2018/06/12 Javascript
Vue路由钩子之afterEach beforeEach的区别详解
2018/07/15 Javascript
详解a标签添加onclick事件的几种方式
2019/03/29 Javascript
vue 中Virtual Dom被创建的方法
2019/04/15 Javascript
JavaScript 替换所有匹配内容及正则替换方法
2020/02/12 Javascript
JS简易计算器实例讲解
2020/06/30 Javascript
python中常用的各种数据库操作模块和连接实例
2014/05/29 Python
python使用wxpython开发简单记事本的方法
2015/05/20 Python
python 中if else 语句的作用及示例代码
2018/03/05 Python
Django处理文件上传File Uploads的实例
2018/05/28 Python
详解Python字符串切片
2019/05/20 Python
Win10下Python3.7.3安装教程图解
2019/07/08 Python
python实现的爬取电影下载链接功能示例
2019/08/26 Python
python实现简单的tcp 文件下载
2020/09/16 Python
IE9下html5初试小刀
2010/09/21 HTML / CSS
世界上最大的餐具公司:Oneida
2016/12/17 全球购物
西班牙灯具网上商店:Lampara.es
2018/06/05 全球购物
Tenstickers法国:墙贴和装饰贴纸
2019/08/26 全球购物
Intersport西班牙:在线体育商店
2019/11/06 全球购物
采购部主管岗位职责
2014/01/01 职场文书
上班迟到检讨书
2014/01/10 职场文书
大学军训感言600字
2014/02/25 职场文书
2014年幼儿园国庆主题活动方案
2014/09/16 职场文书
父母教会我观后感
2015/06/17 职场文书
Redis实现订单自动过期功能的示例代码
2021/05/08 Redis