Dear Stworthy,
Frankly, my menu was taken from the link of yours....I only change the variable name....
Just forget to tell you.. that i create the menu in the center of Easyui-Layout ....
This easyui-layout located inside easyui-tab...
This situation maybe a bit different with normal situation...
Below is my code:
<div id="mm" class="easyui-menu" style="width:200px;">
<div data-options="iconCls:'icon-add'" onclick="newdata()">Input data (New)</div>
<div data-options="iconCls:'icon-save'" onclick="editdata()">Ralat Data </div>
<div data-options="iconCls:'icon-cancel'" onclick="deletedata()">Hapus Data </div>
<div class="menu-sep"></div>
<div data-options="iconCls:'icon-search'" onclick="hisbeli()" >History Beli</div>
<div data-options="iconCls:'icon-search'" onclick="hisretur()">History Retur Beli</div>
<div data-options="iconCls:'icon-search'" onclick="hisbayar()">History Bayar</div>
<div data-options="iconCls:'icon-search'" onclick="histunggak()">Faktur Belum Lunas</div>
</div>
<script>
$('#center').bind('contextmenu',function(e){
e.preventDefault();
$('#mm').menu('show', {
left: e.pageX,
top: e.pageY
});
});
</script>
So, Totally there are 3 layers which are put below the menu:
1. easyui-datagrid
2. easyui-layout --> center
3. easyui-tab
May be I am just the ignorance..If need any extra setting...
Please guide me....
Regards,
Jonny
