码迷,mamicode.com
首页 > 其他好文 > 详细

表格右键菜单

时间:2017-04-20 19:24:18      阅读:204      评论:0      收藏:0      [点我收藏+]

标签:表数据   class   ati   ext   row   load   表格   cte   color   

 

 

 //窗体加载事件
                $(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>

 

表格右键菜单

标签:表数据   class   ati   ext   row   load   表格   cte   color   

原文地址:http://www.cnblogs.com/spring_wang/p/6740338.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!