找回密码
 立即注册

QQ登录

只需一步,快速开始

断天涯大虾
社区贡献组   /  发表于:2016-10-20 17:52  /   查看:3774  /  回复:0
本帖最后由 断天涯大虾 于 2016-10-20 17:56 编辑

本文介绍如何给Wijmo5 flexgrid添加右键菜单,代码使用纯JavaScript代码实现。

首先添加flexgrid
添加的方法可以参考产品博客:(一)数据绑定

然后添加menu的相关文件(js和css文件)
添加代码如下:
  1. <!--Wijmo Widgets CSS-->
  2.     <link href="script/jquery.wijmo-pro.all.3.20153.83.min.css" rel="stylesheet" type="text/css" />

  3.     <!--Wijmo Widgets JavaScript-->
  4.     <script src="script/jquery.wijmo-open.all.3.20153.83.min.js" type="text/javascript"></script>
  5.     <script src="script/jquery.wijmo-pro.all.3.20153.83.min.js" type="text/javascript"></script>
复制代码
通过DOM元素添加Menu
代码参考:
  1. <ul id="wijmenu">
  2.     <li><a href="#">Breaking News</a></li>
  3.     <li><a href="#">Entertainment</a></li>
  4.     <li><a href="#">Finance</a></li>
  5.     <li><a href="#">Food & Cooking</a></li>
  6.     <li><a href="#">Lifestyle</a>
  7. <ul>
  8.     <li><a href="#">submenu</a></li>
  9.             </ul>
  10.     </li>
  11.     <li><a href="#">News</a></li>
  12.     <li><a href="#">Politics</a></li>
  13.     <li><a href="#">Sports</a></li>
  14.     </ul>
复制代码

初始化Menu
初始化Wijmo menu,并且添加给flexgrid做右键菜单,代码参考:
  1. $("#wijmenu").wijmenu({
  2.       orientation: 'vertical',
  3.       trigger: "#theGrid",
  4.       triggerEvent: "rtclick"
  5.             });
复制代码

添加的右键菜单效果如图所示:
免费试用
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与数百位开发精英即时交流,还可参加每周的视频公开课,快速上手。
   
关于葡萄城:全球最大的控件提供商,世界领先的企业应用定制工具、企业报表和商业智能解决方案提供商,为超过75%的全球财富500强企业提供服务。

0 个回复

您需要登录后才可以回帖 登录 | 立即注册
返回顶部