表格右键菜单

 //窗体加载事件
                $(window).load(function () {
                    $(‘#mm‘).menu({
                        onClick: function (item) {
                            if(item.id == ‘createLeftTable‘){
                                self.createLeftTable();
                            }
                            else if(item.id == ‘createRuleLeftTable‘){
                                self.createRuleLeftTable();
                            }else if(item.id == ‘createExtRuleRightTable‘){
                                self.createExtRuleRightTable();
                            }  

                        }
                    });
                }); 
//生成左表数据(推送)
                this.createLeftTable=function(){
                    var row = self.grid.datagrid(‘getSelected‘);
                    if (!row) return snf.message(‘warning‘, self.resx.noneSelect);
                    var index = self.grid.datagrid(‘getRowIndex‘, row);
                    //数据提交
                    snf.ajax({
                        url: ‘/api/DEMO/DemoSingleTable/CreateLeftTable‘,
                        data: ko.toJSON(row),
                        success: function (d) {
                            snf.messageif(d.msgtype != ‘‘, d.msgtype, d.msg);
                        }
                    });

                }
                //生成左表数据(规则)
                this.createRuleLeftTable=function(){
                    var row = self.grid.datagrid(‘getSelected‘);
                    if (!row) return snf.message(‘warning‘, self.resx.noneSelect);
                    var index = self.grid.datagrid(‘getRowIndex‘, row);
                    //数据提交
                    snf.ajax({
                        url: ‘/api/DEMO/DemoSingleTable/CreateRuleLeftTable‘,
                        data: ko.toJSON(row),
                        success: function (d) {
                            snf.messageif(d.msgtype != ‘‘, d.msgtype, d.msg);
                        }
                    });
                }

                //生成右表数据(扩展规则)
                this.createExtRuleRightTable=function(){
                    var row = self.grid.datagrid(‘getSelected‘);
                    if (!row) return snf.message(‘warning‘, self.resx.noneSelect);
                    var index = self.grid.datagrid(‘getRowIndex‘, row);
                    //数据提交
                    snf.ajax({
                        url: ‘/api/DEMO/DemoSingleTable/CreateExtRuleRightTable‘,
                        data: ko.toJSON(row),
                        success: function (d) {
                            snf.messageif(d.msgtype != ‘‘, d.msgtype, d.msg);
                        }
                    });
                }
 this.grid = {
                    ////size: { h: 40 },//120
                    size: { w: 4, h: 94 },
                    url: self.urls.query,
                    queryParams: ko.observable(ko.toJS(this.queryForm)),
                    pagination: true,
                    onRowContextMenu:  function (e, rowIndex, rowData) { //右键时触发事件                      
                        $(this).datagrid("clearSelections"); //取消所有选中项
                        $(this).datagrid("selectRow", rowIndex); //根据索引选中该行
                        e.preventDefault();
                        $("#mm").menu(‘show‘, {
                            left:e.pageX,
                            top:e.pageY
                        });
                    },
                };  
<div id="mm" class="easyui-menu" style="width: 65px;">
    <div id="createLeftTable" data-options="iconCls:‘icon-package‘">生成左表数据(推送)</div>
    <div id="createRuleLeftTable" data-options="iconCls:‘icon-package_add‘">生成左表数据(规则)</div>
    <div id="createExtRuleRightTable" data-options="iconCls:‘icon-package_down‘">生成右表数据(扩展规则)</div>
</div>
时间: 2024-11-08 06:23:19

表格右键菜单的相关文章

ExtJS4.2学习(12)基于表格的右键菜单(转)

鸣谢:http://www.shuyangyang.com.cn/jishuliangongfang/qianduanjishu/2013-11-24/181.html ----------------------------------------------------------------------------------------------- 在实际的软件开发中,我们的grid表格为了方便用户通常会有一个右键菜单来实现对表格的增.删.改等操作,下面看一下演示的效果: 以下是完整可

EasyUI 表格点击右键添加或刷新 绑定右键菜单

例1 在HTML页面中设置一个隐藏的菜单(前提是已经使用封装的Easyui) 代码: <div id="contextMenu_jygl" class="easyui-menu" style="width: 80px; display: none;">                              <div id="btn_More" data-options="iconCls:'ico

datagridview右键菜单

最近一直在弄DatagridView,前一篇文章弄了一复选框删除,但是后来想想,如果我每就删除一行,那么我每次删除的时候都得先选中,然后再区单机删除,太麻烦了,于是就想起来弄一个右键删除,然后又加了一个右键变色,反正就是一个右键菜单,下边吧代码给大家,很简单的代码,确是非常的实用. /// <summary> /// 添加一个表格 /// </summary> public void addDatatable() { DataColumn dc = new DataColumn(&

Qt:QT右键菜单

Qt QTableView 上加右键弹出菜单, 并复制选中的单元格内容到剪贴板中 http://wenku.baidu.com/view/c51cfb63cf84b9d528ea7a29.html http://www.cppblog.com/biao/archive/2010/01/01/104593.html QWidget及其子类都可有右键菜单,因为QWidget有以下两个与右键菜单有关的函数: Qt::ContextMenuPolicy contextMenuPolicy () cons

QTableWidget详解(样式、右键菜单、表头塌陷、多选等)

在Qt的开发过程中,时常会用到表单(QTableWidget)这个控件,网上的资料不少,但是都是最基本的,有一些比较经常遇到的问题也说得不太清楚.所以,今天就在这里总结一下! 以下为个人模拟Windows资源管理器的一个表单 一.设置表单样式 table_widget->setColumnCount(4);//设置列数 table_widget->horizontalHeader()->setDefaultSectionSize(150); table_widget->horizo

Datagrid添加右键菜单

最近的一个项目前台使用的EasyUI,每个界面都有DataGrid控件,按照我们的想法,应该做出来的效果是单击选中,双击可编辑,当然右键也应该出现这些菜单按钮,想的挺好,那么该如何实现呢?一开始不知道如何下手,查了一些资料,也走了很多弯路,主要是查到代码以后不知道写在哪里..导致弄了一天也没有做出来,后来换了一个思路,终于完成了. 首先建一个DataGrid的表格,我是在EasyUI官网上的Demo里面找的行编辑的代码来用,效果如下,单击可以进行行编辑,不过这不是咱们需要的主要功能,咱们需要的知

[xPlugins] jQuery Contextmenu右键菜单

[2012-04-12] Contextmenu 右键菜单 v0.1 版本发布 [功能] 在特定区域弹出右键菜单 [功能] 可以在弹出右键菜单区域内,再屏蔽某个小区域. [功能] 有两种方式添加右键菜单项,参数配置添加和指定ID项. [功能] 支持事件回调,有两种,一种以参数配置方式对应回调,指定ID项统一回调,可根据设置链接标签区别. [2012-04-29]Contextmenu 右键菜单 v0.2版本更新 [修正] 修正了指定ID添加内容在不存在时的bug. [新增] 新增了菜单失效后变成

QTableWidget具体解释(样式、右键菜单、表头塌陷、多选等)

在Qt的开发过程中,时常会用到表单(QTableWidget)这个控件.网上的资料不少.可是都是最主要的.有一些比較常常遇到的问题也说得不太清楚.所以,今天就在这里总结一下. 下面为个人模拟Windows资源管理器的一个表单 一.设置表单样式 table_widget->setColumnCount(4);//设置列数 table_widget->horizontalHeader()->setDefaultSectionSize(150); table_widget->horizo

禁用网页右键菜单和鼠标拖动选择

一.禁止鼠标右键菜单: 有如下两种方法来禁止鼠标右键 1.在HTML元素的Body标签中加入Javascript事件句柄,代码如下: <body onContextMenu="return false"> 说明:您也可以在网页指定的位置禁止右键,比如您只想在网页中的某个图片上禁右键防下载,或您只想在网页中的一段文字或表格上禁右键,您也只需将如上红色代码加入到相应的HTML标签元素中,例: <img src="logo.gif" width=88 h