初学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 相关文章推荐
node.js开机自启动脚本文件
Dec 24 Javascript
node.js集成百度UE编辑器
Feb 05 Javascript
JS模态窗口返回值兼容问题的完美解决方法
May 28 Javascript
微信小程序 倒计时组件实现代码
Oct 24 Javascript
vue.js中Vue-router 2.0基础实践教程
May 08 Javascript
JS解析url查询参数的简单代码
Aug 06 Javascript
微信小程序实现tab切换效果
Nov 21 Javascript
原生JS实现瀑布流插件
Feb 06 Javascript
vue全局自定义指令-元素拖拽的实现代码
Apr 14 Javascript
使用layer弹窗提交表单时判断表单是否输入为空的例子
Sep 26 Javascript
基于vue的tab-list类目切换商品列表组件的示例代码
Feb 14 Javascript
JavaScript实现缓动动画
Nov 25 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程序员的技术瓶颈分析
2011/07/17 PHP
采用PHP函数memory_get_usage获取PHP内存清耗量的方法
2011/12/06 PHP
PHP中array_slice函数用法实例详解
2014/11/25 PHP
PHP编写RESTful接口的方法
2016/02/21 PHP
一个简单安全的PHP验证码类、PHP验证码
2016/09/24 PHP
JS中==与===操作符的比较
2009/03/21 Javascript
JQuery.uploadify 上传文件插件的使用详解 for ASP.NET
2010/01/22 Javascript
jQuery aminate方法定位到页面具体位置
2013/12/26 Javascript
快速解决jQuery与其他库冲突的方法介绍
2014/01/02 Javascript
jQuery中对未来的元素绑定事件用bind、live or on
2014/04/17 Javascript
PHP配置文件php.ini中打开错误报告的设置方法
2015/01/09 PHP
Javascript控制input输入时间格式的方法
2015/01/28 Javascript
JavaScript中的时间处理小结
2016/02/24 Javascript
在html中引入外部js文件,并调用带参函数的方法
2016/10/31 Javascript
微信小程序 页面跳转和数据传递实例详解
2017/01/19 Javascript
jQuery图片加载失败替换默认图片方法汇总
2017/11/29 jQuery
Vue 仿QQ左滑删除组件功能
2018/03/12 Javascript
React props和state属性的具体使用方法
2018/04/12 Javascript
js捆绑TypeScript声明文件的方法教程
2018/04/13 Javascript
Vue动态组件和异步组件原理详解
2019/05/06 Javascript
python 截取 取出一部分的字符串方法
2017/03/01 Python
批量获取及验证HTTP代理的Python脚本
2017/04/23 Python
python导出hive数据表的schema实例代码
2018/01/22 Python
python GUI库图形界面开发之pyinstaller打包python程序为exe安装文件
2020/02/26 Python
python中setuptools的作用是什么
2020/06/19 Python
matplotlib部件之套索Lasso的使用
2021/02/24 Python
HTML5 使用 sessionStorage 进行页面传值的方法
2018/07/02 HTML / CSS
HTML5之SVG 2D入门11—用户交互性(动画)介绍及应用
2013/01/30 HTML / CSS
介绍下Lucene建立索引的过程
2016/03/02 面试题
党政领导班子群众路线对照检查材料
2014/10/26 职场文书
师范生见习报告
2014/10/31 职场文书
沈阳故宫导游词
2015/01/31 职场文书
2015年光棍节活动总结
2015/03/24 职场文书
幼儿园家长工作总结2015
2015/04/25 职场文书
财务人员入职担保书
2015/09/22 职场文书
聊聊基于pytorch实现Resnet对本地数据集的训练问题
2022/03/25 Python