ExtJs gridPanel添加数据

来源:互联网 发布:知豆郑州总代理 编辑:程序博客网 时间:2024/06/01 08:56

向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);
原创粉丝点击