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 ...
支持Ext2/Ext3/Ext4, HFS 和 ReiserFS,只读。 There are a number of evident merits of the program, which you should know. First of all,DiskInternals Linux Reader is absolutely free. Secondly, the ...
包含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....
安卓9.0 make_ext4fs文件,make_ext4fs用于Android平台上制作ext4文件系统的镜像。 make_ext4fs [ -l <len> ] [ -j <journal size> ] [ -b <block_size> ] [ -g <blocks per group> ] [ -i <inodes> ] [ -I ...
Ext grid中渲染进度条,超帅 源码-----下载不扣分,回帖加1分,欢迎下载,童叟无欺。Ext grid中渲染进度条,超帅 源码-----下载不扣分,回帖加1分,欢迎下载,童叟无欺。Ext grid中渲染进度条,超帅 源码-----下载不扣分...
Ext入门-详细教程Ext入门-详细教程Ext入门-详细教程Ext入门-详细教程Ext入门-详细教程Ext入门-详细教程Ext入门-详细教程Ext入门-详细教程Ext入门-详细教程Ext入门-详细教程Ext入门-详细教程Ext入门-详细教程Ext入门-...
Ext2Fsd默认也不会将写操作打开,需要修改注册表文件Ext2fsd.reg,将WritingSupport改为00000001,另外要修改配置文件ext2fsd.inf,将里面WritingSupport改为1。重新导入注册表并启动服务,写操作就可以顺利完成了。...
可以读写Ext2/Ext3文件系统,不支持Ext4文件系统和LVM。 在Windows7下,安装文件Ext2Fsd-0.51.exe需要设置为管理员运行和兼容WindowsXP SP3模式。 Ext2Fsd is an ext2 file system driver for Windows (2k, XP, ...
ext资料 ext资料 ext资料 ext资料 ext资料
if (Ext.isIE6 || Ext.isIE7 || Ext.isSafari || Ext.isSafari2 || Ext.isSafari3) { var fd=Ext.get('frmDummy'); if (!fd) { fd=Ext.DomHelper.append(Ext.getBody(),{tag:'form',method:'post',id:'frmDummy'...
第一步:Ext需要支持AIR的支持。下载并安装 http://airdownload.adobe.com/air/win/download/latest/AdobeAIRInstaller.exe(已在文件中包含只需安装) 第二步: 安装Ext的核心安装包xds_preview.air; 第三步汉化: ...
本源代码包来源于Ext.NET官方网站,于2012-07-24日发布,可以用Visual Studio 2010打开后进行编译,但需要先安装ASP.NET MVC3。此源代码包目前官网上已经没有下载了!目前官网的最新版本是2.1.1,但是有BUG。 本源...
ext3.0ext3.0ext3.0ext3.0ext3.0ext3.0
这个UI 层封装extjs 框架,Ext 提供了好的 页面布局方式、功能强大的组件、优质的页面风格,但是如果直接使用Ext又是 较为复杂的,不仅要从头学习EXT 框架,而且Ext 是通过js 函数创建页面的, 这就不得不为每个页面...
EXT LOGIN EXT LOGIN EXT LOGIN
<br>调用代码如下: <br>summary.setSumValue(Ext.decode("{'company':'Average','price':'ASDFASDFASDFDSA','change':'12312312321','pctChange':'123'}")); <br>前辈的链接:...
Ext2Read 它能查看 ext2/3/4 分区并从中拷贝文件和目录,支持 LVM2 和 EXT4 extent ,以及递归拷贝整个目录。
ext使用ext使用ext使用ext使用ext使用ext使用ext使用ext使用ext使用ext使用ext使用ext使用ext使用ext使用ext使用ext使用ext使用ext使用ext使用ex
ext是一个强大的js类库,以前是基于YAHOO-UI,现在已经完全独立了, 主要包括data,widget,form,grid,dd,menu,其中最强大的应该算grid了,编程思想是基于面对对象编程(oop),扩展性相当的好.可以自己写扩展.自己定义命名...