初学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 相关文章推荐
定义select的边框颜色
Apr 28 Javascript
Jquery 扩展方法
May 06 Javascript
Javascript实现CheckBox的全选与取消全选的代码
Jul 20 Javascript
深入探讨JavaScript String对象
Mar 09 Javascript
jQuery EasyUI 布局之动态添加tabs标签页
Nov 18 Javascript
JavaScript知识点总结(十)之this关键字
May 31 Javascript
js 动态添加元素(div、li、img等)及设置属性的方法
Jul 19 Javascript
JS实现隔行换色的表格排序
Mar 27 Javascript
Vue2.0基于vue-cli+webpack父子组件通信(实例讲解)
Sep 14 Javascript
浅谈Vue Element中Select下拉框选取值的问题
Mar 01 Javascript
对vue中v-on绑定自定事件的实例讲解
Sep 06 Javascript
解决Vue 移动端点击出现300毫秒延迟的问题
Jul 21 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
如何让thinkphp在模型中自动完成session赋值小教程
2014/09/05 PHP
WampServer搭建php环境时遇到的问题汇总
2015/07/23 PHP
用javascript关闭本窗口技巧小结
2014/09/05 Javascript
FF(火狐)浏览器无法执行window.close()解决方案
2014/11/13 Javascript
JS实现点击复选框将按钮或文本框变为灰色不可用的方法
2015/08/11 Javascript
jquery插件pagination实现无刷新ajax分页
2015/09/30 Javascript
nodejs实例解析(输出hello world)
2017/01/03 NodeJs
jQuery实现遍历复选框的方法示例
2017/03/06 Javascript
js canvas实现QQ拨打电话特效
2017/05/10 Javascript
JavaScript中EventLoop介绍
2018/01/22 Javascript
chosen实现省市区三级联动
2018/08/16 Javascript
微信小程序五子棋游戏的棋盘,重置,对弈实现方法【附demo源码下载】
2019/02/20 Javascript
JS实现随机抽取三人
2019/11/06 Javascript
js实现简易ATM功能
2020/10/27 Javascript
[01:16]2014DOTA2 TI专访C9战队EE:中国五强中会占三席
2014/07/10 DOTA
Python定时任务sched模块用法示例
2018/07/16 Python
使用Python横向合并excel文件的实例
2018/12/11 Python
Python之列表实现栈的工作功能
2019/01/28 Python
Python使用到第三方库PyMuPDF图片与pdf相互转换
2019/05/03 Python
Django Celery异步任务队列的实现
2019/07/24 Python
Python 实现文件读写、坐标寻址、查找替换功能
2019/09/11 Python
Python将列表中的元素转化为数字并排序的示例
2019/12/25 Python
Python 合并拼接字符串的方法
2020/07/28 Python
利用CSS3实现文本框的清除按钮相关的一些效果
2015/06/23 HTML / CSS
整理HTML5中支持的URL编码与字符编码
2016/02/23 HTML / CSS
美国著名的婴儿学步鞋老品牌:Robeez
2016/08/20 全球购物
世界排名第一的万圣节服装店:Spirit Halloween
2018/10/16 全球购物
Tessabit日本:集世界奢侈品和设计师品牌的意大利精品买手店
2020/01/07 全球购物
人事科岗位职责范本
2014/03/02 职场文书
医学生职业生涯规划书范文
2014/03/13 职场文书
升国旗仪式主持词
2014/03/19 职场文书
初中毕业典礼演讲稿
2014/09/09 职场文书
服务整改报告
2014/11/06 职场文书
小学生成绩单评语
2014/12/31 职场文书
2019个人工作计划书的格式及范文!
2019/07/04 职场文书
Python OpenCV超详细讲解基本功能
2022/04/02 Python