ExtJs gridPanel添加数据

向gridPanel添加数据

数据模型:

Ext.define("xx.xxModel",{
    extend:"Ext.data.Model",
    field:[
        {name:'hour'},
        {name:'minute'}
    ]
})
一. 当gridPanel读取的是数据库的信息时
me.store = Ext.create("Ext.data.Store", {
    model: ' xx.xxModel ',
    autoLoad: true,
    proxy: {
        type: 'ajax',
        url: me.contextPath + '/stu/selectStu',
        reader: {
            type: 'json',
            root: 'data',
            totalProperty: 'totalRow'
        }
    },
    listeners: {
        'beforeload': function(action, options) {

        },
        'load': function(store, records, successful, eOpts) {
        }
    }
});
Ext.Ajax.request( { 
    timeout : 3000000, 
    url : 'save.action', 
    params : 'id='+ encodeURI(id)+ '&descr='+ encodeURI(descr) , 
    success : function(response, config) {                                                     
    }, 
    failure : function(form, action) {
    } 
})

传参到后台,进行相应的数据库添加操作。

然后Store.load();
这样就可以将自己的添加的数据显示出来。

二. 在前台进行临时的数据添加操作(页面刷新数据擦除)

me.Store = Ext.create("Ext.data.Store",{
    model:"xx.xxxModel",
    data:{{
        hour:'11',
        minute:'3'
    }}
});

添加进store的方法是

var tempData = Ext.create('xx.xxxModel',{
        hour:'12',
        minute:'5'
});
me.store.add(tempData);
  • 2
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
可以使用 Ext.grid.feature.Grouping 插件来进行单元格合并。以下是示例代码: ``` Ext.create('Ext.grid.Panel', { title: 'My Grid Panel', store: myStore, columns: [ { text: 'Name', dataIndex: 'name', flex: 1 }, { text: 'Age', dataIndex: 'age', flex: 1 }, { text: 'Salary', dataIndex: 'salary', flex: 1 } ], features: [{ ftype: 'grouping', groupHeaderTpl: '{columnName}: {name} ({rows.length})', hideGroupedHeader: true, startCollapsed: true, groupByText: 'Group by this field' }], renderTo: Ext.getBody() }); ``` 在上述代码中,我们创建了一个包含三列的 GridPanel,并使用 Ext.grid.feature.Grouping 插件进行了单元格合并。我们使用 groupHeaderTpl 属性来指定分组的标题,hideGroupedHeader 属性来隐藏已分组的列的标题,startCollapsed 属性来指定分组初始时是否折叠,groupByText 属性来指定分组菜单项的文本。 如果您想要根据特定的列进行分组和合并,则可以使用 groupField 属性来指定要分组的列的名称。例如: ``` Ext.create('Ext.grid.Panel', { title: 'My Grid Panel', store: myStore, columns: [ { text: 'Name', dataIndex: 'name', flex: 1 }, { text: 'Age', dataIndex: 'age', flex: 1 }, { text: 'Salary', dataIndex: 'salary', flex: 1 } ], features: [{ ftype: 'grouping', groupHeaderTpl: '{columnName}: {name} ({rows.length})', hideGroupedHeader: true, startCollapsed: true, groupByText: 'Group by this field', groupField: 'age' }], renderTo: Ext.getBody() }); ``` 在上述代码中,我们将 groupField 属性设置为 'age',这意味着我们将根据 'age' 列进行分组和合并。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值