Ext记录（二）--表格新增行、window获取里面的grid、form

一位也热爱前端的后端青鸟

于 2019-05-22 20:57:20 发布

阅读量724

点赞数

CC 4.0 BY-SA版权

分类专栏： Ext

本文链接：https://blog.youkuaiyun.com/huohua0612/article/details/90451938

Ext 专栏收录该内容

3 篇文章

订阅专栏

博客介绍了表格动态新增行的格式为new Ext.data.Record(【js对象】)，还讲述了window获取里面的grid、form的方法。获取grid时给出了创建grid对象示例，以及获取选中行、删除选中行、获取全部数据等操作；获取form也有相关示例及form重置操作。

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

表格新增行：

var record = new Ext.data.Record({
    id:"1",
    names:"张三"
});
//usegrid 是表格的自定义名字  var usegrid = Ext.create('Ext.grid.Panel',{})
usegrid.getStore().add(record);

如果是动态添加的话，格式：

new Ext.data.Record(【js对象】)，如下：

window获取里面的grid、form：

获取grid：

一、

//这个一般是 window 只有一个grid情况下,适用于window按钮操作grid对象
var store = choowin.down('grid').getSelectionModel().selected.items;

二、

var usegrid = Ext.create('Ext.grid.Panel'，{})；

usegrid：就是grid对象。

小栗子：

获取grid选中行：

var records = usegrid.getSelectionModel().getSelection();

删除grid选中行：

var records = usegrid.getSelectionModel().getSelection();
for(var i = 0,len = records.length;i<len;i++ ){
		usegrid.store.remove(records[i]);
}
//直接删除全部
usegrid.store.removeAll();
//删除指定行
usegrid.store.removeAt(i); //i:第几行

获取grid的全部数据：

var store = usegrid.getStore();
for(var i=0,len = store.getCount();i<len;i++){
    //每行
    store.getAt(i);
    //例如==>获取行的指定字段:id的值
    store.getAt(i).data.id;
}

获取form

一、

//window只有一个form情况下，适用于window操作form
var form = win.down('form');

二、

Ext.Cmp('form id')

小栗子：

form重置：

win.down('form').reset();
//【form对象】.reset();