ExtJS4新发现11_gridPanel对选中行的操作

最新推荐文章于 2022-04-26 17:37:58 发布

原创最新推荐文章于 2022-04-26 17:37:58 发布 · 4.6k 阅读

1 ·

CC 4.0 BY-SA版权

extjs 专栏收录该内容

15 篇文章

订阅专栏

本文详细介绍了如何使用Grid的API进行表格数据的选择操作，包括全选、单选、多选、范围选择、取消选择等功能，适用于需要高效管理表格数据的应用场景。

var model
 = grid.getSelectionModel();  

model.selectAll();//选择所有行 

 model.selectFirstRow();//选择第一行 

 model.selectLastRow([flag]);//选择最后一行,flag为正的话保持当前已经选中的行数,不填则默认false 

model.selectNext();//选择下一行 

model.selectPrevious();//选择上一行 

 model.selectRange(tartRow,ndRow,
 [Boolean keepExisting] );//选择范围间的行 

model.selectRow(row);//选择某一行 

model.selectRows(rows);//选择指定一些行,传递数组如[1,3,5],则分别选择1,3,5行 

 model.clearSelections();//清空所有选择 

 model.deselectRange(
 startRow, endRow );//取消从startrow到endrow的记录的选择状态 

model.deselectRow(row);//取消指定行的记录

grid.getSelected().id//得到选中的行的标识

 var getSelect=function (grid,
 col) { //获取选中grid的列

        var st="";

        for (var i
 = 0; i < grid.getSelectionModel().getSelections().length; i++) {

                   st+=grid.getSelectionModel().getSelections()[i].get("'"+col+"'")+",";

         }

 }