Ext.grid.GridPanel
来源:互联网 发布:pc机的mac地址 编辑:程序博客网 时间:2024/06/10 23:57
一、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获取选择的行可以进行如下操作
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+"'")+","; }}
- Ext.grid.GridPanel
- Ext.grid.GridPanel
- 扩展Ext.grid.GridPanel
- Ext.grid.GridPanel
- Ext.grid.GridPanel .
- Ext.grid.GridPanel
- Ext.grid.GridPanel
- Ext.Window+Ext.grid.GridPanel
- Ext.grid.GridPanel的扩展
- Ext.grid.gridpanel excel 导出
- Ext.grid.GridPanel 属性配置
- Extjs学习 Ext.grid.GridPanel
- Ext.grid.GridPanel详细属性
- Extjs-表格 Ext.grid.GridPanel
- Ext.grid.GridPanel 属性配置
- Extjs-表格 Ext.grid.GridPanel
- Ext 中Ext.grid.GridPanel样式设置
- js EXT : Ext.grid.GridPanel viewConfig
- Android平台上IOS8风格的NavigationBar
- ARP协议(5)ARP攻击和防护
- 摄像头在liunx上的QT显示和OK6410 ARM开发板上的使用
- HDU 4708 Rotation Lock Puzzle
- DbUnit
- Ext.grid.GridPanel
- C#的DataGridView中自动在行首添加行号
- Swift 与Object C 的比较
- ZigBee基础知识
- 053第383题
- GPIO and SPI
- 广州去香港的N种方法
- UIWebView用法详解及代码分享
- Spring定时任务的几种实现