`

GridPanel中的单元格单击,行单击,行双击,以及数据加载异常

阅读更多

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);
    });

 
 

 

 

  • 大小: 5.5 KB
  • 大小: 3.1 KB
  • 大小: 3.1 KB
  • 大小: 7.5 KB
分享到:
评论

相关推荐

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

    "GridPanel中的单元格不能选中复制的解决方法" Ext.grid.GridPanel 是一个功能强大且广泛使用的Grid控件,但是它存在一个很大的缺陷:单元格的内容不能选中,没法选中就没法复制,这给用户带来了很多不便。这个...

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

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

    ext表格合并单元格的方法

    Ext JS提供了强大的表格组件GridPanel,但默认情况下并未直接支持数据单元格的合并功能。本文将详细介绍一种在Ext JS中实现数据单元格合并的方法,并通过示例代码来帮助开发者更好地理解和应用这一技术。 #### CSS...

    EXT GridPanel获取某一单元格的值

    在EXT GridPanel中,获取某一单元格的值是常见的操作,特别是在实现自定义事件处理或数据验证时。 在提供的代码段中,我们看到一个监听`cellclick`事件的例子,这是EXT GridPanel中用于捕获用户点击单元格时的事件...

    Ext的gridpanel控件二次加载问题

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

    JavaScript中使用sencha gridpanel 编辑单元格、改变单元格颜色

    以下是一个简单的示例,展示了如何在GridPanel中实现单元格编辑: ```javascript { xtype: 'gridpanel', region: 'north', height: 150, title: 'My Grid Panel', store: 'A_Test_Store', columns: [ { ...

    ext gridpanel 跨行

    "ext gridpanel 跨行"这个主题主要涉及到在GridPanel中实现单元格或行的跨行显示,这在展示复杂数据或需要组合信息时非常有用。 首先,让我们深入理解什么是GridPanel。在Ext JS中,GridPanel是一个表格视图,它...

    Ext GridPanel 中实现加链接操作

    Ext GridPanel 是该框架中的一个重要组件,常用于展示表格数据。本文将详细介绍如何在 Ext GridPanel 中实现加链接操作,包括基本原理、代码实现及注意事项。 #### 一、Ext GridPanel 基础 在了解如何添加链接之前...

    给Extjs的GridPanel增加“合计”行

    在GridPanel中添加“合计”行,主要涉及到View的自定义和数据处理。 1. **创建自定义View**: - 首先,我们需要创建一个继承自EXTJS的`Ext.grid.GridView`的自定义View类。这个类将覆盖默认的渲染逻辑,以便在表格...

    改变gridpanel的行颜色

    当数据被加载到GridPanel中时,我们可以通过定义特定的CSS类并结合renderer函数来改变特定列的背景颜色。以下是一个示例: ```javascript // 定义一个样式(以红色背景为例) .x-grid-back-red { background: #FF...

    ExtJs GridPanel延时加载.rar

    在GridPanel中,当用户滚动到表格的底部或顶部时,延时加载会自动请求更多的数据。这种方式降低了初始页面加载时间,减少了服务器压力,同时提高了用户体验。实现延时加载通常需要设置Store的`autoLoad`属性为`false...

    Ext GridPanel加载完数据后进行操作示例代码

    本示例主要关注在`GridPanel`加载完数据后如何进行特定的操作,特别是选定某些行数据。 首先,`GridPanel`的数据通常来源于一个`Store`,`Store`负责从服务器获取或本地存储中读取数据,并将其绑定到`GridPanel`上...

    ext.net 动态创建gridpanel

    你还可以添加自定义的事件处理器,如单击行、双击行、单元格编辑等,以实现特定的业务逻辑。 6. **性能优化**: 在处理大量数据时,考虑使用远程分页、延迟加载(Lazy Loading)和服务器端排序,以提高性能。 7....

    gridpanel常用操作

    在`GridPanel`中单元格赋值,例如在弹出窗体关闭后更新选定行的数据,可以使用`Ext.getCmp`获取`GridPanel`对象,然后通过`getStore().getAt(rowIndex)`获取特定行的记录,最后利用`set`方法设置字段值,如`record....

    Extjs中的GridPanel

    用户可以添加、编辑和删除 GridPanel 中的数据行。通过配置编辑器(editors)和工具栏(toolbar)可以实现这些操作。 7. **行选择模式**: GridPanel 支持多种行选择模式,如单选、多选和全选。配合 ...

    grid 合并单元格示例

    实现grid单元格重复数据的合并,完整的案例实现,包含合并方法和调用过程

    Ext.net实现GridPanel拖动行、上移下移排序功能DEMO

    对于GridPanel中拖动选中行排序的实现,网上有不少ExtJs实现的例子,但是没有找到使用Ext.net实现的,正好最近有个需求要使用,干脆来写一个。 DEMO功能说明: 1、拖动GridPanel选中行到新位置排序。 2、在拖动结束...

    EXTJSEXT实例GridPanel.

    这个"EXTJSEXT实例GridPanel"可能是为了演示基本的GridPanel使用方法,包括数据绑定、列定义以及如何在页面上渲染GridPanel。通过学习和实践这个例子,开发者可以快速掌握EXTJS中数据展示的核心技术。配合EXT提供的...

    Extjs入门教程(treePanel和GridPanel)

    6. 用户交互:实现拖放功能,允许用户通过拖动TreePanel的节点来调整结构,或者拖放到GridPanel中进行操作。 在"我自己写的Extjs入门教程"这个压缩包中,可能包含的文件可能有HTML示例文件、JavaScript代码文件、...

Global site tag (gtag.js) - Google Analytics