`

Ext中Grid得到选择行数据的方法总结

阅读更多

(1)grid.getStore().getRange(0,store.getCount());    //得到grid所有的行

 

(2)grid.getSelectionModel().getSelections();        //得到选择所有行    

注:如果不声明var sm = new Ext.grid.CheckboxSelectionModel();则会报此句没有该对象或属性

Var selectRows = grid.getSelectionModel().getSelections();

selectRows[0].get(“gird中某列的dataIndex属性值”)        //取选中行记录的某列的值

 

(3)grid.selModel.selections.items;              //得到选择所有行

 

(4)grid.getSelectionModel().getSelected();      //得到选择行的第一行

 

 

单击gird中某一行时取得该行的数据

proLevelGrid.on('rowclick', function(proLevelGrid,rowIndex,event){

       var record = proLevelGrid.getStore().getAt(rowIndex);

    addProductLevel_form.getForm().loadRecord(record);

    alert(record.get('id'));

});

 

本文来自CSDN博客,转载请标明出处:http://blog.csdn.net/ljleiwf/archive/2010/07/14/5733792.aspx

分享到:
评论

相关推荐

    Grid得到选择行数据的方法总结

    //得到选择所有行 //注:如果不声明var sm = new Ext.grid.CheckboxSelectionModel();则会报此句没有该对象或属性 Var selectRows = grid.getSelectionModel().getSelections(); selectRows[0].get(“gird中某列的...

    ext的表格行编辑(roweditor)实现(c#)

    总结起来,实现EXT JS的表格行编辑(roweditor)功能,需要结合C#后端构建数据接口,前端使用EXT JS的GridPanel、RowEditing插件以及相关的配置选项。通过监听和处理事件,实现数据的双向绑定,达到直观且高效的表格...

    给Extjs的GridPanel增加“合计”行

    总结来说,EXTJS的GridPanel添加“合计”行涉及到View的自定义、数据计算、模板创建、DOM操作以及样式调整等多个环节。通过以上步骤,我们可以实现一个动态更新且具有美观样式的“合计”行。这不仅增强了数据展示的...

    Ext 3.0中文手册及帮助文档

    1. Grid Panel:Ext 3.0中的Grid Panel是一个强大的表格组件,支持数据分页、排序、过滤和编辑等功能。 2. Form Panel:用于创建复杂的表单,支持各种表单元素,如文本框、下拉框、复选框等,并有强大的验证机制。 3...

    Ext Js权威指南(.zip.001

    Ex4.0共2个压缩包特性,《ext js权威指南》 ...10.3.4 数据汇总功能:ext.grid.featrue.abstractsummary与ext.grid.featrue. summary / 539 10.3.5 分组功能:ext.grid.featrue.grouping / 543 10.3.6 分组汇总...

    ExtJs6.5Grid列表导出(包含样式)

    在ExtJs 6.5版本中,开发人员经常需要实现数据导出功能,特别是对于Grid组件,这是一项常见的需求。Grid列表通常用于展示大量结构化的数据,而导出功能可以帮助用户将这些数据保存到本地,方便进一步分析或共享。...

    ext 开发指南 ext基础教程

    ### Ext 开发指南 ext基础教程 #### 极致解析:ExtJS基础知识与实践应用 **一、引言** 随着Web技术的不断进步和发展,越来越多的企业和开发者开始关注如何提升Web应用的用户体验。在这个背景下,ExtJS作为一个...

    Developing with Ext GWT Enterprise RIA Development.pdf完全版

    - **数据网格(Grid)**:详细介绍了如何利用Grid组件展示和处理大量数据。 - **数据存储(Store)与数据API**:探讨了数据管理的最佳实践,包括如何高效地从服务器获取数据并在客户端进行处理。 - **图表绘制**...

    flexigrid 类似ext grid的JS表格代码

    1. Flexigrid是一款基于JavaScript的表格组件,与Ext Grid的功能相似,它可以方便地嵌入到网页中,用于显示和操作数据表格。 2. 由于文件描述中提到基于PHP环境可以实验效果,我们可以推断Flexigrid支持后端语言PHP...

    extjs打印功能

    ### ExtJS 打印功能详解 #### 一、概述 ExtJS 是一款强大的 JavaScript 框架,用于构建复杂的前端...虽然示例代码中采用的方法较为传统,但在实际开发过程中可以根据项目需求和技术栈的特点灵活选择合适的解决方案。

    ext从入门到精通

    EXTJS中的构件(Component)是构成用户界面的基本单位,每个构件都有自己的属性、方法和事件。熟悉构件系统的使用是学习EXTJS的基础,包括面板(Panel)、按钮(Button)、网格(Grid)、表单(Form)等常见构件的...

    Extjs中文教程

    - **行选择模型** - 定义了如何选择表格中的行,包括单选、多选等模式。 - 可以通过配置`selModel`选项来指定。 - **Grid视图** - 视图负责渲染表格的实际内容。 - 可以自定义视图的滚动、加载等行为。 #### ...

    ExtJS在Web开发中的应用.pdf

    在这个例子中,我们首先创建了一个`Store`对象来存储数据,然后创建了一个`Grid Panel`并将其渲染到页面上。 #### 五、总结 ExtJS作为一个功能强大的前端框架,为开发者提供了丰富的工具来构建高质量的Web应用程序...

    Extjs4之MVC应用架构

    - **视图**:ExtJS4中的视图通常是指任何类型的UI组件,如`Ext.grid.Panel`、`Ext.tree.Panel`等。这些组件可以通过控制器进行绑定,从而实现数据驱动的界面展示。 - **控制器**:控制器定义了应用程序的交互逻辑,...

    ExtJs2.0简明教程

    EditorGridPanel是一种特殊的GridPanel,它允许用户直接在表格中编辑数据。这对于需要频繁更新数据的应用来说非常方便。 #### 7.3 与服务器交互 ExtJS提供了强大的数据处理能力,可以通过Ajax技术与服务器端进行...

    extjs3.0资料

    总结来说,EXTJS 3.0在组件库、Ajax支持、数据管理、图表展示、主题定制以及事件处理等方面都有显著改进,是一款强大的前端开发工具,值得开发者深入学习和应用。通过"ext-3.0-rc1"中的内容,开发者可以全面掌握...

    EXTJS实用开发指南

    EXTJS 提供了丰富的控件,如表格 (`Ext.grid.GridPanel`)、窗体 (`Ext.form.FormPanel`)、树形视图 (`Ext.tree.TreePanel`) 等。了解这些控件的基本使用方法以及如何结合实际项目进行应用,是提高开发效率的关键。 ...

    extjs的快速入门教程

    - **Ext类库**: 是ExtJS的基础,提供了一系列工具方法和类,用于简化DOM操作、AJAX请求等。 - **组件**: 是ExtJS的基本构建单元,每个组件都有自己的生命周期和事件处理机制。 - **组件的使用**: 了解如何实例化...

Global site tag (gtag.js) - Google Analytics