获取ExtjS表格的值

news/2024/7/2 20:21:43

  1. sm:new Ext.grid.CellSelectionModel();     

则表格的选择模式为单元格选择模式。当单击时将选中对应的某一个单元格,而不是默认的选择某一行。选择方式如下 
Java代码    收藏代码
  1. var cell = grid.getSelectionNode().getSelectedCell();     

得到的cell记录了当前选择的行(cell[0])以及列(cell[1]).可以通过一下语句得到该单元格数据 
Java代码    收藏代码
  1. var colname = grid.getColumnModel().getDataIndex(cell[1]);  //获取列名      
  2. var celldata = grid.getStore().getAt(cell[0]).get(colname); //获取数据  

getStore():获取表格的数据集 
getAt():获取该数据集cell[0]行 
get():获取该行colname的数据 
为表格增加链接 
有时我们需要为表格中的某一列添加一个链接。可以利用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。 


http://www.niftyadmin.cn/n/4588571.html

相关文章

基于虚拟账号的邮件系统postfix+extmail+mysql

基于虚拟账号的邮件系统postfixextmailmysql目前流行的电子邮件系统的特点&#xff1a;1.支持web方式的访问2.自由免费注册账号3.支持网盘&#xff0c;个性化设置4支持.虚拟账号&#xff0c;把注册的账号存放到数据库中一、安装前的准备工作&#xff1a;1、安装所需的rpm包&…

Error, some other host already uses address 192.168.0.202错误解决方法

Error, some other host already uses address 192.168.0.202错误解决方法 今天配置虚拟机网卡的时候遇到错误&#xff1a;Error, some other host already uses address 192.168.0.202 查了很多方法&#xff0c;比如&#xff1a;编辑 /etc/sysconfig/network-scripts/ifup-eth…

ExtJs表格点击超链接获取行的值

grid双击事件&#xff0c;并得到单元格的值&#xff0c;以上我试了下好像不行&#xff0c;最终我这样写了grid.addListener(rowdblclick, function (sm, rowIndex, e) {var selectionModel grid.getSelectionModel();var record selectionModel.getSelected();alert(record.d…

为你的 Android 应用增加本地搜索功能

搜索是各种应用程序的一个基本功能需求. 在我们的案例中&#xff0c;我们拥有一个餐厅的应用程序&#xff0c;需要它能让用户可以方便和快速的搜索菜品清单&#xff0c;找到他们想要的东西. 在本文中&#xff0c;我将会描述我在对UI进行持续的维护时先我们现有的餐厅应用程序加…

function showURL(value, metaData, record){

columns:[{id:"id",header:"标单编号",width:120,sortable:true,dataIndex:"orderNo"},{header:"产品名称",width:180,sortable:true,dataIndex:"productName"},{header:"交易开始时间",width:150,sortable:true,…

MySQL字符型数据区分大小写

2019独角兽企业重金招聘Python工程师标准>>> MySQL字符型数据区分大小写 MySQL存储字符类型的值时默认是不区分大小写的。所以在select时如果不指定‘binary’关键字时&#xff0c;默认返回的值是忽略大小的。 1 CREATE TABLE test_t1 ( 2 VR_WEB_ACCOUNT varchar(1…

文本框添加事件

new Ext.Toolbar.TextItem(工具条&#xff1a;), { xtype:textfield, listeners: { render: function(p) { // Append the Panel to the click handlers argument list. p.getEl().on(click, function(p){ //处理点击事件代码 …

JS基础知识(数组)

1&#xff0c;数组 var colors new Array(); var colors new Array(20); var colors new Array(“red”, “blue”, “green”); var colors new Array(3); //create an array with three items var names new Array(“Greg”); //create an array with one item, the str…