<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>HelloWorld.html</title>
<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
<meta http-equiv="description" content="this is my page">
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<link rel="stylesheet" type="text/css" href="../extjs_lib/resources/css/ext-all.css">
<script type="text/javascript" src="../extjs_lib/adapter/ext/ext-base.js"></script>
<script type="text/javascript" src="../extjs_lib/ext-all.js"></script>
<script type="text/javascript">
</script>
<script type="text/javascript">
Ext.onReady(function() {
//grid
var cm = new Ext.grid.ColumnModel([
{header:'编号', dataIndex:'id', sortable: true},
{header:'名称', dataIndex:'name'},
{header:'描述', dataIndex:'desc'}
]);
var data = [
['1', 'name1', 'desc1'],
['2', 'name2', 'desc2'],
['3', 'name3', 'desc3'],
['4', 'name4', 'desc4'],
['5', 'name5', 'desc5'],
['6', 'name6', 'desc6']
];
var store = new Ext.data.Store({
proxy: new Ext.data.MemoryProxy(data),
reader: new Ext.data.ArrayReader({}, [
{name: 'id'},
{name: 'name'},
{name: 'desc'},
])
});
store.load();
var grid = new Ext.grid.GridPanel({
renderTo: 'grid',
store: store,
cm: cm,
shadow: true,
pageX: 20,
width: 350,
height: 200
});
});
</script>
</head>
<div id="test"></div>
<div id="grid"></div>
<body>
</body>
</html>
- 大小: 13.2 KB
分享到:
相关推荐
Ext GridPanel加载完数据后进行操作,比如load数据之后选定某些行数据,下面有个示例,需要的朋友可以参考下
Ext的gridpanel控件二次加载时丢失解决方案
介绍了gridpanel动态加载数据的实例代码,有需要的朋友可以参考一下
1、Ext版本:3.2.1; 2、运行环境:VS 2008 以上; 3、远程加载数据,数据在程序中生成,无需连接数据库或XML文件; 4、运用Viewport管理页面布局 5、GridPanel的各种功能和特效
Ext 根据数据库返回json动态生成grid列表实例 完整代码
用EXT做的生成树的例子
主要目的 a.... 将 gridpanel 的contextmenuID 设置为 menu 控件的ID, 从而为GridPanel 添加右键菜单 代码如下: <ext:Store ID=”Store1″ runat=”server” onbeforestorechanged=”Store1_Befo
示例程序简述: 这个Demo为了演示如将使用GridPanel显示数据,并为GridPanel添加工具条按钮,提供弹出式窗体新增数据。 使用到的Ext组件 这个Demo涉及到Ext中的GridPanel,FormPanel和Window三个组件。效果图现在...
本示例主要解决GridPanel TabPanel ComboBox,动态生成数据,无须任何配置,并且大部分代码的实现都可通用,并且大量减免了在Html页面里静态 配置数据列所带来的麻烦,这是很有用的技巧.为了大家更好的更方便的使用...
本示例主要解决GridPanel+TabPanel+ComboBox,动态生成数据,无须任何配置,并且大部分代码的实现都可通用,并且大量减免了在Html页面里静态 配置数据列所带来的麻烦,这是很有用的技巧.为了大家更好的更方便的使用...
主要解决GridPanel+TabPanel+ComboBox,动态生成数据,无须任何配置,并且大部分代码的实现都可通用,并且大量减免了在Html页面里静态配置数据列所带来的麻烦,这是很有用的技巧.为了大家更好的更方便的使用本示例,就...
二、异步加载解析 206 三、小结 212 第二十七章:选项卡面板——Ext.TabPanel 214 一、关于魅族和M8 214 二、TabPanel概述 214 三、TabPanel标签操作 216 四、标签弹出菜单 217 五、小结 220 第二十八章:Viewport类...
7.6.1 添加数据 203 7.6.2 删除数据 203 7.6.3 搜索、定位和统计 203 7.6.4 更新数据 206 7.6.5 排序 207 7.7 DataProxy 208 7.8 DirectStore 209 7.9 DataWriter 212 7.10 Ext.data.Api 212 7.11 本章小结 213 第三...
今天在开发Ext的过程中遇到了一个恶心的问题,就是在ext.window页面,点击再次弹出window时,gridpanel中的store数据加载异常,不能正常被加载,会出现缓存,出现该问题,是因为window窗口弹出时,两个window同时...
// 如果点击的是根节点,则 GridPanel 显示所有的数据 // store.load({params:{flag:'all'}}); } else if(node.isLeaf() == true){ // 如果点击的是枝节点的话,则根据 ID 查询联系人的信息 // store.load({...