`
endual
  • 浏览: 3558544 次
  • 性别: Icon_minigender_1
  • 来自: 杭州
社区版块
存档分类
最新评论

extjs之-gridpanel完全操作(事件)

EXT 
阅读更多
extjs之-gridpanel完全操作(事件)
2010年07月16日 星期五 16:46

先来一段代码

var cm = new Ext.grid.ColumnModel([new Ext.grid.RowNumberer(), sm,
      {
       header : "id",
       width : 100,
       sortable : true,//可排序
       hidden : true,
       dataIndex : "id",
       align : "center"
      }, {
       header : "测定项目",
       width : 100,
       sortable : true,
       dataIndex : "program",
       align : "center"
       }

一,gridpanel

1.如何获取gridpanel中选中的一条数据

var selModel = grid.getSelectionModel();
        var record = selModel.getSelected();
        alert(record.data.program)就是你选中行的检测项目值

2,如何获取gridpanel中的多行数据

var s = grid.getSelectionModel()
            .getSelections();
          for (var i = 0, r; r = s[i]; i++) {
           var fm = r.data;
           alert(fm.program);}

3,如何循环遍历gridpanel

var rowCount=grid.getStore().getCount();
        alert(rowCount);
        var cc=cm.getColumnCount();
        var view=grid.getView();
        for (var i=0;i<rowCount;i++){}

4,如何给grid赋值

1)针对选中的记录

record.data.program="sssss";

fm.program="ssssss";

2)这对循环遍历

grid.getStore().getAt(i).data.price=“sssss”;

最后别忘了grid.getView().refresh();

上一篇>>   Ex

分享到:
评论

相关推荐

    ExtJs GridPanel双击事件获得双击的行

    本篇文章将深入讲解如何在ExtJs GridPanel中实现双击事件,并获取双击的行以及选中的复选框状态。 首先,我们要了解GridPanel的基本结构。GridPanel由Store(数据存储)和ColumnModel(列模型)组成,它们定义了...

    ExtJS--Windows.rar_extjs_extjs CSharp_extjs windows

    框架支持数据绑定、布局管理、事件处理、拖放操作等功能,使得开发者能够快速构建出桌面应用般的用户体验。 2. **C#与ExtJS**:描述中的"CSharp_extjs"表明可能涉及到C#后端与ExtJS前端的结合。在实际项目中,C#...

    给Extjs的GridPanel增加“合计”行

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

    ExtJS介绍以及GridPanel

    GridPanel是ExtJS中的重要组件,用于展示和操作二维数据。它具备分页、排序、过滤、编辑等功能,适用于显示大量结构化数据。GridPanel的构建通常包括以下几个步骤: 1. 定义数据模型(Model):这是GridPanel的基础...

    ExtJS 表格面板GridPanel完整例子

    总的来说,掌握ExtJS GridPanel需要理解其核心组件、配置选项和相关事件处理。通过不断的实践和学习,你可以创建出功能强大、交互丰富的数据展示界面。在实际开发中,不断探索和优化,使其更好地适应项目需求,这是...

    Extjs入门教程(treePanel和GridPanel)

    在集成TreePanel和GridPanel时,可能涉及到的概念有:将TreePanel的节点与GridPanel的数据关联,实现点击树节点时动态加载或更新GridPanel的数据,以及可能的父子数据联动操作。 在实际应用中,你可能会学习到以下...

    Extjs中的GridPanel

    GridPanel 是 ExtJS 中的核心组件之一,它提供了一种高效、可定制的方式来展示大量结构化数据。在这个主题中,我们将深入探讨 GridPanel 的关键特性和使用方法。 1. **GridPanel 基本结构**: GridPanel 包含了行...

    ExtJS的GridPanel导出excel文件

    ExtJS的GridPanel导出excel文件,方便快捷易懂!

    ExtJs GridPanel延时加载.rar

    GridPanel是ExtJs中的核心组件之一,它提供了丰富的功能来展示和操作表格数据。你可以通过配置列、排序、过滤、分页等功能来定制你的表格。GridPanel通常与Store配合使用,Store负责管理数据,而GridPanel负责展示...

    ExtJS4.0下的gridPanel组建完全版

    在ExtJS 4.0版本中,GridPanel组件是其核心特性之一,它允许开发者创建数据密集型的表格展示,提供了丰富的功能和定制选项。这篇内容将深入探讨GridPanel在ExtJS 4.0中的应用及其相关知识点。 首先,我们来看...

    ExtJS grid过滤操作

    ExtJS Grid是一个强大的数据展示组件,它允许用户以表格的形式查看和操作大量数据。在实际应用中,数据过滤是常见的需求,以便用户能快速定位到感兴趣的信息。本篇将深入探讨ExtJS Grid的过滤操作,以及如何动态地对...

    EXTJS_GridPanel_ColumnModel_列的宽度随数据变化而变化

    EXTJS的GridPanel是其组件库中的核心组件之一,用于展示数据网格,广泛应用于Web应用的数据展示。在EXTJS中,ColumnModel是用来定义GridPanel列结构和行为的关键部分。这篇博客"EXTJS_GridPanel_ColumnModel_列的...

    extjs-4.1.1.zip

    ExtJS的GridPanel提供了高度可配置的表格视图,支持行编辑、分页、排序、过滤、拖放等功能。其强大的功能包括但不限于:行级锁定,用于冻结列;行合并,用于显示复杂的数据结构;以及灵活的数据源绑定,可以对接不同...

    ExtJS-MVC-用户列表实例

    使用ExtJS,我们可以创建一个GridPanel,设置列配置来展示模型中的数据,并且可以添加行级别的事件监听器以响应用户的操作,如点击或编辑。 3. **控制器(Controller)**:控制器是MVC架构中的关键部分,它协调模型...

    Extjs2.02 Gridpanel

    EXTJS GridPanel 是EXTJS库中的核心组件之一,尤其在EXTJS 2.02版本中,它提供了强大的表格展示和交互功能,对于初学者来说极具学习价值。GridPanel不仅能够处理基本的表格操作,如单选、多选、排序、改变列宽等,还...

    EXTJS.GRIDPANEL 日期格式

    在深入探讨ExtJS.GridPanel中的日期格式设置之前,我们首先简要回顾一下ExtJS是什么以及GridPanel组件的基本功能。ExtJS是一个用JavaScript编写的开源框架,用于构建交互式的Web应用程序,它提供了丰富的UI组件和...

    轻松搞定Extjs 带目录

    表格组件GridPanel是Extjs中的亮点之一,它不仅可以展示大量数据,还支持复杂的列模型和行操作。此外,GridPanel的分页功能和扩展组件如摘要行、可展开行、分组视图等,让数据的展示更加直观和易于管理。 通过学习...

    Extjs让Gridpanel组件自动滚屏

    后来公司让改变一个Gridpanel的展现方式,要求实现滚屏的效果。于是我就开始找API相关的功能了。找了很久,也没有找到框架的相应控制方法,然后在网上找了很久,也没有找到有人给去示例,无奈就只能自己写JS来控制...

    Extjs4 GridPanel 的几种样式使用介绍

    GridPanel是ExtJS框架中用于展示数据的一种重要组件,它允许用户以表格形式查看、操作和管理大量信息。 首先,我们来看一个简单的GridPanel示例。在这个例子中,我们创建了一个包含三列的表格,每列分别绑定到数据...

    ExtJs GridPanel 操作

    ExtJS GridPanel是Sencha ExtJS框架中的一个核心组件,用于创建数据网格,展示大量结构化数据。在本文中,我们将深入探讨GridPanel的操作,包括其功能、配置选项以及如何扩展GridPanel以满足复杂需求。 首先,...

Global site tag (gtag.js) - Google Analytics