easyUI menu动态添加

HTML代码:

<div > </div>

Javascript代码:

/*绑定右键*/
                 $(".datagrid-cell").live('contextmenu',function(e){//.datagrid-cell 是easyUI表格样式,这样设置的原因是,让菜单在表格上点击右键才显示
                  var selectRow=$('#grid').datagrid('getSelected');//获得选中行数据
                     //显示快捷菜单
                     if(selectRow==null){
                      Ext.Msg.alert('提示', '请在表格上单击左键选择一行数据.');
                      return false;
                     }
                     //第一步将集合清空
                     $('#mm').empty();
                     //创建菜单
                     createMenu(selectRow);
                    // alert($('#mm').children().size());
                     //没有子菜单,那么不显示
                     if($('#mm').children().size()==0){
                    	 return false;
                     }
                   //菜单添加完毕显示菜单
                     $('#mm').menu('show', {
                         left: e.pageX,
                         top: e.pageY
                     });
                     return false;
                 });

创建菜单方法:

//创建菜单 function createMenu(row){ var tjlx = document.getElementById("tjlx").value; // 统计类型年1 季度2 月3 日4 var collectType=document.getElementById("collectType").value;//统计方式 unit：按单位 Sections 按科室 var orgcode=row.orgcode; var showtime=row.showtime; var collectType=document.getElementById("collectType").value;//unit,按单位;Sections,按科室 var officecode=""; if(collectType=='Sections'){ var officecode=row.officecode; } //if 01 if(collectType=="unit"){ var dbyear=showtime.substring(0,4);//年度 var exaTimeType="0"; if(tjlx=="2"){ var exaTimeType=showtime.substring(showtime.indexOf("年")+1,showtime.indexOf("季"));//季度 } if(tjlx=="3"){ var exaTimeType=showtime.substring(showtime.indexOf("年")+1,showtime.indexOf("月"));//月份 } //绑定点击事件 $('#mm').menu('appendItem',{id:"m_001",text:"按日期各科室分解"}); $("#m_001").click(function(){ openWin(orgcode,dbyear,tjlx,exaTimeType,officecode,"Sections"); }); } //if 01 //if 02 if(tjlx=="1"){ var dbyear=showtime.substring(0,4);//年度 //添加点击事件,onclick: $('#mm').menu('appendItem',{id:"m_002",text:"按日期各季度分解"}); $("#m_002").click(function(){ openWin(orgcode,dbyear,"2","0",officecode,collectType); }); } //if 02 //if 03 //年按照月度查询 if(tjlx=="1") { var dbyear=showtime.substring(0,4);//年度 //添加点击事件,onclick: $('#mm').menu('appendItem',{id:"m_003",text:"按日期各月份分解"}); $("#m_003").click(function(){ openWin(orgcode,dbyear,"3","0",officecode,collectType); }); } //if 03 //if 04 //季度按照月查询 if(tjlx=="2"){ var dbyear=showtime.substring(0,4);//年度 var exaTimeType=showtime.substring(showtime.indexOf("年")+1,showtime.indexOf("季"));//季度 var tempExaTimeType=""; if(exaTimeType=="1") { tempExaTimeType="1,2,3"; } if(exaTimeType=="2") { tempExaTimeType="4,5,6"; } if(exaTimeType=="3") { tempExaTimeType="7,8,9"; } if(exaTimeType=="4") { tempExaTimeType="10,11,12"; } //添加点击事件,onclick: $('#mm').menu('appendItem',{id:"m_004",text:"按日期各月份分解"}); $("#m_004").click(function(){ openWin(orgcode,dbyear,"3",tempExaTimeType,officecode,collectType); }); } //if 04 }