`
yuniannian
  • 浏览: 4097 次
  • 性别: Icon_minigender_2
  • 来自: 上海
最近访客 更多访客>>
文章分类
社区版块
存档分类
最新评论

ext grid 总结

阅读更多
取值

行选择模式:
Js代码
var rowcount = grid.getSelectionNode().getSelections();

var rowcount = grid.getSelectionNode().getSelections();
可以获取全部选中的记录,得到的rowcount将是一个Array,比如想获取sex列的数据,语句如下

Js代码
var strsex = rowcount[i].get(‘sex’);




单元格选择模式


如果在GridPanel的配置属性增加sm属性如下

Js代码
sm:new Ext.grid.CellSelectionModel();

则表格的选择模式为单元格选择模式。当单击时将选中对应的某一个单元格,而不是默认的选择某一行。选择方式如下

Js代码
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); //获取数据

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>";
}

如果表格内的数据是一个链接如:www.google.cn 这样写法自然没有问题,
但是大多数时候我们在表格中不会直接写一个链接,
如果又需要根据单元格内容动态为链接添加几个参数。那这种写法就几乎没有什么用了。
因为这个属性是在表格初始化的时候定义好的,
而且表格初始化之后这个属性无法改变,也就是只读属性。

处理方法如下:
定义一个全局变量,初始值为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>";
}

切不要忘记在下次提交的时候将startrow赋值为0。

分享到:
评论

相关推荐

    Ext Grid 导出Excel

    总结来说,"Ext Grid 导出Excel"这个话题涵盖了从JavaScript数据结构到Excel文件格式转换的过程,涉及到的主要技术有Ext JS的Grid和Store组件,以及第三方库SheetJS。这个过程对于那些需要提供数据导出功能的Web应用...

    ext grid json分页显示

    总结来说,"ext grid json分页显示"是通过EXT.js的Grid组件结合DWR的Ajax能力,实现前端数据的分页加载和显示。这种方式既提高了用户界面的响应速度,又有效管理了大数据量的显示,是现代Web应用中常用的数据展示...

    Ext grid panel 滚动条位置不变

    ### Ext grid panel 滚动条位置不变 在前端开发领域,特别是在使用Ext JS框架时,保持滚动条位置不变是一个非常实用的功能。特别是在处理实时数据更新的场景下,这一功能可以确保用户在数据刷新后仍然停留在之前...

    ext grid网格控件实例

    总结起来,EXT Grid网格控件提供了强大的数据展示和管理功能,支持多种数据源,结合JSP和其他J2EE框架,可以构建出高效、动态的Web应用。掌握EXT Grid的使用,对于提升Web应用的用户体验和开发效率有着显著的帮助。

    extgrid导出excel

    总结来说,"extgrid导出excel"涉及到使用ExtJS的Grid组件,结合Exporter插件或其他工具,将Grid中的数据转换为Excel格式供用户下载。这是一项实用的功能,可以帮助用户方便地处理和分析在Web应用中展示的大量数据。...

    Ext grid合并单元格

    根据提供的文件信息,我们可以深入探讨如何在 Ext JS 中实现 Grid 的单元格合并功能。此案例主要涉及到了自定义 GridView 的 `renderHeaders` 方法来达到单元格合并的目的,并且还涉及了模板(Template)的使用、...

    Ext Grid +dwr 列表展示展示带分页

    总结,本示例展示了如何使用Ext Grid和DWR结合实现一个具有分页功能的列表展示。通过这种方式,我们可以在不依赖数据库的情况下,利用XML文件中的数据,为用户提供交互式的浏览体验。这种技术对于处理大量数据、优化...

    Ext中的Grid控制纵向滚动条单次滚动量

    总结起来,控制Ext Grid Panel的纵向滚动条单次滚动量涉及到对Grid的滚动事件进行监听和自定义处理。通过计算滚动像素与行高之间的关系,我们可以实现对滚动行数的控制,从而优化用户的浏览体验。在实际开发中,还...

    Ext Grid表格分组统计

    总结一下,`Ext Grid`的`GroupSummary`功能允许我们轻松地对数据进行分组并显示统计信息,极大地提高了数据可视化的效果。通过合理配置`store`、`columns`、`viewConfig`以及`summaryType`、`summaryRenderer`等属性...

    extgrid 封装

    总结,"ext grid 封装"是为了提高开发效率和代码质量,通过`grid.js`我们可以快速地在项目中创建和使用Grid组件,而无需从零开始编写所有基础功能。这使得开发者能够更专注于业务逻辑,简化了开发流程,提升了开发...

    Ext Grid数据导出到Excel

    ### Ext Grid 数据导出到Excel知识点详解 #### 一、背景与目的 在现代Web应用开发中,数据展示和管理是十分重要的环节。对于大型的数据表格(Grid),开发者经常需要提供一个导出功能,以便用户可以将当前显示的...

    Ext中grid多行数据全部删除

    ### Ext中grid多行数据全部删除 在前端开发过程中,我们经常会遇到需要处理表格数据的情况。其中,ExtJS是一个非常强大的JavaScript框架,它提供了一系列工具和组件来帮助开发者快速构建复杂的用户界面。本文将详细...

    EXT支持GRID中文排序

    ### EXT支持GRID中文排序 #### 知识点详解 在前端开发中,特别是涉及到表格数据展示的应用场景下,对表格中的数据进行排序是一项常见的需求。对于包含中文字符的数据集而言,实现准确、高效的中文排序尤为关键。...

    ext实例 左边是 tree 右边是grid 双击grid弹出form修改

    本实例“ext实例 左边是 tree 右边是grid 双击grid弹出form修改”是针对初学者的一个宝贵资源,它演示了如何将这些组件结合起来,实现交互式的数据操作。 1. **树形控件(Tree)**:在左边展示数据结构,通常用于...

    ext 读取xml 可编辑grid

    总结来说,EXT JS的EditorGridPanel结合XMLReader提供了强大且灵活的数据处理能力,使得开发者可以轻松地从XML数据源创建一个可编辑的网格界面,极大地提高了Web应用的交互性和用户体验。在实际开发中,可以根据具体...

    Ext2.0框架的Grid使用介绍

    ### Ext2.0框架的Grid使用介绍 #### 一、Ext2.0框架概述 Ext2.0是一款基于JavaScript的库,它提供了大量的用户界面组件,使得开发人员能够轻松地构建出高度交互式的Web应用程序。相比其他框架如YUI等,Ext2.0拥有...

    Ext GridPanel 中实现加链接操作

    var grid = new Ext.grid.GridPanel({ store: store, columns: [ {header: "ID", dataIndex: "id", width: 50}, {header: "Name", dataIndex: "name", width: 150}, {header: "Email", dataIndex: "email", ...

    ExtJS grid过滤操作

    总结来说,ExtJS Grid的过滤操作提供了丰富的功能,使用户能够方便地筛选数据。通过掌握如何创建、应用和清除过滤器,以及如何处理过滤事件,我们可以构建出更高效、用户友好的数据管理界面。同时,利用本地或远程...

    Ext常用属性总结

    本文将深入探讨"Ext常用属性总结"这一主题,帮助开发者更好地理解和利用ExtJS的特性。 首先,让我们了解几个基本的ExtJS概念。`Ext.Component`是所有UI组件的基础类,它拥有众多属性来控制组件的行为、外观和交互。...

    Ext常用属性总结.doc

    ### Ext常用属性总结 在开发基于Ext JS框架的应用程序时,了解并熟练掌握其核心组件的属性是非常重要的。本文将详细介绍Ext JS中常用的属性及其应用场景,帮助开发者更好地编写高效、可维护的代码。 #### 一、Ext ...

Global site tag (gtag.js) - Google Analytics