参考: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双击事件获取双击的行及选中复选框状态的实现方法。通过这些知识,你可以轻松地在GridPanel中添加用户交互功能,提升应用程序的用户体验。请确保在实际项目中根据需求调整代码,以满足...
var grid = new Ext.grid.GridPanel({ // Grid配置项... viewConfig: { trackOver: true, plugins: new Ext.grid.ContextMenu({ menu: menu }) // 使用插件设置右键菜单 }, listeners: { rowcontextmenu: ...
"Ext Form GridPanel"是Ext JS库中的一个重要组件,它结合了表格(Grid)和表单(Form)的功能,提供了一种强大而灵活的方式来显示和编辑数据。在Web应用程序开发中,这种组件常用于数据录入和展示,尤其适用于处理...
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"项目涉及到Ext JS 4的MVC架构和GridPanel组件的使用,这要求开发者理解数据模型、视图组件、控制器逻辑以及如何通过MVC模式有效地组织代码。通过学习和实践这样的项目,开发者能够提升在Ext ...
源码分析可以帮助我们更好地定制和优化EXT应用程序,解决性能问题,或者创建新的自定义组件。 EXT3.2的API文档是开发过程中不可或缺的参考资料。API详细记录了EXT3.2的所有类、方法、属性和事件,为开发者提供了...
Ext.create('Ext.grid.Panel', { store: userStore, columns: [ {text: 'First Name', dataIndex: 'firstName'}, {text: 'Last Name', dataIndex: 'lastName'} ], renderTo: Ext.getBody() }); ``` 4. 实现...
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: ...
2. **ColumnModel**: `new Ext.grid.ColumnModel([new Ext.grid.RowNumberer()])` - 定义了列模型,这里只有一个列,即行号。通常,我们还会定义其他的列,如字段名、宽度、对齐方式等。 3. **PagingToolbar**: `...
5. **GRID框架与库**:在实际开发中,常见的GRID解决方案有Ext JS的GridPanel、jQuery UI的DataTables、AngularJS的UI-Grid等。这些库提供了丰富的API和配置选项,简化了开发流程,同时也提供了诸如拖放排序、行编辑...