最新文章专题视频专题问答1问答10问答100问答1000问答2000关键字专题1关键字专题50关键字专题500关键字专题1500TAG最新视频文章推荐1 推荐3 推荐5 推荐7 推荐9 推荐11 推荐13 推荐15 推荐17 推荐19 推荐21 推荐23 推荐25 推荐27 推荐29 推荐31 推荐33 推荐35 推荐37视频文章20视频文章30视频文章40视频文章50视频文章60 视频文章70视频文章80视频文章90视频文章100视频文章120视频文章140 视频2关键字专题关键字专题tag2tag3文章专题文章专题2文章索引1文章索引2文章索引3文章索引4文章索引5123456789101112131415文章专题3
当前位置: 首页 - 科技 - 知识百科 - 正文

Extjs3.xgridPanel行数据上下移动实例代码

来源:动视网 责编:小采 时间:2020-11-27 20:20:06
文档

Extjs3.xgridPanel行数据上下移动实例代码

Extjs3.xgridPanel行数据上下移动实例代码:Ext3.x也是刚用,不熟练。闲暇记录记录,方便下次查阅,也希望能帮助到同僚。直接杠代码!rowUp : function() {//上移 var records = this.gridPanel.getSelectionModel().getSelections();//得到选中所有行 for(var i in r
推荐度:
导读Extjs3.xgridPanel行数据上下移动实例代码:Ext3.x也是刚用,不熟练。闲暇记录记录,方便下次查阅,也希望能帮助到同僚。直接杠代码!rowUp : function() {//上移 var records = this.gridPanel.getSelectionModel().getSelections();//得到选中所有行 for(var i in r


Ext3.x也是刚用,不熟练。闲暇记录记录,方便下次查阅,也希望能帮助到同僚。直接杠代码!

rowUp : function() {//上移
var records = this.gridPanel.getSelectionModel().getSelections();//得到选中所有行
for(var i in records)//遍历所选的所有行
{
var record = records[i];//每行的数据(记录此数据)
var index = this.gridPanel.getStore().indexOf(record);//数据所在位置
if(0>=index)
{
return;//不可移动
}
var data = record.data; 
var NewRecord = new Ext.data.Record({ //记录数据,remove&和insert方法是记录数组(我他妈不知道啥玩意)
itemName:data.itemName, //这里面的参数取gridPanel列表中record的定义
itemIndex:data.itemIndex,
maxScore:data.maxScore,
minScore:data.minScore,
itemType:data.itemType
 }); 
this.gridPanel.getStore().removeAt(index);//删除当前所选行数据
this.gridPanel.getStore().insert(index-1,NewRecord);//将记录数据插入到所删除数据位置的上一位置
this.gridPanel.getView().refresh();
this.gridPanel.getSelectionModel().selectRow(index-1,index-1);
}
},
 
rpwDown : function() {//下移
var records = this.gridPanel.getSelectionModel().getSelections();//得到选中所有行
var num = this.gridPanel.getStore().getCount();
for(var i in records)//遍历所选的所有行
{
var record = records[i];//每行的数据(记录此数据)
var index = this.gridPanel.getStore().indexOf(record);//数据所在位置
if(this.gridPanel.getStore().getCount()-1<=index||0>index)
{
return;//不可移动
}
var data = record.data; 
var NewRecord = new Ext.data.Record({ 
itemName:data.itemName,
itemIndex:data.itemIndex,
maxScore:data.maxScore,
minScore:data.minScore,
itemType:data.itemType
 }); 
this.gridPanel.getStore().removeAt(index);//删除当前所选行数据
this.gridPanel.getStore().insert(index+1,NewRecord);//将记录数据插入到所删除数据位置的下一位置
this.gridPanel.getView().refresh();//刷新(不知道刷的啥)
this.gridPanel.getSelectionModel().selectRow(index+1,index+1);
 
}
//this.gridPanel.getStore().reload();
},

两函数丢事件调就行了。用起来还行,会有bug(用用就知道,目前不知道咋解决),多选数据上下移也行。

文档

Extjs3.xgridPanel行数据上下移动实例代码

Extjs3.xgridPanel行数据上下移动实例代码:Ext3.x也是刚用,不熟练。闲暇记录记录,方便下次查阅,也希望能帮助到同僚。直接杠代码!rowUp : function() {//上移 var records = this.gridPanel.getSelectionModel().getSelections();//得到选中所有行 for(var i in r
推荐度:
标签: 数据 例子 示例
  • 热门焦点

最新推荐

猜你喜欢

热门推荐

专题
Top