easyUI menu动态添加

HTML代码:

<!-- 菜单 -->
	      <div id="mm" class="easyui-menu" style="width:140px;">  
      
            </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
                   		
                		
                 }