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 }