Ext Js 3.2 EditorGirdPanel增加一行和删除一行
http://blog.csdn.net/woshisap/article/details/6957331
http://www.cnblogs.com/yage/archive/2009/10/30/1591785.html
http://www.cnblogs.com/jianglan/archive/2011/07/28/2119101.html
<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<base href="<%=basePath%>">
<title>gridPanel</title>
<meta http-equiv="pragma" content="no-cache">
<meta http-equiv="cache-control" content="no-cache">
<meta http-equiv="expires" content="0">
<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
<meta http-equiv="description" content="This is my page">
<link rel="stylesheet" type="text/css" href="ext3.2/resources/css/ext-all.css"></link>
<script type="text/javascript" src="ext3.2/adapter/ext/ext-base.js"></script>
<script type="text/javascript" src="ext3.2/ext-all.js"></script>
<script type="text/javascript" src="ext3.2/src/local/ext-lang-zh_CN.js"></script>
<script type="text/javascript">
Ext.onReady(function() {
var cum = new Ext.grid.ColumnModel([{
header:'类型ID',
dataIndex: 'sortId',
editor: new Ext.grid.GridEditor(
new Ext.form.TextField({
allowBlank: false
})),
}, {
header: '类型姓名',
dataIndex: 'sortName',
editor: new Ext.grid.GridEditor(
new Ext.form.TextField({
allowBlank: false
}))
},{
header: '父类型',
dataIndex: 'parentSort',
editor: new Ext.grid.GridEditor(
new Ext.form.TextField({
allowBlank: false
}))
}, {
header: '类型描述',
dataIndex: 'sortDescn',
editor: new Ext.grid.GridEditor(
new Ext.form.TextField({
allowBlank: false
}))
}, {
header: '日期',
dataIndex: 'kdtime',
editor: new Ext.grid.GridEditor(
new Ext.form.TextField({
allowBlank: false
}))
}]);
var cumdata = [
['1', 'String', 'Object', '字符串类型', '2010-05-22'],
['2', 'Integer', 'Object', '整数类型', '2010-06-07'],
['3', 'GridView', 'Observable', '用户界面的封装', '2010-05-05'],
['4', 'ColumnModel', 'Observable', 'Grid列模型的默认实现', '2001-07-05'],
['5', 'EditorGridPanel', 'GridPanel', '用于在指定某些的列可以编辑单元格', '2007-06-01'],
['6', 'PropertyRecord', 'Object', '用于表示一对"名称/值"的数据', '2009-09-03']
];
var store = new Ext.data.Store({
proxy: new Ext.data.MemoryProxy(cumdata),
reader: new Ext.data.ArrayReader({}, [
{name: 'sortId'},
{name: 'sortName'},
{name: 'parentSort'},
{name: 'sortDescn'},
{name: 'kdtime'}
])
});
var p = new Ext.data.Record({
sortId: '',
sortName: '',
parentSort: '',
sortDescn: '',
kdtime: ''
});
store.load();
var cumgrid = new Ext.grid.EditorGridPanel({
renderTo: 'cumGrid',
store: store,
stripeRows: true,
viewConfig: {
forceFit: true,
scrollOffset: 30,
sortAscText: '升序',
sortDescText: '降序'
},
height: 200,
width: 500,
colModel: cum,
tbar: new Ext.Toolbar(['-', {
text: '添加一行',
handler: function() {
cumgrid.stopEditing();
store.insert(0, p);
cumgrid.startEditing(0, 0); //激活该行的编辑状态
}
}, '-', {
text: '删除一行',
handler: function() {
Ext.Msg.confirm('信息', '确定要删除', function(btn) {
if(btn == 'yes') {
var sm = cumgrid.getSelectionModel(); //得到表格的选择模型
var cell = sm.getSelectedCell(); //通过选择模型得到选择的单元格
var record = store.getAt(cell[0]); //得到store对应的Record
store.remove(record);
}
})
}
}])
});
});
</script>
</head>
<body>
<div id="cumGrid"> </div>
</body>
</html>
分享到：
相关推荐
EXT中文EXT中文EXT中文EXT中文EXT中文EXT中文EXT中文EXT中文EXT中文EXT中文EXT中文EXT中文EXT中文EXT中文EXT中文EXT中文EXT中文EXT中文EXT中文EXT中文EXT中文EXT中文EXT中文EXT中文EXT中文EXT中文EXT中文EXT中文EXT...
可以读写Ext2，以Ext2方式挂载Ext3文件系统（不支持Ext3日志），不支持中文！ It provides Windows NT4.0/2000/XP/2003/Vista/2008 with full access to Linux Ext2 volumes (read access andwrite access). This ...
1. **支持多种EXT文件系统**: Ext2Read不仅支持EXT2，还支持更先进的EXT3和EXT4文件系统。EXT4是目前Linux发行版广泛采用的文件系统，其特点是速度快、支持大文件和大量文件。 2. **查看与复制**: 用户可以像在...
EXT，全称EXT JS，是一种基于JavaScript的开源前端框架，主要应用于构建富互联网应用程序（Rich Internet Applications，简称RIA）。EXT3.jar是EXT框架的一个版本，它包含EXT库的Java版本，通常用于Java Web应用程序...
在Windows操作系统中，由于默认不支持Linux文件系统如EXT4，因此无法直接读取或写入EXT4格式的分区。但有一些第三方工具可以帮助我们解决这个问题，其中之一就是Ext2Fsd。Ext2Fsd是一个免费的开源软件，专门设计用于...
【标题】: "ext3.0ext3.0ext3.0" 指的是Linux文件系统中的EXT3（Third Extended File System），这是一个稳定且广泛使用的日志文件系统，最初由Rik Faith开发，用于替代早期的EXT2系统。EXT3在1990年代末期推出，它...
《深入理解ext4_utils：三星线刷ROM打包利器》 在Android系统开发和维护领域，三星线刷ROM的打包工具ext4_utils是一个不可或缺的实用程序。这个工具集专注于处理ext4文件系统，一种广泛用于Linux内核的高性能日志...
在Windows操作系统中，由于文件系统不兼容性，通常无法直接访问Linux系统中的Ext3或Ext4分区。然而，有了第三方工具如Ext2Fsd，Windows用户可以实现对这些Linux文件系统的读取和写入操作。本文将详细介绍如何在...
标题中的"Ext2IFS windows"表明我们正在讨论一个与Windows操作系统相关的软件，该软件的主要功能是支持挂载Linux的ext文件系统。在Windows环境中，通常无法直接读取或写入Linux系统的ext2、ext3或ext4分区，而Ext2...
EXT4.2.1是一个广泛使用的JavaScript框架，主要用于构建用户界面和富互联网应用程序（RIAs）。这个安装包可能包含了EXT的各个组件、示例、文档和必要的库文件，以帮助开发者快速搭建功能丰富的Web应用。 EXT的核心...
在Android系统中，对设备进行刷机或者系统更新时，经常需要处理ext4文件系统。本文将深入探讨如何使用`ext4-utils`工具集来创建`make_ext4fs`和`simg2img`这两个关键工具，这对于理解Android系统底层工作原理以及...
包含3个工具：make_ext4fs、simg2img、kusering.sh。 1. 解压system.img为system.img.ext4。命令：simg2img system.img system.img.ext4 2. 创建system.img.ext4挂载目录tmp； 命令：mkdir tmp； 3. 挂载system....
在Android系统中，EXT4文件系统是广泛使用的主文件系统，用于存储应用程序、系统文件和其他数据。EXT4-extractor是一个专为Android设计的工具，它能够帮助开发者和故障排除人员解析EXT4格式的镜像文件，将其转换为一...
EXT3.4和EXT3.1.0是EXT3文件系统在不同版本的发展阶段，而EXT3.0 API则是开发人员进行EXT3相关编程时所使用的应用程序接口。 EXT3的主要特点包括： 1. **日志记录**：EXT3采用日志式设计，系统崩溃或非正常关机后...
EXT是一个流行的JavaScript库，特别适用于构建富客户端应用。EXT2.0.2是EXT库的一个较早版本，它提供了一套完整的组件系统，包括表格（Grid）、面板（Panel）、窗口（Window）等，用于创建复杂的Web界面。在这个特定...
在Android开发中，ext4文件系统打包是系统镜像制作的重要一环。本文档将详细介绍在Android平台上使用make_ext4fs工具打包ext4文件系统镜像的过程，并对相关的操作注意事项进行说明。同时，文档也会涉及使用simg2img...
Ext 4.0是Sencha公司开发的一个JavaScript框架的重要版本，专用于构建富客户端Web应用程序。这个框架基于组件模型，提供了丰富的用户界面组件和强大的数据管理能力，使得开发者能够创建功能强大、交互性强的Web应用...
在Ext.js中，`Ext.Store`是用来管理数据的类，它通常与各种UI组件（如Grid、ComboBox等）关联，用于存储和检索数据。然而，获取`Ext.Store`的方式并不像获取其他Ext组件那样直接，因为Store并不是一个具有可视界面的...
《深入理解make_ext4fs：构建EXT4文件系统的利器》 在Linux系统中，EXT4文件系统因其高效、稳定和广泛支持的特点，被广泛应用。在开发和维护过程中，有时我们需要手动创建EXT4文件系统，这时就需要用到`make_ext4fs...
EXT日志管理系统是一款高效、强大的日志管理工具，专为处理和分析大量系统、应用程序或网络设备的日志数据而设计。EXT在日志管理领域的应用广泛，尤其对于开发者和运维人员来说，它提供了便捷的方式来监控、排查问题...