<Wijmo Enterprise下載>

本文介紹如何給Wijmo5 flexgrid添加右鍵菜單，代碼使用純JavaScript代碼實現。

首先添加flexgrid

添加的方法可以參考前面的教程：數據綁定。

然后添加menu的相關文件(js和css文件）

添加代碼如下：

<!--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>

通過DOM元素添加Menu

代碼參考：

<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>

初始化Menu

初始化Wijmo menu，并且添加給flexgrid做右鍵菜單，代碼參考：

$("#wijmenu").wijmenu({
orientation: 'vertical',
trigger: "#theGrid",
triggerEvent: "rtclick"
});

添加的右鍵菜單效果如圖所示：

本文所用到的引用文件以及源代碼請參考：

PS: 關于ComponentOne，這些產品你可以關注>>

本文轉載自

葡萄城經典UI產品新年大促，驚喜折扣禮品送不停！優惠詳情點擊查看>>

新年新禧新氣象，送禮送福送優惠！優惠詳情點擊查看>>