jQuery右鍵選單contextMenu使用例項

2022-02-14 21:04:25 字數 1209 閱讀 9052

在最近專案中需要頻繁的右鍵選單操作。我採用了contextmenu這款jquery外掛程式。

參考**:

官網demo 

文章使用相關js檔案 

在下面我們將設計乙個場景,**grid需要在每行實現滑鼠右鍵,增加,刪除,儲存操作。grid我就用gridview了,隨便用微軟提供的樣式,測試用例不用搞的多好看嘛,我也不是做美工了,哈哈,偷偷懶。 

先上效果圖,是有些同志說的有圖才有真相嘛:

ui**

c#" autoeventwireup="

true

" codefile="

default2.aspx.cs

" inherits="

default2

" %>

"-//w3c//dtd xhtml 1.0 transitional//en""

">

"">

注: 1:contextmenu我們互根據資料記錄隱藏一些選單項,這個可以在onshowmenu事件中,根據 

e.currenttarget觸發源獲取資料,在根據remove選單項。比如測試用例中的:如果id>10則不允許儲存 

if (parseint($("td:eq(0)", e.currenttarget).text()) > 10)  

2:事件註冊:根據第二個引數target獲取資料,第乙個引數t獲取選單項。比如: 

'add': function

(t, target) ,

if (!!cur.onshowmenu) menu =cur.onshowmenu(e, menu); 

$.each(cur.bindings,

function

(id, func) );

});

我修改後:

if (!!cur.onshowmenu) menu =cur.onshowmenu(e, menu); 

$.each(cur.bindings,

function

(id, func) );

});

這樣就一切正常了。 

內容很少,一切就在此打斷,結束 ,over! 

jquery右鍵選單2

jquery very context menu plugin requires jquery v1.3 or 1.4 version 1.1 dated 28 jan 2010 version 1.1 2 feb 2010 some code improvment function var opt...

jquery 11 如何製作滑鼠右鍵選單

contextmenu 40 document contextmenu function event 48 return false 49 50 事件發生會產生乙個event物件,將它作為引數傳遞給匿名函式,即可在匿名函式中操作它 雲知夢 a li 33 li 第一選單 li 34 li 第一選單 ...

C dataGridView右鍵選單

private void datagridview1 cellmousedown object sender,datagridviewcellmouseeventargs e 在datagridview中的currentrow屬性為唯讀,且其index也不能動態設定,故只能在datagridview...