Maison >interface Web >js tutoriel >Données de ligne Extjs3.x GridPanel se déplaçant de haut en bas, exemple de code
Je suis nouveau sur Ext3.x et je ne le connais pas. Je l'enregistrerai pendant mon temps libre pour pouvoir le consulter facilement la prochaine fois, et j'espère que cela pourra aider mes collègues. Jouez simplement avec le code !
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(); },
Lancez simplement l'appel d'événement dans les deux fonctions. Cela fonctionne bien, mais il y aura des bugs (vous le saurez après l'avoir utilisé, mais je ne sais pas comment les résoudre maintenant), et déplacer les données à sélection multiple vers le haut ou vers le bas est OK.
Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!