本帖最后由 断天涯大虾 于 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"
- });
复制代码
添加的右键菜单效果如图所示: |