groupGrid.on("rowcontextmenu", function (grid, rowIndex, e) {
e.preventDefault();
if (rowIndex < 0) {
return;
}
var treeMenu = new Ext.menu.Menu ([
{
xtype: "",
text: "详细",
iconCls: 'context-dog',
pressed: false,
handler: function () {
//获得行数据
var record = grid.getStore().getAt(rowIndex);
//open_receive_detailWindow(record.data.smsIndex);
alert(record.data.company); //company为自定义的字段名称
//record.data.taskId
}
}, {
xtype: "",
text: "删除",
iconCls: 'context-cat',
pressed: false,
handler: function () {
//获得行数据
var record = grid.getStore().getAt(rowIndex);
alert(record.data.company);
}
}
]);
treeMenu.showAt(e.getXY());
});
分享到:
相关推荐
右键菜单的资料,代码已经详细描写。请仿照文件中所描述即可使用,不限于EXT4.0以上版本使用。
plugins: new Ext.grid.ContextMenu({ menu: menu }) // 使用插件设置右键菜单 }, listeners: { rowcontextmenu: function(grid, record, tr, index, e) { e.preventDefault(); // 阻止浏览器默认的右键菜单 ...
在本文中,我们将深入探讨如何在Ext Grid中添加右键菜单功能,这是一项常见的交互设计,可以为用户提供更丰富的操作选项。首先,我们先来理解一下`Ext Grid`是什么。`Ext Grid`是Ext JS库中的一个组件,用于展示结构...
在本文中,我们将深入探讨如何在FineUI框架中为Grid控件添加右键菜单功能。FineUI是一款强大的Web前端开发库,它基于ExtJS库,并提供了丰富的UI组件和便捷的API,使得开发者能够快速构建交互式的企业级Web应用。 ...
`Ext-UX-Grid-GridViewMenuPlugin`是一个用于Ext JS框架的用户界面扩展插件,主要功能是增强表格(grid)的菜单功能。这个插件允许开发者为表格的菜单添加自定义事件处理和生成视图,从而提升用户体验并提供更丰富的...
2.13. grid与右键菜单 3. 歌颂吧!只为了树也要学ext。 3.1. 真的,我是为了树,才开始学ext的。 3.2. 传统是先做出一棵树来。 3.3. 超越一个根 3.4. 对tree进行统一配置 3.5. 这种装配树节点的形式,真是让人头大。...
- **Ext.menu.Menu**: 创建下拉菜单,常用于按钮的右键菜单或工具栏的下拉菜单。 10. **其他功能** - **Ajax请求(Ajax Requests)**: 使用Ext.Ajax模块进行异步数据请求。 - **拖放(Drag and Drop)**: 支持...
9.6. JsonView实现用户卡片拖拽与右键菜单 9.7. 下拉列表选择每页显示多少数据 10. 撕裂吧!邪魔外道与边缘学科。 10.1. dwr与ext整合 10.1.1. 无侵入式整合dwr和ext 10.1.2. DWRProxy 10.1.3. DWRTreeLoader 10.2...
通过配置,开发者可以定制节点的图标、文本和行为,也可以添加右键菜单和搜索功能。 这份"Ext 3.0中文文档.CHM"包含了上述所有主题的详细解释和示例代码,是学习和使用Ext 3.0不可或缺的参考资料。无论你是初学者...
3. **在`GridPanel`上添加右键菜单**: 可以通过设置`ContextMenuID`属性将一个`ContextMenu`与`GridPanel`关联,如`<ext:GridPanel ContextMenuID="ContextMenu1" ...>`。然后,添加`RowContextMenu`监听器,如`...
10.2 标签页右键菜单TabCloseMenu 276 10.3 面板最大化MaximizeTool 278 10.4 分页设置PageSizePlugin 282 10.5 行数据扩展RowExpander 284 10.6 本章小结 290 第五部分 调试 第11章 调试 292 11.1 测试Ext.Element...
删除操作通常通过行的右键菜单或工具栏按钮触发,调用`store.remove()`。更新数据则在用户编辑单元格后,调用`store.commitChanges()`保存更改。 在服务器端,我们需要创建对应的控制器和动作来处理这些操作。例如...
开发者可以使用事件监听和插件机制,为Grid添加自定义行为,如右键菜单、双击事件等。 15. **响应式设计(Responsive Design)** Grid支持不同设备和屏幕尺寸,可以自动调整布局和列宽,适应移动设备和桌面环境。...
5. **交互设计**:考虑Windows用户习惯的交互模式,例如右键菜单、拖放操作、快捷键等,使Web应用操作更加自然。 6. **集成地图服务**:通过调用QQ地图的JavaScript API,可以创建地图组件,支持地图的缩放、平移、...
Ex4.0共2个压缩包特性,《ext js权威指南》 ...10.3.4 数据汇总功能:ext.grid.featrue.abstractsummary与ext.grid.featrue. summary / 539 10.3.5 分组功能:ext.grid.featrue.grouping / 543 10.3.6 分组汇总...
3.15 Grid与右键菜单 73 3.16 本章小结 74 第4章 表单与输入控件 76 4.1 制作一个表单 76 4.2 FormPanel和BasicForm详解 77 4.3 EXT支持的控件 77 4.3.1 控件继承图 77 4.3.2 表单控件 78 4.3.3 基本输入控
EXTDRID(可能是EXTGRID的拼写错误)是指EXTJS中的Grid Panel,它允许开发者构建灵活、可配置的数据视图,适用于大量结构化数据的展示。在EXTJS中,动态GRID指的是可以实时调整列宽、列数甚至列结构的网格视图,以...
例如,你可以创建一个带有多个选项卡的窗口,每个选项卡上都有一个网格,窗口顶部有自定义工具栏和右键菜单。 在学习Ext2.1时,了解其布局系统也是至关重要的。Ext2.1支持多种布局方式,如Fit(适应)、Border...