Wijmo5 FlexGrid教程（11）- 实现右键菜单功能
本帖最后由 断天涯大虾 于 2016-10-20 17:56 编辑本文介绍如何给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"
});
添加的右键菜单效果如图所示： http://blog.gcpowertools.com.cn/image.axd?picture=2016%2f2%2fflexgridContextMenu.png免费试用
FlexGrid 包含在全能控件套包 ComponentOne Studio Enterprise 中。下载试用，请点击：
http://www.gcpowertools.com.cn/products/download.aspx?pid=2
了解更多详情，请访问官网：
http://www.gcpowertools.com.cn/products/componentone_studio_winform_flexgrid.htm
欢迎加入ComponentOne 官方QQ交流群：415971774，与数百位开发精英即时交流，还可参加每周的视频公开课，快速上手。
页:
[1]