GridPanel中getSelectionModel

Posted kebizhanmushi

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了GridPanel中getSelectionModel相关的知识,希望对你有一定的参考价值。

GridPanel中getSelectionModel

更多 2014/5/1 来源:extjs学习浏览量:6783
学习标签: GridPanel extjs
本文导读:Ext.grid.GridPanel 继承自Panel,其xtype为grid,包括了排序、缓存、拖动、隐藏某一列、自动显示行号、列汇总、单元格编辑等实用功能。 当我们需要获取选择的数据时,就需要用到getSelectionModel方法。下面介绍GridPanel中getSelectionModel的操 作。

一、Ext.grid.GridPanel


主要配置项:


store:表格的数据集
columns:表格列模式的配置数组,可自动创建ColumnModel列模式
autoExpandColumn:自动充满表格未用空间的列,参数为列id,该id不能为0
stripeRows:表格是否隔行换色,默认为false
cm、colModel:表格的列模式,渲染表格时必须设置该配置项
sm、selModel:表格的选择模式,默认为Ext.grid.RowSelectionModel
enableHdMenu:是否显示表头的上下文菜单,默认为true
enableColumnHide:是否允许通过标题中的上下文菜单隐藏列,默认为true


loadMask:是否在加载数据时显示遮罩效果,默认为false
view:表格视图,默认为Ext.grid.GridView
viewConfig:表格视图的配置对象
autoExpandMax:自动扩充列的最大宽度,默认为1000
autoExpandMin:自动扩充列的最小宽度,默认为50
columnLines:是否显示列分割线,默认为false
disableSelection:是否禁止行选择,默认为false
 

enableColumnMove:是否允许拖放列,默认为true
enableColumnResize:是否允许改变列宽,默认为true
hideHeaders:是否隐藏表头,默认为false
maxHeight:最大高度
minColumnWidth:最小列宽,默认为25
trackMouseOver:是否高亮显示鼠标所在的行,默认为true


主要方法:


getColumnModel():取得列模式
getSelectionModel():取得选择模式
getStore():取得数据集
getView():取得视图对象
reconfigure( Ext.data.Store store, Ext.grid.ColumnModel colModel ):使用一个新的数据集和列模式重新配置表格组件

 

二、getSelectionModel获取选择的行可以进行如下操作

 
JScript 代码   复制
技术分享

技术分享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+"")+",";
技术分享        }
技术分享}
技术分享

以上是关于GridPanel中getSelectionModel的主要内容,如果未能解决你的问题,请参考以下文章

GridPanel中getSelectionModel

在 Extjs 中删除 GridPanel 的 headertoolbar

访问 GridPanel 基本参数

如何在 Ext.grid.GridPanel 的一行中添加颜色选择器

GridPanel 作为 tabPanel 的项目

如何从 GridPanel 的选定行中获取值? [外网]