GridPanel中的单元格双击,行单击,行双击,以及数据加载异常
1.单元格双击:celldblclick
var enGrid=new Ext.grid.GridPanel({ store: enStore, cm: encm, sm:ensm, title:"企业信息", collapsible: false, animCollapse: false, renderTo: 'query-grid', loadMask: new Ext.LoadMask(Ext.getBody(), {msg:'正在加载数据,请稍侯……'}), view: enView, stripeRows: true, listeners : { 'celldblclick' : function(thiz,row,col,e){ var s=enGrid.getStore(); var x=s.getAt(row); win_updateEn.on("show",function(){ updateEnForm.getForm().findField("new_zzjgdm").setValue(x.get('swdjzh')); updateEnForm.getForm().findField("new_mc").setValue(x.get('qymc')); updateEnForm.getForm().findField("new_frdb").setValue(x.get('frdb')); updateEnForm.getForm().findField("new_dz").setValue(x.get('dz')); updateEnForm.getForm().findField("new_dh").setValue(x.get('dh')); updateEnForm.getForm().findField("new_yzbm").setValue(x.get('yzbm')); updateEnForm.getForm().findField("new_czfp").setValue(x.get('czfpbm')); }); win_updateEn.show(); } } });
2.行单击:rowclick
appGrid.on("rowclick",function(grid,rowIndex,e){ var record = grid.getStore().getAt(rowIndex); var enName = grid.getStore().getAt(rowIndex).get("qymc"); var iName = grid.getStore().getAt(rowIndex).get("proname"); }
3.行双击:rowdblclick
appGrid.on("rowdblclick",function(grid,rowIndex,e){ cRecord = grid.getStore().getAt(rowIndex); v_type = 'update'; var sgbj = grid.getStore().getAt(rowIndex).get("sgbj"); if(sgbj == 0){ upWin.show(); }else{ addWin.show(); } });
4.加载异常处理:loadexception
store.on("loadexception",function(obj, options, response, e) { console.info('store loadexception, arguments:', arguments); console.info('error = ', e); });
相关推荐
"GridPanel中的单元格不能选中复制的解决方法" Ext.grid.GridPanel 是一个功能强大且广泛使用的Grid控件,但是它存在一个很大的缺陷:单元格的内容不能选中,没法选中就没法复制,这给用户带来了很多不便。这个...
本篇文章将深入讲解如何在ExtJs GridPanel中实现双击事件,并获取双击的行以及选中的复选框状态。 首先,我们要了解GridPanel的基本结构。GridPanel由Store(数据存储)和ColumnModel(列模型)组成,它们定义了...
Ext JS提供了强大的表格组件GridPanel,但默认情况下并未直接支持数据单元格的合并功能。本文将详细介绍一种在Ext JS中实现数据单元格合并的方法,并通过示例代码来帮助开发者更好地理解和应用这一技术。 #### CSS...
在EXT GridPanel中,获取某一单元格的值是常见的操作,特别是在实现自定义事件处理或数据验证时。 在提供的代码段中,我们看到一个监听`cellclick`事件的例子,这是EXT GridPanel中用于捕获用户点击单元格时的事件...
然而,在实际应用中,可能会遇到一个常见的问题:当GridPanel需要进行第二次加载时,数据或者功能可能会丢失。这个问题主要源于GridPanel的生命周期管理和内存管理机制。为了解决这个问题,我们需要深入理解Ext JS的...
以下是一个简单的示例,展示了如何在GridPanel中实现单元格编辑: ```javascript { xtype: 'gridpanel', region: 'north', height: 150, title: 'My Grid Panel', store: 'A_Test_Store', columns: [ { ...
"ext gridpanel 跨行"这个主题主要涉及到在GridPanel中实现单元格或行的跨行显示,这在展示复杂数据或需要组合信息时非常有用。 首先,让我们深入理解什么是GridPanel。在Ext JS中,GridPanel是一个表格视图,它...
Ext GridPanel 是该框架中的一个重要组件,常用于展示表格数据。本文将详细介绍如何在 Ext GridPanel 中实现加链接操作,包括基本原理、代码实现及注意事项。 #### 一、Ext GridPanel 基础 在了解如何添加链接之前...
在GridPanel中添加“合计”行,主要涉及到View的自定义和数据处理。 1. **创建自定义View**: - 首先,我们需要创建一个继承自EXTJS的`Ext.grid.GridView`的自定义View类。这个类将覆盖默认的渲染逻辑,以便在表格...
当数据被加载到GridPanel中时,我们可以通过定义特定的CSS类并结合renderer函数来改变特定列的背景颜色。以下是一个示例: ```javascript // 定义一个样式(以红色背景为例) .x-grid-back-red { background: #FF...
在GridPanel中,当用户滚动到表格的底部或顶部时,延时加载会自动请求更多的数据。这种方式降低了初始页面加载时间,减少了服务器压力,同时提高了用户体验。实现延时加载通常需要设置Store的`autoLoad`属性为`false...
本示例主要关注在`GridPanel`加载完数据后如何进行特定的操作,特别是选定某些行数据。 首先,`GridPanel`的数据通常来源于一个`Store`,`Store`负责从服务器获取或本地存储中读取数据,并将其绑定到`GridPanel`上...
你还可以添加自定义的事件处理器,如单击行、双击行、单元格编辑等,以实现特定的业务逻辑。 6. **性能优化**: 在处理大量数据时,考虑使用远程分页、延迟加载(Lazy Loading)和服务器端排序,以提高性能。 7....
在`GridPanel`中单元格赋值,例如在弹出窗体关闭后更新选定行的数据,可以使用`Ext.getCmp`获取`GridPanel`对象,然后通过`getStore().getAt(rowIndex)`获取特定行的记录,最后利用`set`方法设置字段值,如`record....
用户可以添加、编辑和删除 GridPanel 中的数据行。通过配置编辑器(editors)和工具栏(toolbar)可以实现这些操作。 7. **行选择模式**: GridPanel 支持多种行选择模式,如单选、多选和全选。配合 ...
实现grid单元格重复数据的合并,完整的案例实现,包含合并方法和调用过程
对于GridPanel中拖动选中行排序的实现,网上有不少ExtJs实现的例子,但是没有找到使用Ext.net实现的,正好最近有个需求要使用,干脆来写一个。 DEMO功能说明: 1、拖动GridPanel选中行到新位置排序。 2、在拖动结束...
这个"EXTJSEXT实例GridPanel"可能是为了演示基本的GridPanel使用方法,包括数据绑定、列定义以及如何在页面上渲染GridPanel。通过学习和实践这个例子,开发者可以快速掌握EXTJS中数据展示的核心技术。配合EXT提供的...
6. 用户交互:实现拖放功能,允许用户通过拖动TreePanel的节点来调整结构,或者拖放到GridPanel中进行操作。 在"我自己写的Extjs入门教程"这个压缩包中,可能包含的文件可能有HTML示例文件、JavaScript代码文件、...