Ext.define('JCY.app.controller.UserController',{
extend:'Ext.app.Controller',
alias:'widget.userController',
init:function(){
this.control({
'gridView':{beforerender:this.beforerender}
});
},
beforerender:function(comment,obj){
var store = comment.getStore();//得到grid的store
var selModel = comment.getSelectionModel();//得到选择的model
/**
* 添加
*/
comment.down('button[id=add]').on('click',function(){
var addUser=Ext.create('JCY.app.view.AddUserForm').show();
var form=addUser.down('form');//获取表单
var model=store.model;//获取model
form.down('button').on('click',function(){
form.submit({
url:'/Extjs4/gridAction!saveUser.action',
method:'post',
success:function(form,action)
{
var num=form.findField('num').getValue();//获取表单里面的值
var name=form.findField('name').getValue();
var email=form.findField('email').getValue();
// var data=action.response.responseText;
// var json=eval("("+data+")");
addUser.close();
var m=new model(
{num:num,name:name,email:email});
store.add(m);//默认加在后面
}
});
});
});
/**
* 修改
* 要先获取model, 再新建带数据的这个model
*
*/
comment.down('button[id=edit]').on('click',function(){
var record=selModel.getSelection();//得到选择的数据
if(record.length==1)
{
var editUser=Ext.create('JCY.app.view.AddUserForm');
editUser.setTitle('修改用户信息');
editUser.setIconCls('table_edit');
editUser.down('form').loadRecord(record[0]);//装载信息
var text=editUser.down('form').down('textfield');
text.readOnly=true;
editUser.show();
var form=editUser.down('form');
editUser.down('button').on('click',function(){
form.submit({
url:'/Extjs4/gridAction!editUser.action',
method:'post',
success:function(form,action){
var num=form.findField('num').getValue();//获取表单里面的值
var name=form.findField('name').getValue();
var email=form.findField('email').getValue();
editUser.close();
var model=store.model;//获取model
var m=new model(
{num:num,name:name,email:email});
store.add(m);//默认加在后面
// store.insert(0,m);//第一个是插入的位置
}
});
});
}
else
{
Ext.Msg.alert("提示", "请选择一条数据!").setIcon("ext-mb-info");
}
});
/**
* 删除
*/
comment.down('button[id=del]').on('click',function(){
if(selModel.hasSelection())
{
var selected=selModel.getSelection();
var ids=[];
Ext.each(selected,function(item){
ids.push(item.data['num']);
// alert(item.get('num'));
});
Ext.Msg.confirm('提示','你确定要删除吗',function(b){
if(b='yes')
{
Ext.Ajax.request({
url:'/Extjs4/gridAction!delUser.action',
params:{ids:ids},
method:'post',
success:function(response){
Ext.Array.each(selected,function(record){
store.remove(record);//删除grid中的数据
});
}
});
}
});
}
else {
Ext.Msg.alert("提示", "你还没有选择要修改的数据!").setIcon(
"ext-mb-info").setWidth(200);
}
});
},
models:['JCY.app.model.GridModel'],
stores:['JCY.app.store.GridStore'],
views:['JCY.app.view.GridView','JCY.app.view.GridView2','JCY.app.view.AddUserForm']
});
Extjs4中grid的增删改操作
最新推荐文章于 2021-07-06 11:16:27 发布