ExtJs表格点击超链接获取行的值Word格式.docx

1、选择方式如下var cell = grid.getSelectionNode（）.getSelectedCell（）;得到的cell记录了当前选择的行（cell0）以及列（cell1）.可以通过一下语句得到该单元格数据var colname = grid.getColumnModel（）.getDataIndex（cell1）; /获取列名 var celldata = grid.getStore（）.getAt（cell0）.get（colname）; /获取数据 /获取列名 /获取数据getStore（）:获取表格的数据集getAt（）:获取该数据集cell0行get（）:获取该行coln

2、ame的数据2） 为表格增加链接有时我们需要为表格中的某一列添加一个链接。可以利用renderer配置属性为该列添加html如下：id:3,header:名称,dataIndex:name,renderer:DomUrl,定义DomUrl方法function DomUrl（value） return +value+/a; function DomUrl（value）如果表格内的数据是一个链接如：这样写法自然没有问题，但是大多数时候我们在表格中不会直接写一个链接，如果又需要根据单元格内容动态为链接添加几个参数。那这种写法就几乎没有什么用了。因为这个属性是在表格初始化的时候定义好的，而且表格初始化

3、之后这个属性无法改变，也就是只读属性。处理方法如下：定义一个全局变量，初始值为0；DomUrl函数如下var row = grid.getSelectionModel（）.selectRow（startrow）;/选中当前行 var rownum = grid.getSelectionModel（）.getSelected（）;/获取当前行 startrow +;var strurl = abc.jsp?id= + rownum.get（id）;/获取当前选中行的值，并组织链接字符串 a href=+strurl+/选中当前行/获取当前行/获取当前选中行的值，并组织链接字符串不过不要忘记在下次

4、提交的时候将startrow赋值为0。3） 表格的属性表格的属性分为配置属性（在操作表格时无法修改），以及其他可读写属性，方法，以及事件。配置属性a） activeItem：渲染布局时激活的子元素。b） applyTo：指定渲染对象。c） autoDestroy：当容器的子元素从容器中移除时是否自动销毁。d） autoExpandColumn：指定自动填充表格剩余区域的列ide） autoExpandMax：可自动扩张的最大宽度。f） autoExpandMin：可自动扩张的最小宽度g） autoHeight:自动扩充高度h） autoShow：是否自动显示i） autoWidth：自动扩充宽

5、度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） stripeRow

6、s：是否显示分隔线。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） o

7、n（）：为组件添加监听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.getServerNam

8、e（）+request.getServerPort（）+path+/!DOCTYPE HTML PUBLIC -/W3C/DTD HTML 4.01 Transitional/ENhtml base href=%=basePath%titleMy JSP MyJsp.jsp starting pagemeta http-equiv=pragma content=no-cachecache-controlexpires0script type=text/javascript src=%=path%/js/ext-base.js/script/js/ext-all.jslink rel=style

9、sheet type=text/css href=/resources/css/ext-all.cssExt.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, Altria Group Inc, 83.81, 0.28, 0.34, American Express Company

10、, 52.55, 0.01, 0.02, American International Group, Inc., 64.13, 0.31, 0.49, ; function change（val） if （val 0） return span style=color:green; + val + /span else if （val red; return val; function pctChange（val） % var grid = new Ext.grid.GridPanel（ store: store, columns: id :, header :Company, width :

11、160, sortable : true, dataIndex: ,pPrice 75, renderer :usMoneyChange change, % Change pctChange, Last Updated 85, Ext.util.Format.dateRenderer（m/d/Y）, xtype:actioncolumn width: 50, items: icon :resources/delete.gif, / Use a URL in the icon config tooltip:Sell stock handler: function（grid, rowIndex,

12、colIndex） var rowcount = grid.getSelectionNode（）.getSelections（）; var rec = store.getAt（rowIndex）; alert（Sell + rec.get（）; , stripeRows: true, autoExpandColumn: height: 350, 600, title:Array Grid stateful: stateId:grid grid.render（grid-example function show（value）jj/headbodydiv id= align=center/div/body/html