extJs显示修改删除

Ext.onReady(function() { var sm = new Ext.grid.CheckboxSelectionModel(); var rnb = new Ext.grid.RowNumberer(); var cm = new Ext.grid.ColumnModel( [ rnb, sm, { header : '用户编号', dataIndex : 'userId', width:60, sortable : true }, { header : '用户名', dataIndex : 'userName', sortable : true }, { header : '真实姓名', dataIndex : 'contactName', sortable : true, editor : new Ext.form.TextField() }, { header : '手机', dataIndex : 'phone', sortable : true, editor : new Ext.form.TextField() }, { header : '电话', dataIndex : 'officePhone', sortable : true, editor : new Ext.form.TextField() }, { header : '地址', dataIndex : 'address', sortable : true, editor : new Ext.form.TextField() }, { header : 'email', dataIndex : 'email', sortable : true, editor : new Ext.form.TextField() }, { header : '用户状态', dataIndex : 'status', width:60, sortable : true, editor:new Ext.form.ComboBox({ transform:"statuslist", triggerAction: 'all', lazyRender:true }) }, { header : '注册日期', dataIndex : 'createDate', sortable : true, width : 110, render : Ext.util.Format.dateRenderer('Y-m-d'), editor : new Ext.form.DateField( {format : 'Y-m-d'}) }, { header : '用户类型', dataIndex : 'membertype', sortable : true, editor:new Ext.form.ComboBox({ transform:"userTypes", triggerAction: 'all', lazyRender:true }) } ]); var Plant = Ext.data.Record.create([ {name: 'userId',type: 'int'}, {name: 'userName', type: 'string'}, {name: 'contactName', type: 'string'}, {name: 'phone', type: 'int'}, {name: 'officePhone', type: 'int'}, {name: 'address', type: 'string'}, {name: 'email',type: 'string'}, {name: 'status',type: 'string'}, {name: 'createDate',type: 'string'}, //{name: 'ip',type: 'string'}, //{name: 'lastLoginTime',type: 'string'}, {name: 'membertype',type: 'string'} ]); var store = new Ext.data.Store( { proxy : new Ext.data.HttpProxy( { url : 'user.do?method=query' }), reader : new Ext.data.JsonReader( { total : 'total', root : 'root'}, [ { name : 'userId' }, { name : 'userName' }, { name : 'contactName' }, { name : 'phone' }, { name : 'officePhone' }, { name : 'address' }, { name : 'email' }, { name : 'status' }, { name : 'createDate' }, { name : 'membertype' } ]) }); //{name : 'ip'}, {name : 'lastLoginTime'}, var num = 12; store.load( { params : { start : 0, limit : num } }); var viewport = new Ext.Viewport( { layout : 'border', items : [ { region : 'north', contentEl : 'north-div', border : true, split : true, height : 80, maxSize : 120, minSize : 50 }, { region : 'south', contentEl : 'south-div', split : true, width : 50, height:80, maxSize : 120, minSize : 50 }, { region : 'center', contentEl: 'center-div', split : true, border : true, collapsible : true, title : '当前位置 : 学员信息管理 》查看学员', maxSize : 120, minSize : 50, height:500, loadMask : { msg : '正在加载数据，请稍侯……' } }, { title : '学员信息管理', region : 'west', contentEl : 'west-div', split : true, border : true, collapsible : true, width : 130, minSize : 120, maxSize : 200 }, this.grid=new Ext.grid.EditorGridPanel( { renderTo : 'center-div', store : store, sm : sm, autoExpandColumn : 9, clicksToEdit : 1,// 鼠标击打次数,1单击,2双击 cm : cm, loadMask : { msg : '正在加载数据，请稍侯……' }, viewConfig : { forceFit : true }, width : 1150, height : 380, bbar : new Ext.PagingToolbar( { pageSize : num, store : store, displayInfo : true, displayMsg : '显示第{0}到{1}行,一共有{2}条', emptyMsg : '没有记录' }), tbar :{ buttons : [{ text : '保存修改', handler : function() { var jsons=''; var array = new Array(); array = sm.getSelections();// 被选中的记录 var updArray=store.getModifiedRecords();// 被修改的记录 if (updArray.length <= 0) { Ext.MessageBox.alert('提示', '没有数据被修改!'); } else { var jsonData="["; for( modified=0;modified<updArray.length;modified++){ if(updArray[modified]!=null){ if(updArray[modified].data["userName"]==""){ Ext.MessageBox.alert('错误','不允许有空！'); return ; }else{ jsonData += Ext.util.JSON.encode(updArray[modified].data) + ","; } } } if(jsonData=="["){ Ext.MessageBox.alert('错误','没有需要修改的数据'); return; }else{ jsonData = jsonData.substring(0,jsonData.length-1) + "]"; } Ext.Ajax.request({ url:'user.do?method=update&jsons='+jsonData,method:'POST', success:function(response){ Ext.MessageBox.alert('信息',response.responseText,function(){ store.reload();// 重新从服务器上得到数据。 }); }, failure:function(response){ Ext.MessageBox.alert('错误','请与后台服务人员联系'); } }); store.modified=[]; // 清空修改的记录 grid.view.refresh(); } } },{ text : '删除所选', handler : function() { var jsons=''; var array = new Array(); array = sm.getSelections();// 被选中的记录 var updArray=store.getModifiedRecords();// 被修改的记录 if (array.length <= 0) { Ext.MessageBox.alert('错误', '没有选择数据!'); } else { Ext.MessageBox.confirm('温馨提示', '您确实要删除所选数据?', function( btn) { if (btn == 'yes') { for ( var i = 0; i < array.length; i++) { if (jsons != "") { jsons = jsons + ","+ array[i].data["userId"]; } else { jsons = array[i].data["userId"]; } } Ext.Ajax.request({url:'user.do?method=delete&jsons='+jsons,method:'POST', success:function(response){ Ext.MessageBox.alert('信息',response.responseText,function(){ store.reload();// 重新从服务器上得到数据。 for(var i=0;i<array.length;i++){ store.remove(array[i]); if(array[i].dirty){ for(var j=0;j< updArray.length;j++){ if(updArray[j]==array[i]){ store.modified[j]=null; } } } } }); }, failure:function(response){ Ext.MessageBox.alert('错误','请与后台服务人员联系'); } }); } }) store.reload(); grid.view.refresh(); } } }] } })] }); grid.on('afteredit', function(e) { // 获取被修改的列 var updatelie = e.field; var r = e.record; if (updatelie == "phone") { if (isNaN(e.value) == true) {// isNaN不是数字,isEmpty为空 Ext.MessageBox.alert('信息', '手机号码只能0-9的字符!'); r.set("phone", ""); return; } if (e.value.length!=11 && e.value!=null) {// isNaN不是数字,isEmpty为空 Ext.MessageBox.alert('信息', '手机号码只能是11位!'); return; } } }) }); // var flag=0; // var totalcount=ds.getCount(); // for(var j=0;j<totalcount;j++){ // if(ds.getAt(j).data["teachernumber"]==e.value){ // flag++; // } // } // // alert(flag); // if(flag>1){ // Ext.MessageBox.alert('信息',"工号："+e.value+"重复"); // r.set("teachernumber",""); // }else{ // Ext.Ajax.request({ // url: 'http://localhost:8989/stuManager/teacher.do?method=checkTeacherNo&teachernumber='+e.value, // method:'POST', // success:function(response){ // if(response.responseText=="false"){ // Ext.MessageBox.alert('信息',"工号："+e.value+"重复"); // r.set("teachernumber",""); // }else{ // if(response.responseText==null){ // Ext.MessageBox.alert('信息',"请与后台服务员联系"); // } // } // } // }); // } // } // }else{ // if(updatelie=="teacherborndate"){ // if(isEmpty(e.value)){ // Ext.MessageBox.alert('信息','出生日期不能为空,默认为当前时间'); // r.set("teacherborndate",new Date().clearTime()); // } // // } // }