原創(chuàng)|使用教程|編輯:龔雪|2016-02-15 09:14:50.000|閱讀 325 次
概述:本文介紹如何給Wijmo5 flexgrid添加右鍵菜單,代碼使用純JavaScript代碼實(shí)現(xiàn)。
# 界面/圖表報(bào)表/文檔/IDE等千款熱門軟控件火熱銷售中 >>
相關(guān)鏈接:
本文介紹如何給Wijmo5 flexgrid添加右鍵菜單,代碼使用純JavaScript代碼實(shí)現(xiàn)。
添加的方法可以參考前面的教程:數(shù)據(jù)綁定。
添加代碼如下:
<!--Wijmo Widgets CSS--> <link href="script/jquery.wijmo-pro.all.3.20153.83.min.css" rel="stylesheet" type="text/css" /> <!--Wijmo Widgets JavaScript--> <script src="script/jquery.wijmo-open.all.3.20153.83.min.js" type="text/javascript"></script> <script src="script/jquery.wijmo-pro.all.3.20153.83.min.js" type="text/javascript"></script>
代碼參考:
<ul id="wijmenu"> <li><a href="#">Breaking News</a></li> <li><a href="#">Entertainment</a></li> <li><a href="#">Finance</a></li> <li><a href="#">Food & Cooking</a></li> <li><a href="#">Lifestyle</a> <ul> <li><a href="#">submenu</a></li> </ul> </li> <li><a href="#">News</a></li> <li><a href="#">Politics</a></li> <li><a href="#">Sports</a></li> </ul>
初始化Wijmo menu,并且添加給flexgrid做右鍵菜單,代碼參考:
$("#wijmenu").wijmenu({ orientation: 'vertical', trigger: "#theGrid", triggerEvent: "rtclick" });
添加的右鍵菜單效果如圖所示:
本文所用到的引用文件以及源代碼請(qǐng)參考:
本站文章除注明轉(zhuǎn)載外,均為本站原創(chuàng)或翻譯。歡迎任何形式的轉(zhuǎn)載,但請(qǐng)務(wù)必注明出處、不得修改原文相關(guān)鏈接,如果存在內(nèi)容上的異議請(qǐng)郵件反饋至chenjj@fc6vip.cn
文章轉(zhuǎn)載自:慧都控件網(wǎng)