初学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 相关文章推荐
prototype 的说明 js类
Sep 07 Javascript
JavaScript 在网页上单击鼠标的地方显示层及关闭层
Dec 30 Javascript
使用JQUERY进行后台页面布局控制DIV实现左右式
Jan 07 Javascript
初识SmartJS - AOP三剑客
Jun 08 Javascript
DOM基础教程之使用DOM设置文本框
Jan 20 Javascript
js脚本分页代码分享(7种样式)
Aug 19 Javascript
简单了解Backbone.js的Model模型以及View视图的源码
Feb 14 Javascript
JavaScript+html5 canvas实现图片破碎重组动画特效
Feb 22 Javascript
React Native实现简单的登录功能(推荐)
Sep 19 Javascript
从零开始学习Node.js系列教程之设置HTTP头的方法示例
Apr 13 Javascript
vue 实现通过手机发送短信验证码注册功能
Apr 19 Javascript
详解vue-router数据加载与缓存使用总结
Oct 29 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下10件你也许并不了解的事情
2008/09/11 PHP
几道坑人的PHP面试题 试试看看你会不会也中招
2014/08/19 PHP
JavaScript Event学习第十章 一些可替换的事件对
2010/02/10 Javascript
js不完美解决click和dblclick事件冲突问题
2012/07/16 Javascript
javascript与有限状态机详解
2014/05/08 Javascript
浅谈轻量级js模板引擎simplite
2015/02/13 Javascript
jsMind通过鼠标拖拽的方式调整节点位置
2015/04/13 Javascript
JavaScript的History API使搜索引擎抓取AJAX内容
2015/12/07 Javascript
javascript基础练习之翻转字符串与回文
2017/02/20 Javascript
Angularjs使用指令做表单校验的方法
2017/03/31 Javascript
Angular如何引入第三方库的方法详解
2017/07/13 Javascript
Vue 多层组件嵌套二种实现方式(测试实例)
2017/09/08 Javascript
利用jsonp与代理服务器方案解决跨域问题
2017/09/14 Javascript
vue 项目 iOS WKWebView 加载
2019/04/17 Javascript
浅要分析Python程序与C程序的结合使用
2015/04/07 Python
在Python下进行UDP网络编程的教程
2015/04/29 Python
python使用锁访问共享变量实例解析
2018/02/08 Python
浅谈python配置与使用OpenCV踩的一些坑
2018/04/02 Python
Pandas之MultiIndex对象的示例详解
2019/06/25 Python
python 命名规范知识点汇总
2020/02/14 Python
tensorflow将图片保存为tfrecord和tfrecord的读取方式
2020/02/17 Python
Python3将ipa包中的文件按大小排序
2020/04/17 Python
Python中的__init__作用是什么
2020/06/09 Python
Python操作Elasticsearch处理timeout超时
2020/07/17 Python
Python 如何操作 SQLite 数据库
2020/08/17 Python
python爬虫调度器用法及实例代码
2020/11/30 Python
美国手机支架公司:PopSockets
2019/11/27 全球购物
Electric官网:美国高级眼镜和配件品牌
2020/06/04 全球购物
思想品德自我评价
2014/02/04 职场文书
大学生社会实践评语
2014/04/25 职场文书
2014年计生工作总结
2014/11/21 职场文书
经验交流材料格式
2014/12/30 职场文书
2016年大学自主招生自荐信范文
2015/03/24 职场文书
酒店财务总监岗位职责
2015/04/03 职场文书
惊天动地观后感
2015/06/10 职场文书
护理心得体会范文
2016/01/22 职场文书