Ext.grid.EditorGridPanel点击单元格添加菜单栏
2013-09-06 10:32
429 查看
1、定义菜单栏需要的全局变量
2、新建一个菜单栏
3、为gird添加点击监听事件,并且添加菜单栏
最后效果如下:
var khbm; var type;
2、新建一个菜单栏
var smenu = new Ext.menu.Menu({ id:"sMenu", items:[{ text:"追溯", handler:function(){ //此处添加操作 } }] });
3、为gird添加点击监听事件,并且添加菜单栏
listeners:{ 'cellclick':function(grid, rowIndex, columnIndex, e){ var record = grid.getStore().getAt(rowIndex); var fieldName = grid.getColumnModel().getDataIndex(columnIndex); khbm = record.get("khbm");//客户编码 type = record.get("type");//产品型号 if(fieldName=="查看"){ sourceMenu.showAt(e.getXY()); } } }
最后效果如下:
相关文章推荐
- Ext.grid.EditorGridPanel点击单元格改变数据,动态添加列
- Ext.grid.EditorGridPanel联动设置单元格是否可以编辑和背景色
- Ext.grid.EditorGridPanel 单元格套用下拉列表ComboBox
- Ext GridPanel 设置点击次数打开可编辑单元格
- 我们项目中对Ext.gird.EditorGridPanel是如何添加一行,删除一行的
- 解决Ext.grid.EditorGridPanel获得当前行编号问题
- Ext 表格运用-Ext.grid.EditorGridPanel(带分页)
- EXT gridPanel 添加图片
- Ext.grid.EditorGridPanel 空格 nbsp 问题
- 从服务器端获取列和数据动态创建Ext.grid.EditorGridPanel
- ExtJs4.1读取后台XML数据并显示在前台的Ext.grid.Panel,并额外添加一列动作列
- Ext.grid.EditorGridPanel使用方法
- 关于Extjs3.0中的TreeGrid(Ext.ux.maximgb.tg.EditorGridPanel)
- Extjs3.0中的TreeGrid(Ext.ux.maximgb.tg.EditorGridPanel)
- Ext.grid.EditorGridPanel使用方法 1
- Ext EditorGridPanel 下拉选择后显示value值
- Ext.grid.Panel远程加载数据分页,提供添加删除修改等操作
- Ext.grid.EditorGridPanel保存
- ext: gridpanel中的点击事件的参数是什么意思?
- Ext.grid.EditorGridPanel的使用、修改记录的获取及提交