初学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 相关文章推荐
js弹出模式对话框,并接收回传值的方法
Mar 12 Javascript
使用GruntJS链接与压缩多个JavaScript文件过程详解
Aug 02 Javascript
Javascript实现页面跳转的几种方式分享
Oct 26 Javascript
javascript:void(0)的作用示例介绍
Oct 28 Javascript
Javascript字符串对象的常用方法简明版
Jun 26 Javascript
js选择并转移导航菜单示例代码
Aug 19 Javascript
javascript实现的一个随机点名功能
Aug 26 Javascript
jQuery position() 函数详解以及jQuery中position函数的应用
Dec 14 Javascript
bootstrap侧边栏圆点导航
Jan 11 Javascript
jQuery实现的简单拖动层示例
Feb 22 Javascript
vue v-model实现自定义样式多选与单选功能
Jul 05 Javascript
微信公众号平台接口开发 获取access_token过程解析
Aug 14 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
DOM XPATH获取img src值的query
2013/09/23 PHP
PHP ajax 异步执行不等待执行结果的处理方法
2015/05/27 PHP
PHP使用file_get_content设置头信息的方法
2016/02/14 PHP
php实现基于PDO的预处理示例
2017/03/28 PHP
Laravel框架创建路由的方法详解
2019/09/04 PHP
checkbox 复选框不能为空
2009/07/11 Javascript
javascript getElementsByClassName 和js取地址栏参数
2010/01/02 Javascript
javascript判断ie浏览器6/7版本加载不同样式表的实现代码
2011/12/26 Javascript
JavaScript对象的property属性详解
2014/04/01 Javascript
jQuery判断当前点击的是第几个li的代码
2014/09/26 Javascript
JavaScript中遍历对象的property的3种方法介绍
2014/12/30 Javascript
Jquery 1.9.1源码分析系列(十二)之筛选操作
2015/12/02 Javascript
Js 获取当前函数参数对象的实现代码
2016/06/20 Javascript
jQuery实现动态文字搜索功能
2017/01/05 Javascript
vue.js实现刷新当前页面的方法教程
2017/07/05 Javascript
深入探究node之Transform
2017/07/20 Javascript
微信小程序自定义导航栏实例代码
2019/04/05 Javascript
layui 数据表格 点击分页按钮 监听事件的实例
2019/09/02 Javascript
JavaScript生成一个不重复的ID的方法示例
2019/09/16 Javascript
jquery绑定事件 bind和on的用法与区别分析
2020/05/22 jQuery
基于JS实现快速读取TXT文件
2020/08/25 Javascript
[01:05:56]Liquid vs VP Supermajor决赛 BO 第二场 6.10
2018/07/04 DOTA
解决PyCharm控制台输出乱码的问题
2019/01/16 Python
Python中 CSV格式清洗与转换的实例代码
2019/08/29 Python
keras中的History对象用法
2020/06/19 Python
python代码实现图书管理系统
2020/11/30 Python
Python 中的函数装饰器和闭包详解
2021/02/06 Python
amazeui树节点自动展开折叠面板并选中第一个树节点的实现
2020/08/24 HTML / CSS
阿姆斯特丹杜莎夫人蜡像馆官方网站:Madame Tussauds Amsterdam
2019/03/12 全球购物
手工制作的豪华英式沙发和沙发床:Willow & Hall
2019/05/03 全球购物
.NET面试10题
2014/02/24 面试题
UNIX文件类型
2013/08/29 面试题
国贸专业个人求职信范文
2014/01/08 职场文书
市政施工员自我鉴定
2014/01/15 职场文书
企业总经理职责
2014/02/02 职场文书
电子信息工程自荐信
2014/05/26 职场文书