`

Ext中Grid加载数据完成后自动选择第一行

    博客分类:
  • Ext
阅读更多
问题如题。。
解决方法就是必须等待Grid渲染完成之后,再load store的数据
在store中增加load事件的监听器:
 this.store.on({
        load:{
            fn:function(){
              //select grid's first row using selection model  
              this.getSelectionModel().selectFirstRow();
            }    
        },
        scope:this    
    });

再增加grid的render事件的监听器:
this.on({
            render:{
                fn: function() {
                    this.store.load();
                }
            },
            scope:this
        });

说明:this表示grid,如果没有渲染完就选择,在IE6下会有问题
分享到:
评论

相关推荐

    Ext中grid多行数据全部删除

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

    ext grid 显示数据

    10. **自定义行为和扩展**: EXT JS Grid允许开发者创建自定义的列类型、行模板、行选择模式等,满足个性化需求。通过继承和扩展EXT JS的API,开发者可以构建功能强大的数据视图。 通过阅读"5_使用Grids显示数据.doc...

    Ext Grid 导出Excel

    在IT领域,特别是Web开发中,Ext Grid是一个广泛使用的组件,用于展示和管理大量数据。它提供了丰富的功能,包括排序、筛选、分页等,使得数据的交互和操作变得非常便捷。当我们需要将Ext Grid中的数据导出为Excel...

    EXT grid导出EXCEL

    EXT Grid是一款基于JavaScript的强大的数据网格组件,广泛用于Web应用程序中展示、操作和管理大量结构化数据。它提供了丰富的功能,如排序、过滤、分页、编辑等,并且支持自定义列、行以及多种交互模式。在EXT Grid...

    Ext的gridpanel控件二次加载问题

    然而,在实际应用中,可能会遇到一个常见的问题:当GridPanel需要进行第二次加载时,数据或者功能可能会丢失。这个问题主要源于GridPanel的生命周期管理和内存管理机制。为了解决这个问题,我们需要深入理解Ext JS的...

    解决Ext Grid中文排序问题

    在EXT JS框架中,Ext Grid是一个非常常用的组件,用于展示数据并支持各种操作,如排序、筛选和分页。然而,默认情况下,EXT Grid遵循ASCII码排序规则,这在处理中文字符时可能导致排序不符合预期,因为中文字符的...

    ext grid 导出excel 代码实例

    创建一个工作簿对象,然后为每个Grid的行创建一行数据,并添加到工作表中。 5. **生成文件内容**:使用SheetJS提供的方法将工作簿转换为二进制或字符串形式。对于CSV,可以使用`writeFile`方法;对于xlsx,可以使用...

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

    5. **加载初始数据**: 最后,初始化Grid时,调用数据源的`load`方法,传递初始分页参数,加载第一页数据到Grid中。 总结,本示例展示了如何使用Ext Grid和DWR结合实现一个具有分页功能的列表展示。通过这种方式,...

    Extjs4 Grid分页与自动刷新

    // 重新加载第一页数据 } // 设置每5秒刷新一次 setInterval(refreshGrid, 5000); ``` **2.2 监听特定事件** 如果需要根据某些特定事件来触发Grid的刷新,可以使用事件监听的方式。 ```javascript // 假设有一...

    extjs grid数据导出excel文件

    4. **创建并写入工作簿**:利用SheetJS创建一个新的工作簿对象,然后将转换后的数据添加到新的工作表中。 5. **生成Excel文件**:最后,使用SheetJS的`writeFile`或`createWriteStream`方法将工作簿写入到一个二...

    ext gride刷新

    Ext Grid是Ext JS框架中的一个核心组件,用于创建数据驱动的表格视图。当你在处理大量数据时,它提供了一种高效、灵活的方式来展示和操作数据。然而,当你提到"ext gride刷新又回到第一页",这通常涉及到Grid组件的...

    Ext 根据数据库返回json动态生成grid列表实例

    在本文中,我们将深入探讨如何使用ExtJS框架根据数据库返回的JSON数据动态生成Grid列表实例。ExtJS是一款强大的JavaScript库,常用于构建富客户端应用程序,尤其是数据可视化和数据管理组件,如Grid。Grid是ExtJS中...

    ExtJs选中var editor = new Ext.ux.grid.RowEditor详解

    // 选择第一行 editor.startEditing(0); // 开始编辑第一行 // record.commit(); // 提交更改 } }); ``` - `afteredit` 事件会在行编辑完成之后触发。 - `rowEditor` 参数是当前 `RowEditor` 的引用。 - `...

    Extjs教程_第五章_使用grid显示数据(3)

    在本教程的第五章中,我们将深入探讨如何利用GridPanel显示从数据库加载的数据,以及如何实现与用户的交互,特别是通过选择模型(Selection Model)处理行的选择。 首先,我们要展示从PHP后端获取的数据。在PHP中,...

    EXT2.0中文教程

    7.2. 第一!乱拖。 7.3. 第二!代理proxy和目标target 8. 哭泣吧!现在才开始讲基础问题。 8.1. Ext.get 8.2. 要是我们想一下子获得一堆元素咋办? 8.3. DomHelper和Template动态生成html 8.3.1. DomHelper用来...

    ext导出grid

    ### 关于ExtJS中"ext导出grid"的知识点解析 #### 一、知识点概述 在Web开发领域,特别是涉及到企业级应用时,表格(Grid)的导出功能是非常常见且重要的需求之一。本文将围绕“ext导出grid”这一主题进行深入探讨...

    Ext3.4.0复杂(多行)表头+锁定多列例子

    例如,第一行可能表示大类,第二行可能是子类,以此类推。 “锁定多列”则是指在表格滚动时,保持某些列(如列标题或关键列)始终可见。这在处理大量数据时非常有用,因为它允许用户在滚动查看数据时,依然能保持对...

    简单的小例子Ext+servlet 分页

    - 监听Grid的`load`事件,可以在数据加载完成后执行额外的操作,如更新分页状态。 - `store`的`beforeload`事件可以用来在数据请求前进行预处理,如修改请求参数。 总结来说,本示例通过Ext JS的Grid组件实现了...

    GridPanel中的单元格不能选中复制的解决方法

    解决这个问题需要从两个方面入手:第一,添加新的CSS样式;第二,修改Ext.grid.GridPanel的protoType。下面是详细的解决方案: 首先,添加新的CSS样式。我们可以在网页的头部添加以下代码: .x-selectable, .x-...

    关于EXT分页,分组,排序

    通过调用 `store.load()` 方法来加载数据,其中传入的参数 `{start:0, limit:3}` 表示从第0条数据开始,每次只加载3条数据。 5. **配置 PagingToolbar**: 创建了一个 `PagingToolbar` 组件,并设置了各种属性,...

Global site tag (gtag.js) - Google Analytics