ext 添加一行，再把它踢掉

最新推荐文章于 2022-03-06 00:00:36 发布

原创最新推荐文章于 2022-03-06 00:00:36 发布 · 407 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#ext #function #string #工具

EXTJS 专栏收录该内容

5 篇文章

订阅专栏

本文介绍如何使用ExtJS进行网格操作，包括添加和删除行的方法。首先定义了一个包含ID、名称和描述字段的记录模型，接着详细说明了如何通过创建新的记录来添加行，以及如何从网格中移除选定的行。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

//定义记录

var Record = Ext.data.Record.create([
			{name: 'id', type: 'string'},
			{name: 'name', type: 'string'},
			{name: 'descn', type: 'string'}
		]);

//现在需要两个按钮，一个添加行，另一个做反向工程。

*********添加行**************

//首先new一个刚才定义的Record，记得给里面的属性赋值

var p = new Record({id:'',name:'',descn:''});

//紧接着关闭表格的编辑状态

grid.stopEditing();

//然后把刚创建的Record插入store的第一行

store.insert(0,p);

//最后激活第一行的编辑状态

grid.startEditing();

**********删除行*****************

//首先获得grid的选择模型

var sm = grid.getSelectionModel();

//从选择模型获得选中单元格

var cell = sm.getSelectedCell();

//这个单元格有两个属性，一个是行号，一个是列号。我们通过行号得到store这一行对应的Record，然后删掉它。

var record = store.getAt(cell[0]);
store.remove(record);

另外指出一下，两按钮之间的“-”会变成分隔符，让工具条更酷一些。

部分代码如下：

tbar: new Ext.Toolbar(['-', {
				text: '添加一行',
				handler: function(){
					var p = new Record({
						id:'',
						name:'',
						descn:''
					});
					grid.stopEditing();
					store.insert(0, p);
					grid.startEditing(0, 0);
				}
			}, '-', {
				text:'删除一行',
				handler: function(){
					Ext.Msg.confirm('信息','确定要删除?', function(btn){
						if(btn == 'yes') {
							var sm = grid.getSelectionModel();
							var cell = sm.getSelectedCell();
							
							var record = store.getAt(cell[0]);
							store.remove(record);
						}
					});
				}
			}, '-' ])