简单的表格显示，ext的面向对象思想。在表格中有很好的体现，在menu中更为明显
测试文件：
grid.html
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>ext2.1 表格实例</title>
<link type="text/css" rel="stylesheet" href="../_js/resources/css/ext-all.css" />
<script src="../_js/ext-base.js"></script>
<script src="../_js/ext-all.js"></script>
<script src="../_js/ext-lang-zh_CN.js"></script>
<script src="grid.js"></script>
</head>
<body>
<div id="grid">
</div>
</body>
</html>
grid.js：
// JavaScript Document
//cm:ColumnModel表格的列模型
Ext.onReady(function(){
Ext.QuickTips.init();
var cm = new Ext.grid.ColumnModel([
{header:'编号',dataIndex:'id',sortable=true},//按照id排序
{header:'名称',dataIndex:'name'},
{header:'描述',dataIndex:'descn'}
]);
var data = [
['1','name1','descn1'],
['2','name2','descn2'],
['3','name3','descn3'],
['4','name4','descn4'],
['5','name6','descn5']
];
var ds = new Ext.data.Store({
proxy : new Ext.data.MemoryProxy(data),
reader : new Ext.data.ArrayReader({},[
{name:'id'},
{name:'name'},
{name:'descn'}
])
});
/*
为了解决Store中的reader的name和grid中的cm的列值的对应问题，可以使用map
var ds = new Ext.data.Store({
proxy : new Ext.data.MemoryProxy(data),
reader : new Ext.dataArrayReader({},[
{name:'id',mapping:0},
{name:'name',mapping:1},
{name:'descn',mapping:2}
])
});
*/
ds.load();
var grid = new Ext.grid.GridPanel({
el : 'grid',
ds : ds,
cm : cm
});
grid.render();
});
分享到：
相关推荐
此外，Ext 2.1还包含一套强大的表格处理功能。Ext Grid允许展示大量数据，并支持分页、排序、过滤、编辑等功能。开发者可以通过配置列模型、行选择模式和数据源，定制出满足业务需求的表格。 在Ext 2.1中，表单...
Ext2.1支持多种布局方式，如Fit（适应）、Border（边界）、Form（表单）、Table（表格）等，这些布局可以帮助开发者根据需要调整组件的大小和位置。 此外，事件处理在Ext2.1中扮演着重要角色。每个组件都可以监听和...
这些调整可能涉及到对EXT2.1内置组件样式的影响，例如表格、按钮、标签页、网格等，确保在火狐浏览器上中文字符能够清晰、美观地呈现。 使用这个补丁的方法通常是将`ext-patch.css`引入到EXT2.1应用程序的HTML文件...
EXTJS 2.1中文文档提供了对EXTJS这一JavaScript库的详细解读，是开发者学习和理解EXTJS的重要参考资料。EXTJS是一种用于构建富客户端Web应用的框架，它以组件化和可扩展性著称，提供了丰富的用户界面组件，如表格、...
EXT2.1中文API是专为开发者设计的一份详尽文档，主要涵盖了EXT JavaScript库的第二版的一个重要更新。EXT是一个强大的前端开发框架，尤其在构建数据驱动的Web应用程序方面表现出色。它提供了丰富的组件库、数据绑定...
Ext2.1 API中文文档是针对Ext JS框架的2.1版本提供的开发接口参考手册，主要面向Web前端开发者，特别是那些使用JavaScript进行富互联网应用程序（RIA）开发的人员。Ext JS是一个强大的JavaScript库，用于构建功能...
EXT2.1、Struts2、Spring2.5和Hibernate3.2是四个在Java Web开发中非常重要的技术框架，它们各自负责不同的职责，并且可以协同工作以构建强大的企业级应用。 EXT2.1是一个JavaScript库，主要用于创建富客户端用户...
标题中的"EXt2.1+sturts2.0+spring2.5+hibernate"是一个典型的Java Web开发技术栈，它包含了四个关键组件：EXT JS 2.1、Struts 2.0、Spring 2.5和Hibernate。这些技术在2000年代末至2010年代初是非常流行的，它们...
1. **组件化**：EXT 2.1包含了一系列预定义的UI组件，如表格、面板、窗口、菜单、按钮、表单等，这些组件可以方便地组合和自定义，构建复杂的用户界面。 2. **数据绑定**：EXT支持双向数据绑定，允许UI组件与后台...
标题“ext2.1”可能指的是Ext JS框架的一个特定版本，这是一个广泛使用的JavaScript库，专为构建富互联网应用程序（RIA）而设计。Ext JS提供了一套完整的组件模型、数据绑定机制以及丰富的用户界面控件，使得开发...
ext2.1版本提供了丰富的组件，如表格、窗体、树形结构等，可以创建出高度交互和动态的Web应用。EXTJS的组件化设计使得开发者能够轻松地构建复杂的UI，同时提供了一套完整的数据绑定机制，使得与服务器端的数据交换变...
【标题】"Ext2.1 struts1.x spring 2.x hibernate 2.x" 涉及的技术栈是Web开发中的经典组合，主要包括EXT JS的2.1版本、Struts1.x、Spring 2.x以及Hibernate 2.x。这些技术在过去的Web应用程序开发中扮演着重要角色...
1. **组件丰富**：Ext.NET提供了大量的预定义组件，如表格、面板、表单、菜单、树形视图等，这些组件都经过精心设计，能够满足复杂的Web应用需求。 2. **事件驱动**：通过简单的.NET事件模型，开发者可以轻松地绑定...
Ext新手强烈推荐，里面包括一些各种表格的例子
在2.1版本中，它提供了诸如表格、表单、树形视图、菜单、工具提示等众多组件，便于开发者构建复杂的用户界面。 2. **数据库操作**：在Web应用程序中，通常通过Ajax技术与服务器进行异步通信，实现数据库操作。Ext ...
EXT JS 2.0提供了大量的可重用UI组件，如表格、网格、面板、表单等，以及强大的数据绑定机制，使得开发者可以创建交互性极强的前端界面。此外，它的布局管理器帮助开发者轻松地管理组件的排列和尺寸。 2. **Struts...
首先，"ext-2.1.zip"是ExtJS 2.1版本的库文件。这个版本在历史上具有重要的地位，它提供了丰富的组件和功能，如表格、树形视图、图表、菜单、窗口等，支持拖放操作，以及强大的数据绑定机制。通过这个包，你可以学习...
总之，json-lib-2.1是一个强大且实用的工具，对于需要在Java应用中处理JSON数据，尤其是与使用Ext框架的前端交互的开发者来说，它是不可或缺的。通过理解和掌握如何有效地使用这个库，可以极大地提高开发效率，简化...
根据提供的信息，我们可以深入探讨Ext JS中的拖动功能，特别是针对树(Tree)和表格(Grid)的拖动操作。本文将详细介绍这些概念和技术要点。 ### 一、Ext JS 拖动的基本概念 #### 1.1 拖动源与目标 在Ext JS中，拖动...