extjs中grid的用法(查,增,删,改)

  this.store = Ext.create('Ext.data.Store', {});
  this.grid = Ext.create('Ext.grid.Panel', {})

获取Ext.grid.Panel中的所有值:(一般用在对grid表进行操作)

this.grid.getStore().data.items 

获取ext.grid.Panel 中某一行的的数据

this.store.getAt(j)

向Ext.grid.panel中添加一行数据(增)

var store=this.grid.getStore(); 
var data=[{
'id':'',
'name':'testrow',
'email':'testrow@.com',
'phone':'123456'
}];
store.insert(0,data);//可以自定义在stroe的某个位置插入一行数据。
//store.loadData(data,true);//在store的最后添加一行数据
cellEditing.cancelEdit();
cellEditing.startEditByPosition({row:0,column:0});

移出Ext.grid.Panel中某行值(删)

   {
     xtype: 'actioncolumn',
     width: 30,
     sortable: false,
     menuDisabled: true,
     items: [{
              iconCls: 'ext_delete',
              tooltip: '移除',
              scope: this,
              handler: this.onGridDeleteBtnClick
            }]
   },
  onGridDeleteBtnClick: function (grid, rowIndex, colIndex) {
            grid.getStore().removeAt(rowIndex);//移除
    },

修改Ext.grid.Panel中某一列中所有的值(改)

 this.grid.getStore().each(rec =>{
            rec.data.purchase_price = 11;
            rec.commit();
        });

修改Ext.grid.Panel中某行中某一列的字段值(改)

   this.grid.on('edit', function(editor, e) {
            if (e.field == 'purchase_price') {
                e.record.data.discount = parseFloat(e.record.data.purchase_price/e.record.data.retail_price).toFixed(2);
            }//purchase_price和retail_price为grid中的字段值
            if (e.field == 'discount'){
                e.record.data.purchase_price = parseFloat(e.record.data.discount*e.record.data.retail_price).toFixed(2);
            }
            e.record.commit();
        });
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值