EXTjs鼠标右键单击事件，及 location.href=encodeURI（）请求操作

最新推荐文章于 2019-07-08 17:15:54 发布

原创最新推荐文章于 2019-07-08 17:15:54 发布 · 置顶 · 748 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#extjs

extjs 专栏收录该内容

3 篇文章

订阅专栏

本文介绍了如何在EXTjs中实现右键菜单功能，并利用location.href=encodeURI方法进行请求操作。通过showAt方法设置显示位置，getXY方法获取事件坐标，实现精准交互。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

 //表格右键菜单
            var contextmenu = new Ext.menu.Menu({
                id:'theContextMenu',
                items:[
                  {
                      text:'导出当前页数据',
                      handler:function(){
                          var headers ="";
                          for (var int_i = 0; int_i < rptOmsSubOrder_columns.length; int_i++) {
                              if(headers==""){
                                  headers += rptOmsSubOrder_columns[int_i].text;
                              }else{
                                  headers += "__"+rptOmsSubOrder_columns[int_i].text;
                              }
                          }
                          location.href=encodeURI(ctx+ 'service/export_Muilt_excel?title=应付成本明细&rKey=RptOmsSubOrder&headers='+headers);
                      }
                  },
                  {
                    text:'导出所有数据',
                    handler:function(){
                        var headers ="";
                        for (var int_i = 0; int_i < rptOmsSubOrder_columns.length; int_i++) {
                            if(headers==""){
                                headers += rptOmsSubOrder_columns[int_i].text;
                            }else{
                                headers += "__"+rptOmsSubOrder_columns[int_i].text;
                            }
                        }

                        var queryFields = getQuery_fields('searchForm');
                        var params = {
                            "pagingInfo" : {
                                "pageSize" : 1,
                                "currentPage" : 1
                            },
                            "orderBy" : sort_str,
                            "queryFields" : queryFields,
                            "fieldCodeTypes" : {}
                        };
                        console.log(params);
                        location.href=encodeURI(ctx+ 'service/export_Muilt_All_excel?title=应付成本明细&serviceName=RptOmsSubOrderAll_Query&headers='+headers+'&queryInfo='+JSON.stringify(params));
                    }
                  }
                ]
            });

            //右键菜单显示位置
            grid.on("itemcontextmenu",function(view,record,item,index,e){
                e.preventDefault();//阻止浏览器默认行为处理事件。
                contextmenu.showAt(e.getXY());//showAt:显示组件在特定XY位置。getXY:获取事件的页面坐标。
            });