ExtJs表格点击超链接获取行的值
ExtJS中表格控件的使用,属性设置和数据的获取

ExtJS中表格控件的使用,属性设置和数据的获取ExtJS中表格的特性简介表格由类Ext.grid.GridPanel定义,继承自Ext.Panel,xtype为grid表格的列信息由Ext.grid.ColumnModel定义表格的数据存储器由Ext.data.Store定义,根据解析数据的不同,数据存储器可具体分为如下几种:JsonStore,SimpleStore,GroupingStore…一个表格的基本编写过程:1、创建表格列模型var cm = new Ext.grid.ColumnModel({{header: '角色', dataIndex: 'role'},{header: '等级', dataIndex: 'grade'},{header: '创建日期', dataIndex: 'createDate', type: 'date', renderer: Ext.util.Format.dateRenderer('Y年m月d日')} //创建日期类型的数据});2、创建数据数组var data = [['士兵','7','2011-07-2412:34:56'],['将军','10','2011-07-2412:34:56'],];3、创建一个数据存储对象store,包含两部分:proxy,获取数据的方式;reader,解析数据的方式ArrayReader的mapping用来设置列的排列顺序var store = new Ext.data.Store({proxy: new Ext.data.MemoryProxy(data),reader: new Ext.data.ArrayReader({}, [{name: 'role', mapping: 1},{name: 'grade', mapping: 0}{name: 'createDate', mapping: 2, type:'date', dateFormat:'Y-m-dH:i:s'} //创建日期列和显示格式])});store.load();4、创建GridPanel,装配ColumnModel和storevar grid = new Ext.grid.GridPanel({renderTo: 'grid',store: store,cm: cm});另外获取远程数据可以使用ScriptTagProxy,如下所示var store = new Ext.data.Store({proxy: new Ext.data.ScriptTagProxy({url:'http://...'}),reader: new Ext.data.ArrayReader({}, [{name: 'role', mapping: 1},{name: 'grade', mapping: 0}]),sortInfo: {field: "role", direction: "ASC"} //设置默认排序列,ASC/DESC });表格的常用属性功能var grid = new Ext.grid.GridPanel({enableColumnMove: false, //禁止拖放列enableColumnResize: false, //禁止改变列的宽度stripeRows: true, //斑马线效果loadMask: true, //读取数据时的遮罩和提示功能renderTo: 'grid',store: storecm: cm});var cm = new Ext.grid.ColumnModel({{header: '角色', dataIndex: 'role', width:90, sortable: true}, //width 设置列宽度,默认为100px,sortable设置排序功能{id:'grade', header: '等级', dataIndex: 'grade', width:40}});var grid = new Ext.grid.GridPanel({renderTo: 'grid',store: store,cm: cmviewConfig:{ //让每列自动填充满表格forceFit: trueautoExpandColumn: 'grade' //自动延伸列,列的id在ColumnModel中定义});渲染表格,为表格设置特殊样式只需要在cm里面增加一个renderer属性,添加一个自定义函数来渲染传进来(由EXT自动传递)的参数的样式即可,即在返回value之前拼装上相应的HTML和CSS或者JS响应事件。
excel表格中超链接的使用怎么设置

excel表格中超链接的使用怎么设置excel表格超链接可以链接到网站,同一工作表的单元格,或者不同表的单元格。
以下是店铺为您带来的关于excel表格超链接设置,希望对您有所帮助。
excel表格超链接设置比如在excel里做产品报价单的超链接,单击单元格中的产品名称,就能跳出一个超链接网页,以详细介绍产品。
方法如下:A1输入:型号一,选择单元格,右键,选择“超链接”,如下图,在地址栏输入或者粘贴网页地址即可。
上面“插入超链接”对话框对应解释:1.要显示的文字:单元格中显示的超链接文本,如果原单元格中包含文本,打开该对话框时将直接显示该文本。
如果是公式或数值等,此处将显示灰色的“在文档中选定的内容”。
2.屏幕提示按钮:单击该按钮可以给包含超链接的单元格添加屏幕提示。
3.在对话框的左侧有四个选项,用于设置各种类型的超链接目标,分别是:4.现有文件或网页:选择该选项可以将连接目标设置为已存在的某个工作簿、Word文档、应用程序或网页。
如果连接目标为Excel工作簿,可以单击右侧的“书签”按钮,打开“在文档中选择位置”对话框,在其中设置要打开该工作簿中的位置。
5.本文档中的位置:选择此选项创建指向工作簿中特定位置的超链接。
可以指定需要打开的工作表和单元格。
6.新建文档:创建指向新文件的超链接。
电子邮件地址:创建指向电子邮件地址的超链接。
如果单击指向电子邮件地址的超链接,默认的电子邮件程序将自动启动,并会创建一封在“收件人”框有正确地址的电子邮件。
excel表格超链接应用一:HYPERLINK问:如何根据单元格内容建立超链接跳转到另一工作表相应的位置。
比如,在sheet1工作表中如何根据B1单元格内容跳转到sheet2中相应的位置A6。
下面这个是表二的内容,比如单击D1单元格,直接调整到表二的A6单元格。
B1的内容为数据有效性制作,选择可变。
公式一:=HYPERLINK("#sheet2!a"&MATCH(B1,Sheet2!A:A,),"B1") 公式二:=HYPERLINK("#sheet2!"&ADDRESS(MATCH(B1,Sheet2!A:A,),1)," B1")公式三:=HYPERLINK("#sheet2!"&CELL("address",INDIRECT("r"&MA TCH(B1,Sheet2!A:A,)&"c1",)),"B1")excel表格超链接应用二:如何编辑excel表格超链接单元格答:通常情况下,Excel表格中有超链接的单元格,单击会自动跳转到相应的去处。
Excel-VBA查找有外部链接的单元格并转换为值

Excel-VBA查找有外部链接的单元格并转换为值应用场景如果工作表中有引用了其他工作薄的内容,在工作表传至其他人后,会因为找不到引用源而失去数据知识要点1:用Range.Find 查找,查找内容为 =*]*'!,此内容为引用数据时包含内容的通用符2:cell = cell.Value 将公式转化为值Sub 查找外部链接并转为值()Dim cell As Range, firstaddress As String, sht As Worksheet On Error Resume NextApplication.ScreenUpdating = False '关闭屏幕刷新For Each sht In Worksheets '在所有工作表中循环,不是sheets With edRange '在已用区域中查找'查找包括“]”和“’!”的公式,它表示该单元格有外部引用Set cell = .Find('=*]*'!', LookIn:=xlFormulas, lookat:=xlPart) If cell Is Nothing Then GoTo line '如果未找到,则执行line标签后面的语句firstaddress = cell.Address '记录第一个查找到的的单元格地址Docell = cell.Value '将公式转化为值Set cell = .FindNext(cell) '查找下一个Loop Until cell.Address = firstaddressEnd Withline:Set cell = Nothing '将变量cell从置为nothingNext shtApplication.ScreenUpdating = True '恢复屏幕更新End Sub。
excel做超链接的方法

excel做超链接的方法
在Excel中创建超链接是一种方便快捷的导航方式,它允许您将单元格或单元格范围链接到其他位置,如其他工作表、工作簿、网页或电子邮件地址。
以下是创建超链接的详细步骤:
1. 选择要创建超链接的单元格或单元格范围。
2. 点击工具栏上的“插入”选项卡。
3. 在“插入”选项卡中,点击“超链接”按钮。
4. 这将打开“插入超链接”对话框。
在对话框中,您可以选择要链接到的位置类型,如“现有文件或网页”、“自定义”,或“自定义网页”。
5. 如果您选择“现有文件或网页”,您可以选择要链接到的Excel工作簿或网页地址。
如果您选择“自定义”,您可以选择其他应用程序或自定义位置。
如果您选择“自定义网页”,您可以选择特定的网页地址。
6. 在对话框中输入您想要链接到的位置的地址。
如果您选择的是本地Excel 工作簿中的工作表,则可以选择要链接的工作表。
如果您选择的是网页,则可以输入网址。
7. 点击“确定”按钮,将超链接添加到所选单元格或单元格范围中。
8. 您可以单击超链接以打开链接的位置。
除了使用“插入超链接”对话框创建超链接外,还可以使用快捷键Ctrl+K 来创建超链接。
在选择要创建超链接的单元格后,按下Ctrl+K将打开“插入超链接”对话框,您可以在对话框中输入要链接到的地址。
请注意,创建超链接时,请确保输入正确的地址,否则超链接将无法正常工作。
此外,如果您需要更新超链接以指向新位置,可以通过右键单击超链接,然后选择“编辑超链接”来更新地址。
Extjs的grid的单元格中加载超链接和按钮

Extjs的grid的单元格中加载超链接和按钮效果:户型图列显示的图片实际上就是一个超链接。
添加一个Button分2个步骤:1.在列头中定义超链接列或者Button列的HTML代码,也就是Render2.添加该Button的事件处理函数。
其中,gridPanel应作为参数传入该函数。
应该在gridPanel初始化时定义:(1)cellClick的listener:cellClick(2)cellClick事件的处理函数:onCellClick列头定义的代码如下:[javascript] view plaincopy1.var cm = new Ext.grid.ColumnModel([2.,3.new Ext.grid.RowNumberer(), //自动添加行号4.5.{6.header: "房间编号",7.dataIndex: "RoomNumber",8.//可以进行排序9.sortable: true10.11.}, {12.header: "户型结构",13.dataIndex: "huxingjiegou",14.//可以进行排序15.isHidden: true,16.sortable: true17.18.}, {19.header: "面积(M2)",20.dataIndex: "area",21.//可以进行排序22.sortable: true23.24.}, {25.header: "单价(元/M2)",26.dataIndex: "singlePrice",27.//可以进行排序28.sortable: true29.// editor: new Ext.grid.GridEditor(new Ext.form. NumberField({30.// allowBlank: false31.// }))32.33.}, {34.header: "总价(元)",35.dataIndex: "totalPrice",36.//可以进行排序37.sortable: true38.39.}, {40.header: "面积(M2)",41.dataIndex: "mianjiCC",42.//可以进行排序43.sortable: true44.45.}, {46.header: "单价(元/M2)",47.dataIndex: "priceCCS",48.//可以进行排序49.sortable: true50.// editor: new Ext.grid.GridEditor(new Ext.form. NumberField({51.// allowBlank: false52.// }))53.54.}, {55.header: "总价(元)",56.dataIndex: "totalPriceCCS",57.//可以进行排序58.sortable: true59.60.}, {61.header: "面积(M2)",62.dataIndex: "mianjiCK",63.//可以进行排序65.66.}, {67.// header: "单价(元/M2)",68.header: "总价(元/M2)",69.dataIndex: "priceCK",70.//可以进行排序71.sortable: true72.// editor: new Ext.grid.GridEditor(new Ext.form. NumberField({73.// allowBlank: false74.// }))75.76.},77.78.79.{80.header: "",81.dataIndex: "totalPriceALL",82.//可以进行排序83.sortable: true84.85.},86.87.header: "户型图",88.tooltip: "户型图",89.90.width: 120,91.locked: true,92.menuDisabled: true,94.dataIndex: "huxingPic",95.renderer: function (data, metadata, record, rowIndex, columnIndex, store) {96.var picture = store.getAt(rowIndex).get('huxingPic');97.98.return'<a href="' + picture + '">' + '<img src="' + pi cture + '"width=60 hight=50> </a>';99.100.}101.102.{103.header: "订购",104.105.renderer: function (value, meta, record) {106.107.var formatStr = "<button onclick='javscript:return fal se;' class='order_bit'>订购</button>";108.var resultStr = String.format(formatStr);109.return"<div class='controlBtn'>" + resultStr + "</div >";110.} .createDelegate(this),111.css: "text-align:center;",112.// width: 30,113.sortable: false114.}115.116.]);注意超链接为'<a href="' + picture + '">',而按钮为return"<div class='controlBtn'>"按钮处理事件的代码如下:[javascript] view plaincopy1.//按钮点击事件2.grid.on('cellclick', function (grid, rowIndex, columnIndex,e) {3.var btn = e.getTarget('.controlBtn');4.var get = e.getTarget('.get');5.6.if (get) {7.var t = e.getTarget();8.record = grid.getStore().getAt(rowIndex);9.var control = t.className;10.row = grid.getSelectionModel().getSelected(); //得到选择所有行11.rowIndexId = rowIndex;12.this.GetRoomDetails(record, rowIndexId, projectName , loudongName); //传行一行记录直接加载13.}14.if (btn) {15.16.var t = e.getTarget();17.record = grid.getStore().getAt(rowIndex);18.var control = t.className;19.row = grid.getSelectionModel().getSelected(); //得到选择所有行20.switch (control) {21.22.case'sale_already':23.{24.var state = "已售";25.// this.SetSaleState(record,state)26.this.GetOrderManagement(record, state, rowIndexId, projectName, loudongName)27.}28.break;29.case'order_bit':30.{31.var state = "大定";32.// this.SetSaleState(record,state)33.this.GetOrderManagement(record, state, rowIndexId, projectName, loudongName)34.}35.break;36.}37.}38.},39.this);。
js获取表格最后一行数据的方法

主题:js获取表格最后一行数据的方法近年来,随着前端开发的迅猛发展,Javascript(简称JS)作为前端开发的基础语言,在网页开发中发挥着越来越重要的作用。
在实际开发中,经常会遇到需要获取表格最后一行数据的需求。
本文将重点介绍如何使用Javascript来获取表格最后一行的数据,希望能够对广大前端开发者有所帮助。
一、通过表格的行数获取最后一行数据在实际开发中,我们可以通过获取表格的行数来获取最后一行数据。
具体方法如下:```javascript// 获取表格对象var table = document.getElementById('tableId');// 获取表格行数var rowCount = table.rows.length;// 获取最后一行数据var lastRow = table.rows[rowCount - 1];```二、遍历表格获取最后一行数据除了通过表格的行数来获取最后一行数据外,我们还可以通过遍历表格来获取最后一行数据。
具体方法如下:```javascript// 获取表格对象var table = document.getElementById('tableId');// 初始化最后一行数据var lastRow = null;// 遍历表格for(var i = 0; i < table.rows.length; i++){lastRow = table.rows[i];}```三、使用jQuery获取表格最后一行数据在大多数项目中,我们会使用jQuery来简化DOM操作。
下面是使用jQuery来获取表格最后一行数据的方法:```javascript// 获取最后一行数据var lastRow = $('#tableId tr:last');```总结:通过本文的介绍,我们了解了在实际开发中如何使用Javascript来获取表格最后一行的数据。
ExtJs中的Grid具体操作(笔记及心得)

Ext.get('remove').on('click', function() {//获得id,执行点击事件
store.remove(store.getAt(1));//store.getAt(a)是找到要找的那行的内容,a从0开始(及第一行就是0),该代码表示删除改行的信息
reader:new Ext.data.ArrayReader({},[ //是指如何解析这一堆数据,ArrayReader就是解析数组的
{name:'id'},
{name:'name'},
reader: new Ext.data.JsonReader({
totalProperty: 'totalProperty', //对应JSP代码中返回的totalProperty,就是数据的总数
renderer:function(value, cellmeta, record, rowIndex, columnIndex, store){
}
含有的参数的介绍:
1.value是当前单元格的值
2.cellmeta里保存的是cellId单元格id,id是列号,css是这个单元格的css样式。
{name:'descn'}
])
});
store.load();//要执行一次,以对数据初始化,很重要
var grid=new Ext.grid.GridPanel({
//这里需要添加的renderer属性的值设置为Ext.util.Format.dateRenderer。这是为我们提供的格式
10.type:'date',dateFormat: 'Y-m-dTH:i:s'//type是reader解析时把这一列作为日期类型处理,dateFormat是把得到的字符串转换成相应的日期格式
Extjs获取grid数据

Extjs中获取grid数据
一、得到grid所有的行数据
var s=Ext.getCmp('Grid1').getStore();
for(var i = 0 ;i< s.getCount(); i++){ alert(s.getAt(i).get('aab004'));
二、grid.getSelectionModel().getSelections(); //得到选择所有行
Var selectRows = grid.getSelectionModel().getSelections();
selectRows[0].get(“gird中某列的dataIndex属性值”) //取选中行记录的某列的值
}
Extjs获取 grid数据
var form = Ext.getCmp('form1').getForm(); var ppz003=form.findField('ppz003').getValue();
var originalStore=Ext.getCmp('Grid1').getStore();
var changeditems=originalStore.getModifiedRecords(); var array=new Array(); Ext.each(changeditems,function(item){
array.push(item.data); });
var para = 'productlist='+Ext.encode(array);//得到JSON数组
- 1、下载文档前请自行甄别文档内容的完整性,平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益,请联系客服反馈,我们会尽快为您处理(人工客服工作时间:9:00-18:30)。
ExtJs表格点击超链接获取行的值grid双击事件,并得到单元格的值,以上我试了下好像不行,最终我这样写了grid.addListener('rowdblclick', function (sm, rowIndex, e) {var selectionModel = grid.getSelectionModel();var record = selectionModel.getSelected();alert(record.data['UserName']);});menuDisabled:true表示单列不可排序enableHenu:true所有列不可排序renderer:function(v){return v.link(v);}ExtJs表格2009年11月09日星期一00:48行选择模式: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>";}如果表格内的数据是一个链接如:这样写法自然没有问题,但是大多数时候我们在表格中不会直接写一个链接,如果又需要根据单元格内容动态为链接添加几个参数。
那这种写法就几乎没有什么用了。
因为这个属性是在表格初始化的时候定义好的,而且表格初始化之后这个属性无法改变,也就是只读属性。
处理方法如下:定义一个全局变量,初始值为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:指定自动填充表格剩余区域的列ide) 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。
----------------------------<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%><%String path = request.getContextPath();String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path +"/";%><!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"><html><head><base href="<%=basePath%>"><title>My JSP 'MyJsp.jsp' starting page</title><meta http-equiv="pragma" content="no-cache"><meta http-equiv="cache-control" content="no-cache"><meta http-equiv="expires" content="0"><script type="text/javascript" src="<%=path%>/js/ext-base.js"></script><script type="text/javascript" src="<%=path%>/js/ext-all.js"></script><link rel="stylesheet" type="text/css" href="<%=path%>/resources/css/ext-all.css"><script type="text/javascript">Ext.onReady(function(){Ext.QuickTips.init();Ext.state.Manager.setProvider(new Ext.state.CookieProvider());var myData = [['3m Co', 71.72, 0.02, 0.03, '9/1 12:00am'], ['Alcoa Inc', 29.01, 0.42, 1.47, '9/1 12:00am'],['Altria Group Inc', 83.81, 0.28, 0.34, '9/1 12:00am'],['American Express Company', 52.55, 0.01, 0.02, '9/1 12:00am'],['American International Group, Inc.', 64.13, 0.31, 0.49, '9/1 12:00am'] ];function change(val) {if (val > 0) {return '<span style="color:green;">' + val + '</span>';} else if (val < 0) {return '<span style="color:red;">' + val + '</span>';}return val;}function pctChange(val) {if (val > 0) {return '<span style="color:green;">' + val + '%</span>';} else if (val < 0) {return '<span style="color:red;">' + val + '%</span>';}return val;}var store = new Ext.data.ArrayStore({fields: [{name: 'company', renderer:getHideValue},{name: 'price', type: 'float'},{name: 'change', type: 'float'},{name: 'pctChange', type: 'float'},{name: 'lastChange', type: 'date', dateFormat: 'n/j h:ia'} ]});store.loadData(myData);function getHideValue(value){return "<a href=javascript:show></a>"}var grid = new Ext.grid.GridPanel({store: store,columns: [{id :'company',header : 'Company',width : 160,sortable : true,dataIndex: 'company'},{id :'p',header : 'Price',width : 75,sortable : true,renderer : 'usMoney',dataIndex: 'price'},{header : 'Change',width : 75,sortable : true,renderer : change,dataIndex: 'change'},{header : '% Change',width : 75,sortable : true,renderer : pctChange,dataIndex: 'pctChange'},{header : 'Last Updated',width : 85,sortable : true,renderer : Ext.util.Format.dateRenderer('m/d/Y'),dataIndex: 'lastChange'},{xtype: 'actioncolumn',width: 50,items: [{icon : 'resources/delete.gif', // Use a URL in the icon configtooltip: 'Sell stock',handler: function(grid, rowIndex, colIndex) {var rowcount = grid.getSelectionNode().getSelections();var rec = store.getAt(rowIndex);alert("Sell " + rec.get('company'));}}]}],stripeRows: true,autoExpandColumn: 'company',height: 350,width: 600,title: 'Array Grid',stateful: true,stateId: 'grid'});grid.render('grid-example');});function show(value){alert("jj");}</script></head><body><div id='grid-example' align="center"></div></body></html>。