Ext的Grid右键菜单代码

最新推荐文章于 2014-04-08 17:32:02 发布

最新推荐文章于 2014-04-08 17:32:02 发布 · 170 阅读

文章标签：

#EXT

Extjs核心API详解专栏收录该内容

10 篇文章

订阅专栏

本文介绍如何在网格视图中实现右键菜单功能，包括菜单项的定义及响应事件处理。通过监听行的右键点击事件显示自定义菜单，并实现单击与双击行的交互反馈。

/**//**
     * 列表右键菜单
     */
            client.addListener('rowcontextmenu', rightClickFn);

            var rightClick = new Ext.menu.Menu( {
                id : 'rightClickCont',
                items : [ {
                    id:'rMenu1',
                    text : '右键菜单1',
                    //handler:rMenuFn1
                }, {
                    id:'rMenu2',
                    text : '右键菜单2',
                    //handler:rMenu2
                }]
            });

            function rightClickFn(client, rowIndex, e) {
                e.preventDefault();
                rightClick.showAt(e.getXY());
            }

            /**//**
             * 单击
             */
            client.addListener('rowclick', rowClickFn);

            function rowClickFn(grid, rowIndex, e) {
                alert('你单击了' + rowIndex);
            }

            /**//**
             * 双击
             */
            client.addListener('rowdblclick', rowClickFn);

            function rowClickFn(grid, rowIndex, e) {
                alert('你双击了' + rowIndex);
            }

还有些菜单图标之类的属性添加一下就可以用了。