1) 表格数据选择
行选择模式:
Js代码
var rowcount = grid.getSelectionNode().getSelections();
var rowcount = grid.getSelectionNode().getSelections();
可以获取全部选中的记录,得到的rowcount将是一个Array,比如想获取sex列的数据,语句如下
Js代码
var strsex = rowcount[i].get(‘sex’);
var strsex = rowcount[i].get(‘sex’);
单元格选择模式
如果在GridPanel的配置属性增加sm属性如下
Js代码
sm:new Ext.grid.CellSelectionModel();
sm:new Ext.grid.CellSelectionModel();
则表格的选择模式为单元格选择模式。当单击时将选中对应的某一个单元格,而不是默认的选择某一行。选择方式如下
Js代码
var cell = grid.getSelectionNode().getSelectedCell();
var cell = grid.getSelectionNode().getSelectedCell();
得到的cell记录了当前选择的行(cell[0])以及列(cell[1]).可以通过一下语句得到该单元格数据
Js代码
var colname = grid.getColumnModel().getDataIndex(cell[1]); //获取列名
var celldata = grid.getStore().getAt(cell[0]).get(colname); //获取数据
var colname = grid.getColumnModel().getDataIndex(cell[1]); //获取列名
var celldata = grid.getStore().getAt(cell[0]).get(colname); //获取数据
getStore():获取表格的数据集
getAt():获取该数据集cell[0]行
get():获取该行colname的数据
2) 为表格增加链接
有时我们需要为表格中的某一列添加一个链接。可以利用renderer配置属性为该列添加html
如下:{id:'3',header:'名称',dataIndex:'name',renderer:DomUrl},
定义DomUrl方法
Js代码
function DomUrl(value){
return "<a href=>"+value+"</a>";
}
function DomUrl(value){
return "<a href=>"+value+"</a>";
}
如果表格内的数据是一个链接如:www.sina.com这样写法自然没有问题,但是大多数时候我们在表格中不会直接写一个链接,如果又需要根据单元格内容动态为链接添加几个参数。那这种写法就几乎没有什么用了。因为这个属性是在表格初始化的时候定义好的,而且表格初始化之后这个属性无法改变,也就是只读属性。
处理方法如下:
定义一个全局变量,初始值为0;DomUrl函数如下
Js代码
function DomUrl(value){
var row = grid.getSelectionModel().selectRow(startrow);//选中当前行
var rownum = grid.getSelectionModel().getSelected();//获取当前行
startrow ++;
var strurl = "abc.jsp?id=" + rownum.get('id');//获取当前选中行的值,并组织链接字符串
return "<a href='"+strurl+"'>"+value+"</a>";
}
function DomUrl(value){
var row = grid.getSelectionModel().selectRow(startrow);//选中当前行
var rownum = grid.getSelectionModel().getSelected();//获取当前行
startrow ++;
var strurl = "abc.jsp?id=" + rownum.get('id');//获取当前选中行的值,并组织链接字符串
return "<a href='"+strurl+"'>"+value+"</a>";
}
不过不要忘记在下次提交的时候将startrow赋值为0。
3) 表格的属性
表格的属性分为配置属性(在操作表格时无法修改),以及其他可读写属性,方法,以及事件。如下:
配置属性
a) activeItem:渲染布局时激活的子元素。
b) applyTo:指定渲染对象。
c) autoDestroy:当容器的子元素从容器中移除时是否自动销毁。
d) autoExpandColumn:指定自动填充表格剩余区域的列id
e) autoExpandMax:可自动扩张的最大宽度。
f) autoExpandMin:可自动扩张的最小宽度
g) autoHeight:自动扩充高度
h) autoShow:是否自动显示
i) autoWidth:自动扩充宽度
j) bbar/tbar:底部/顶部状态栏
k) bufferResize:容器再布局的缓冲频率
l) colModel/cm:列模式
m) cls:组件的额外css格式。
n) collapsible:是否显示快捷隐藏按钮
o) defaults:指定默认配置。
p) disableSelection:是否禁止选择表格行或列
q) enableDragDrop:是否允许表格列的拖放操作。
r) enableHdMenu:是否显示表格列的菜单。
s) frame:边框是否显示
t) loadMask: 是否显示加载动画
u) selModel/sm:表格选择模式
v) store:表格数据集
w) stripeRows:是否显示分隔线。
x) title:表格标题
方法
a) getColumnModel():得到表格列模型
b) getGridEl():得到表格下的元素
c) getPosition():得到组件的当前位置,返回一个数组
d) getSelectionModel():得到选中模型
e) getSize():得到组件大小
f) getStore():得到组件的数据集
g) getView():得到表格的GridView对象。
h) hide():隐藏当前组件
i) isVisible():判断当前组件是否显示
j) setDisabled( Boolean):设置组件的可用性
k) un():解除组件的监听
l) on():为组件添加监听
on ( String eventName, Function handler, [Object scope] )
eventName:添加监听的名称
handler:事件处理函数
scope:事件响应的作用域,包括scope,delay,single,buffer。
分享到:
相关推荐
选择题Excel批量倒入数据表格
Excel电子表格单元格数据引用问题公式举例详解
jQuery表格 表格数据可选择导出各种格式
初级例程——高级表格取选择任意行列的数据,源码是易语言应用教程。 @易语言教程网。
易语言高级表格取选择任意行列的内容源码,高级表格取选择任意行列的内容
029招 快速选择包含数据的单元格区域 030招 使用“定位条件”快速查找数据有效性区域 031招 使用“查找”定位常量区域 2.2 数据的录入技巧 032招 为输入的数据自动添加小数位 033招 输入以0开头的数字编号 034招 ...
根据Excel表格数据生成ECharts图表,随便一个浏览器就可以运行。 功能: 可以选择一个固定数据格式的excel文件,根据excel文件的数据,以平铺或堆叠的形式,生成对应的线图或柱状图或饼图。可保存图片到本地。 用到...
* layui分组表格控件,用于实现页面数据分组,并以树形结构显示 * 1、支持多级分组; * 2、支持自定义分组标题; * 3、支持分组数据行数显示; * 4、所有行数据会增加属性: * $treetype as [d|g] : 数据类型...
4.2.1表格数据的处理 授课人:付娟 教学目标: 知识与技能: 1、理解信息的表格化、掌握表格数据的处理 2、选择恰当的软件加工表格信息(这里使用Excel2000) 过程与方法: 引导学生如何在教材现有的知识层次之外发掘...
基于LabVIEW2017开发,可单选或多选表格的行,然后实时更新对应的图表曲线。这是非常好用的功能,仪器仪表二次开发必备功能~
从单个数据表根据第一列数据的不同,提取并保存成单个的txt文件。...其中涉及了OLE方式的xls文件打开,单个数据表选择,表格数据SafeArray方式读取,最后是保存成txt文本文件,数据是石油行业通用的井斜数据格式。
功能:可以选择一个固定数据格式的excel文件,根据excel文件的数据,以平铺或堆叠的形式,生成对应的线图或柱状图。可保存图片到本地。 用到:xlsx.js、echarts.js 更新:2019年7月1日,更新支持饼图,新版本V...
php实现利用PHPExcel-1.8插件点击按钮选择Excel文件提取表格数据上传导入MySQL数据库
页面数据可以自定义选择字段,选择数据量,然后生成表格下载
dea分析软件maxdea,数据包络分析方法,提供书籍的数据。 数据包络分析方法(Data Envelopment Analysis,DEA)是运筹学、管理科学与数理经济学交叉研究的一个新领域。它是根据多项投入指标和多项产出指标,利用线性...
TableLayout,实现动态添加和删除行,判断行中的数据是否含有空值,可以手动地输入数据,也可以选择数据添加在表格中,并实现统计表格中的数据。
2、并附有数据集,使用lableimg软件标注软件标注好的文本表格检测数据,图片格式为jpg,标签有两种,分别为xml格式和txt格式,分别保存在两个文件夹中, 3、数据集和检测结果参考:...
隐藏Excel表格中指定选择单元格数据.docx
可跨页选择数据功能 表单插槽、合计插槽、操作按钮区插槽 分页功能 接口内请求api 可编辑单元格 表格组件暴漏出的方法:查询、获取选中数据、接口返回数据、当前表格数据【设置可编辑单元格时获取数据】