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

Ext.grid.GridPanel双击关闭错误的解决

阅读更多

参考:http://www.extjs.com/forum/showthread.php?t=88612

 

var memRegGrid = new Ext.grid.GridPanel({
    id: "memRegGrid",
    /* code */
    listeners: {
        rowdblclick: function () {
            /* code */
            Ext.getCmp("regWindow").close();
        }
    }
});

var regWindow = new Ext.Window({
    id: "regWindow",
    items: memRegGrid
})

 如果双击记录行时关闭window,但这个时候控制台提示:

 

      this.view is null

 

解决方法:

rowdblclick: {
  fn: function () {
    /* code */
    Ext.getCmp("regWindow").close();
  },
  delay: 10
}

 原理:延迟10ms执行关闭操作

 

原因:Ext.grid.GridPanel双击记录时会同时触发一些其他的调用,这个时候还需要使用到grid本身,如果这个时候关闭就会出现上述错误,延迟的10ms关闭就能让其他的一些调用完成。

 

我在一些其他的应用中也发现了很多类似的问题,如textfiled对象的focus事件,在加载form的同时如果要focus的话必须延迟一段时间执行

分享到:
评论

相关推荐

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

    以上就是关于ExtJs GridPanel双击事件获取双击的行及选中复选框状态的实现方法。通过这些知识,你可以轻松地在GridPanel中添加用户交互功能,提升应用程序的用户体验。请确保在实际项目中根据需求调整代码,以满足...

    ExtJs grid行 右键菜单的两种方法

    var grid = new Ext.grid.GridPanel({ // Grid配置项... viewConfig: { trackOver: true, plugins: new Ext.grid.ContextMenu({ menu: menu }) // 使用插件设置右键菜单 }, listeners: { rowcontextmenu: ...

    ext form gridpanel

    "Ext Form GridPanel"是Ext JS库中的一个重要组件,它结合了表格(Grid)和表单(Form)的功能,提供了一种强大而灵活的方式来显示和编辑数据。在Web应用程序开发中,这种组件常用于数据录入和展示,尤其适用于处理...

    Extjs Grid 操作大全

    var alarmGrid = new Ext.grid.GridPanel({ store: store, // 数据源 cm: new Ext.grid.ColumnModel([ // 列模型 { header: "PID", dataIndex: 'pid', width: 100 }, { header: "Name", dataIndex: 'name', ...

    Ext4mvc实现grid

    总之,"Ext4mvc实现grid"项目涉及到Ext JS 4的MVC架构和GridPanel组件的使用,这要求开发者理解数据模型、视图组件、控制器逻辑以及如何通过MVC模式有效地组织代码。通过学习和实践这样的项目,开发者能够提升在Ext ...

    Ext3.2源码、API、及Demo(grid例子)

    源码分析可以帮助我们更好地定制和优化EXT应用程序,解决性能问题,或者创建新的自定义组件。 EXT3.2的API文档是开发过程中不可或缺的参考资料。API详细记录了EXT3.2的所有类、方法、属性和事件,为开发者提供了...

    extjs mvc简单示例

    Ext.create('Ext.grid.Panel', { store: userStore, columns: [ {text: 'First Name', dataIndex: 'firstName'}, {text: 'Last Name', dataIndex: 'lastName'} ], renderTo: Ext.getBody() }); ``` 4. 实现...

    ExtJs官方网站中文的入门指南 javascript

    var grid = new Ext.grid.GridPanel({ store: new Ext.data.JsonStore({ url: 'data.json', root: 'rows', fields: ['name', 'email'] }), columns: [ {header: "Name", dataIndex: 'name'}, {header: ...

    gridpanel动态加载数据的实例代码

    2. **ColumnModel**: `new Ext.grid.ColumnModel([new Ext.grid.RowNumberer()])` - 定义了列模型,这里只有一个列,即行号。通常,我们还会定义其他的列,如字段名、宽度、对齐方式等。 3. **PagingToolbar**: `...

    整理过的GRID综合应用

    5. **GRID框架与库**:在实际开发中,常见的GRID解决方案有Ext JS的GridPanel、jQuery UI的DataTables、AngularJS的UI-Grid等。这些库提供了丰富的API和配置选项,简化了开发流程,同时也提供了诸如拖放排序、行编辑...

Global site tag (gtag.js) - Google Analytics