首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 网站开发 > JavaScript >

Ext JS grid 查寻,删除,修改

2012-11-23 
Ext JS grid查找,删除,修改var smnew Ext.grid.CheckboxSelectionModel() //{handleMouseDown:Ext.empty

Ext JS grid 查找,删除,修改

var sm=new Ext.grid.CheckboxSelectionModel(); //{handleMouseDown:Ext.emptyFn}var cm=new Ext.grid.ColumnModel([      new Ext.grid.RowNumberer(),  sm,{header:'设备条码',dataIndex:'Id'},{header:'主号',dataIndex:'Mainnum'},{header:'设备SIM卡号',dataIndex:'SimID'},{header:'车牌号',dataIndex:'CarID',editor:new Ext.grid.GridEditor(new Ext.form.TextField({allowBlank:false}))},{header:'组号',dataIndex:'TearID'},{header:'平台服务期',dataIndex:'LimitTime',type:'date',renderer:Ext.util.Format.dateRenderer('Y年m月d日')},{header:'注册时间',dataIndex:'RegisteredTime',type:'date',renderer:Ext.util.Format.dateRenderer('Y年m月d日')},{header:'设备状态',dataIndex:'EquipmentState'}]);var webAction = "firstLoadDeviceTree";  //定义执行查询所有信息,还是指定信息的参数变量var contentStr = "";    //定义查询时的参数变量var store=new Ext.data.Store({proxy:new Ext.data.HttpProxy({url:'http://192.168.16.120/123/DataPage.aspx'}),reader:new Ext.data.JsonReader({totalProperty: 'totalProperty',            root: 'root'},[{name:'Id'},{name:'Mainnum'},{name:'SimID'},{name:'CarID'},{name:'TearID'},{name:'LimitTime',type:'date',dateFormat:'Y-m-d'},{name:'RegisteredTime',type:'date',dateFormat:'Y-m-d'},{name:'EquipmentState'},]),pruneModifiedRecords:true});  //var ogrid = this.grid; var grid=new Ext.grid.EditorGridPanel({height:500,//width:980,layout:'fit',store:store,loadMask:{msg:'数据加载中,请稍侯……'},cm:cm,sm:sm,selModel: new Ext.grid.RowSelectionModel({singleSelect:true}),//设置单行选中模式, 否则将无法删除数据 viewConfig:{forceFit:true},bbar: new Ext.PagingToolbar({             pageSize:4, store: store,             displayInfo: true, displayMsg: '显示第 {0} 条到 {1} 条记录,一共 {2} 条', emptyMsg: "没有记录", items:[{text:'请输入主号或SIM卡号:'},{xtype:'textfield',id:'contentStr'},'-','-',  {text:'查询信息', handler:function(){    contentStr = Ext.get('contentStr').getValue(); //获取查询的信息值    webAction = "searchDevice";   //改变查询的参数    store.baseParams.webAction = webAction;  //设置参数    store.baseParams.contentStr= contentStr;    store.load({params:{start:0,limit:4,webAction:webAction,contentStr:contentStr}});//加载数据 }},'-','-', {//iconCls:'remove',                   text:'删除信息',                   //handler:doDeletehandler:function(){var store = grid.getStore();var thisColumn = grid.getSelectionModel(); var allColumn = thisColumn.getSelections();var isNull=allColumn; //store.remove(allColumn) if(!isNull.length){  Ext.Msg.alert('提示信息','请选择要删除的数据,否则无法进行删除操作!');  return; }else{var x = "";for(var i=0;i<=allColumn.length-1;i++){var record = store.getAt(i);                    var sim = record.get("SimID");  if(i<allColumn.length-1){  x += sim+',';  }else{x +=sim; }}Ext.Msg.confirm('提示信息','你确定要删除所选数据吗?',function(btn){ if(btn=="yes"){  Ext.MessageBox.wait("正在删除数据,请稍候......", "请稍侯");Ext.Ajax.request({url:'http://192.168.16.120/123/DataPage.aspx?webAction=deleteDeviceInfor&sim_card='+x, success:function(response){Ext.Msg.alert('提示信息','数 据 删 除 成 功!'); var text = response.responseText;       store.remove(allColumn); store.reload();// store.getStore().reload();    },failure:function(){alert('错误信息','连接失败,请稍候重试!');}  })  } })}}},'-','-',{text:'刷新', handler:function(){   webAction = "firstLoadDeviceTree";   //改变查询的参数   store.baseParams.webAction = webAction;  //设置参数   store.load({params:{start:0,limit:4,webAction:webAction}});//加载数据    Ext.getCmp('contentStr').reset(); } }] }) });            grid.on("afteredit", afteredit, grid);//监听编辑后事件       function afteredit(e){     var store = grid.getStore();   var i =grid.getSelectionModel().lastActive;//获取所在行的索引;   var records = store.getAt(i)//获得所在行数据   var sim = records.get("SimID")//获得所在行SimID值   var Changevalue = e.value;//修改后的值 Ext.Ajax.request({url:'http://192.168.16.120/123/DataPage.aspx?webAction=updateDeviceInfor&sim_card='+sim+'&car_num='+Changevalue,  success:function(response){Ext.Msg.alert('修改信息'+response.responseText)},  failure:function(){Ext.Msg.alert(error)}    })      } store.baseParams.webAction = webAction;  //设置参数    store.load({params:{start:0,limit:4,webAction:webAction}});  //加载数据

?

热点排行