您的位置:首页 > Web前端 > JavaScript

ExtJs gridPanel添加数据

2017-12-14 18:53 417 查看
向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);
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: