初学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 相关文章推荐
延时重复执行函数 lLoopRun.js
May 08 Javascript
IE6图片加载的一个BUG解决方法
Jul 13 Javascript
javascript禁用键盘功能键让右击及其他键无效
Oct 09 Javascript
Javascript基础教程之switch语句
Jan 18 Javascript
javascript数据类型示例分享
Jan 19 Javascript
jQuery实现购物车数字加减效果
Mar 14 Javascript
老生常谈javascript的类型转换
Oct 12 Javascript
js 获取本地文件及目录的方法(推荐)
Nov 10 Javascript
jQuery将表单序列化成一个Object对象的实例
Nov 29 Javascript
jQuery获取选中单选按钮radio的值
Dec 27 Javascript
js移动端事件基础及常用事件库详解
Aug 15 Javascript
Vuex modules模式下mapState/mapMutations的操作实例
Oct 17 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
php daddslashes()和 saddslashes()有哪些区别分析
2012/10/26 PHP
PHP版微信公众平台红包API
2015/04/02 PHP
php实现smarty模板无限极分类的方法
2015/12/07 PHP
老司机传授Ubuntu下Apache+PHP+MySQL环境搭建攻略
2016/03/20 PHP
PHP高精确度运算BC函数库实例详解
2017/08/15 PHP
JavaScript基础语法让人疑惑的地方小结
2012/05/23 Javascript
将input file的选择的文件清空的两种解决方案
2013/10/21 Javascript
js实现对ajax请求面向对象的封装
2016/01/08 Javascript
AngularJS 输入验证详解及实例代码
2016/07/28 Javascript
ionic cordova一次上传多张图片(类似input file提交表单)的实现方法
2016/12/16 Javascript
基于jQuery实现火焰灯效果导航菜单
2017/01/04 Javascript
利用JQuery实现datatables插件的增加和删除行功能
2017/01/06 Javascript
基于NodeJS+MongoDB+AngularJS+Bootstrap开发书店案例分析
2017/01/12 NodeJs
简单实现js菜单栏切换效果
2017/03/04 Javascript
微信小程序教程系列之设置标题栏和导航栏(7)
2020/06/29 Javascript
JS简单判断字符在另一个字符串中出现次数的2种常用方法
2017/04/20 Javascript
springMVC + easyui + $.ajaxFileUpload实现文件上传注意事项
2017/04/23 Javascript
JS和jQuery通过this获取html标签中的属性值(实例代码)
2017/09/11 jQuery
Node.js+Express+Mysql 实现增删改查
2019/04/03 Javascript
React中使用外部样式的3种方式(小结)
2019/05/28 Javascript
js回调函数原理与用法案例分析
2020/03/04 Javascript
python解析json实例方法
2013/11/19 Python
python获取糗百图片代码实例
2013/12/18 Python
python访问系统环境变量的方法
2015/04/29 Python
Python基于OpenCV库Adaboost实现人脸识别功能详解
2018/08/25 Python
解决PyCharm import torch包失败的问题
2018/10/13 Python
Django 5种类型Session使用方法解析
2020/04/29 Python
Python自定义聚合函数merge与transform区别详解
2020/05/26 Python
python如何导入依赖包
2020/07/13 Python
乌克兰在线商店的价格比较:Price.ua
2019/07/26 全球购物
Perfume’s Club澳大利亚官网:西班牙领先的在线美容店
2021/02/01 全球购物
致200米运动员广播稿
2014/02/06 职场文书
玄武湖导游词
2015/02/05 职场文书
讲座新闻稿
2015/07/18 职场文书
如何在CocosCreator里画个炫酷的雷达图
2021/04/16 Javascript
js前端面试常见浏览器缓存强缓存及协商缓存实例
2022/06/21 Javascript