初学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 相关文章推荐
Apply an AutoFormat to an Excel Spreadsheet
Jun 12 Javascript
js/jquery解析json和数组格式的方法详解
Jan 09 Javascript
Actionscript与javascript交互实例程序(修改)
Sep 22 Javascript
KVM虚拟化技术之使用Qemu-kvm创建和管理虚拟机的方法
Oct 05 Javascript
详解js的延迟对象、跨域、模板引擎、弹出层、AJAX【附实例下载】
Dec 19 Javascript
tablesorter.js表格排序使用方法(支持中文排序)
Feb 10 Javascript
Angular.JS去掉访问路径URL中的#号详解
Mar 30 Javascript
详细AngularJs4的图片剪裁组件的实例
Jul 12 Javascript
浅探express路由和中间件的实现
Sep 30 Javascript
javascript实现视频弹幕效果(两个版本)
Nov 28 Javascript
Angular6项目打包优化的实现方法
Dec 15 Javascript
Jquery滑动门/tab切换实现方法完整示例
Jun 05 jQuery
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
深入理解:XML与对象的序列化与反序列化
2013/06/08 PHP
执行、获取远程代码返回:file_get_contents 超时处理的问题详解
2013/06/25 PHP
php递归函数中使用return的注意事项
2014/01/17 PHP
php使用fsockopen函数发送post,get请求获取网页内容的方法
2014/11/15 PHP
php中使用key,value,current,next和prev函数遍历数组的方法
2015/03/17 PHP
PHP-FPM的配置与优化讲解
2019/03/15 PHP
jQuery ui 1.7更新小结
2009/08/15 Javascript
查看大图功能代码jquery版
2013/11/05 Javascript
JQuery在循环中绑定事件的问题详解
2016/06/02 Javascript
基于JS实现数字+字母+中文的混合排序方法
2016/06/06 Javascript
BootStrap日期控件在模态框中选择时间下拉菜单无效的原因及解决办法(火狐下不能点击)
2016/08/18 Javascript
js html css实现复选框全选与反选
2016/10/09 Javascript
原生JS实现垂直手风琴效果
2017/02/19 Javascript
老生常谈jquery中detach()和remove()的区别
2017/03/02 Javascript
jQuery实现可拖动进度条实例代码
2017/06/21 jQuery
JavaScript中EventLoop介绍
2018/01/22 Javascript
JS内部事件机制之单线程原理
2018/07/02 Javascript
详解Vue项目在其他电脑npm run dev运行报错的解决方法
2018/10/29 Javascript
零基础写python爬虫之抓取百度贴吧并存储到本地txt文件改进版
2014/11/06 Python
Python中的字典遍历备忘
2015/01/17 Python
Python与Java间Socket通信实例代码
2017/03/06 Python
python增加矩阵维度的实例讲解
2018/04/04 Python
python利用requests库模拟post请求时json的使用教程
2018/12/07 Python
python如何获取列表中每个元素的下标位置
2019/07/01 Python
用python给自己做一款小说阅读器过程详解
2019/07/11 Python
Django框架视图层URL映射与反向解析实例分析
2019/07/29 Python
Python学习笔记之函数的参数和返回值的使用
2019/11/20 Python
pycharm 实现调试窗口恢复
2021/02/05 Python
利用CSS3实现文字折纸效果实例代码
2018/07/10 HTML / CSS
使用html5 canvas绘制圆环动效
2019/06/03 HTML / CSS
养殖人员的创业计划书范文
2013/12/26 职场文书
教师查摆问题及整改措施
2014/10/11 职场文书
红十字会救护培训简讯
2015/07/20 职场文书
导游词之天下银坑景区
2019/11/21 职场文书
超外差式晶体管收音机的组装与统调
2021/04/22 无线电
go语言中json数据的读取和写出操作
2021/04/28 Golang