当前访客身份:游客 [ 登录 | 加入 OSCHINA ]

代码分享

当前位置:
代码分享 » JavaScript  » 网页设计与交互
分享到: 
收藏 +0
1
Extjs grid的行右键菜单插件
标签: ExtJS

代码片段(2) [全屏查看所有代码]

1. [代码]ExtJS grid 右键菜单插件     跳至 [1] [2] [全屏预览]

Ext.ns('Ext.ux.grid');
Ext.ux.grid.RightMenu = function(options) {
	var currRecord = false;
	var currRowIndex = false;
	var currGrid = false;
	var menuItems = Ext.each(options.items, function() {
		var item = this;
		this.handler = function() {
			item.recHandler && item.recHandler(currRecord, currRowIndex, currGrid);
		};
	});
	var menu = new Ext.menu.Menu({
		items:options.items
	});
	this.init = function(grid) {
		grid.addListener('rowcontextmenu', function(client, rowIndex, e) {
			e.preventDefault();
			if (rowIndex < 0) {
				return;
			}
			currRowIndex = rowIndex;
			currRecord = grid.getStore().getAt(rowIndex);
			currGrid = grid;
			menu.showAt(e.getXY());
		}); 
	};
};

2. [代码][JavaScript]代码     跳至 [1] [2] [全屏预览]

//使用例子
var rightMenu = new Ext.ux.grid.RightMenu({
	items:[{
		text : '修改',
		recHandler:function(record, rowIndex, grid) {
			//..传入参数为右键单击的record,行索引及所属的grid对象
		}
	}, {
		text : '提交',
		recHandler:function(record, rowIndex, grid) {
			//......
		}
	}]
});
var techServGrid = new Ext.grid.GridPanel({
	。。。。。。
	plugins:[rightMenu ],
	。。。。。。
});
//在grid中通过plugins进去就可以了


开源中国-程序员在线工具:Git代码托管 API文档大全(120+) JS在线编辑演示 二维码 更多»

发表评论 回到顶部 网友评论(2)

开源从代码分享开始 分享代码
OneThin的其它代码 全部(4)...