easyUI綁定右鍵菜單在數據行上顯示

 easyUI的顯示數據的p都有一個樣式,如下圖

所有的表格都有一個datagrid-cell的樣式那麼這個時候我們就可以利用jquery來做時間的綁定瞭
下面是主要的js代碼:

[javascript] /*綁定右鍵*/ 
               $(".datagrid-cell").live('contextmenu',function(e){ 
                   //顯示快捷菜單  
                   $('#mm').menu('show', { 
                       left: e.pageX, 
                       top: e.pageY 
                   }); 
                    
                   return false; 
               }); 
  /*綁定右鍵*/
                 $(".datagrid-cell").live('contextmenu',function(e){
                     //顯示快捷菜單
                     $('#mm').menu('show', {
                         left: e.pageX,
                         top: e.pageY
                     });
                    
                     return false;
                 });下面是菜單的HTML代碼:

[html] <!– 菜單 –>   
<p id="mm" class="easyui-menu" style="width:120px;">   
  <p>New</p>   
  <p>   
      <span>Open</span>   
      <p style="width:150px;">   
          <p><b>Word</b></p>   
          <p>Excel</p>   
          <p>PowerPoint</p>   
      </p>   
  </p>   
  <p iconCls="icon-save">Save</p>   
  <p class="menu-sep"></p>   
  <p>Exit</p>   
</p>  

  這樣設置便會在表格上顯示:

看看非表格的地方:

 
 

摘自 yhc13429826359的專欄

 

發佈留言