表格控件 Spread for ASP.NET 7 新特性-上下文菜单

上下文菜单功能,即为你可以通过右键点击 Spread 表格控件时显示上下文菜单。Spread 表格控件行头、列头和普通单元格都支持上下文菜单。你可以任意定制上下文菜单的选项,设置高度和其他属性。可以通过 ContextMenuType 枚举设置菜单类型。你可以通过前台属性设置或后天代码来创建上下文菜单。

发布于 2013/05/04 00:00

SpreadJS

 

上下文菜单功能,即为你可以通过右键点击 Spread 表格控件时显示上下文菜单。Spread 表格控件行头、列头和普通单元格都支持上下文菜单。

你可以任意定制上下文菜单的选项,设置高度和其他属性。可以通过 ContextMenuType 枚举设置菜单类型。你可以通过前台属性设置或后天代码来创建上下文菜单。

CommandArgument 属性和 CommandCode 属性用于设置点击菜单属性。同时,也可以在 MenuItemClicked 事件中。

使用属性窗体创建:

  • 在属性窗体中选择 Spread
  • 选择 ContextMenus 属性
  • 在弹出对话框中编辑菜单项即可。
  • 编辑完成后点击“确定”按钮退出。

 

Demo3

 

使用代码创建:

HTML 标记:

 1: <ContextMenus>
 2:     <FarPoint:ContextMenu Type="Viewport">
 3:         <Items>
 4:             <FarPoint:MenuItem Text="菜单一">
 5:             </FarPoint:MenuItem>
 6:             <FarPoint:MenuItem Text="菜单二">
 7:             </FarPoint:MenuItem>
 8:             <FarPoint:MenuItem Text="菜单三">
 9:             </FarPoint:MenuItem>
 10:         </Items>
 11:     </FarPoint:ContextMenu>
 12: </ContextMenus>

C#代码:

 1: if (this.IsPostBack) return;
 2:  
 3: FpSpread1.EnableContextMenu = true;
 4: //创建普通单元格菜单
 5: FarPoint.Web.Spread.ContextMenu viewportMenu = FpSpread1.ContextMenus[FarPoint.Web.Spread.ContextMenuType.Viewport];
 6: FarPoint.Web.Spread.MenuItem customViewportItem = new FarPoint.Web.Spread.MenuItem("二级菜单");
 7: customViewportItem.ChildItems.Add(new FarPoint.Web.Spread.MenuItem("二级菜单项一"));
 8: customViewportItem.ChildItems.Add(new FarPoint.Web.Spread.MenuItem("二级菜单项二"));
 9: viewportMenu.Items.Add(customViewportItem);
 10:  
 11: //创建行头单元格菜单
 12: FarPoint.Web.Spread.ContextMenu rowHeaderContextMenu = new FarPoint.Web.Spread.ContextMenu();
 13: rowHeaderContextMenu.Type = FarPoint.Web.Spread.ContextMenuType.RowHeader;
 14: FarPoint.Web.Spread.MenuItem rowHeaderItem = new FarPoint.Web.Spread.MenuItem("行头菜单");
 15: rowHeaderItem.ChildItems.Add(new FarPoint.Web.Spread.MenuItem("菜单一"));
 16: rowHeaderItem.ChildItems.Add(new FarPoint.Web.Spread.MenuItem("菜单二"));
 17: rowHeaderContextMenu.Items.Add(rowHeaderItem);
 18: FpSpread1.ContextMenus.Add(rowHeaderContextMenu);

效果如下:

Demo4

同时,我们还可以定制菜单项点击事件,更多新特性请参考在线演示实例,内有源代码:http://www.grapecity.com.cn/LiveSamples/Spread/ASPNET/sampleexplorer/samples/ContextMenu/Overview.aspx

Demo1

SpreadJS | 下载试用

纯前端表格控件SpreadJS,兼容 450 种以上的 Excel 公式,具备“高性能、跨平台、与 Excel 高度兼容”的产品特性,备受华为、苏宁易购、天弘基金等行业龙头企业的青睐,并被中国软件行业协会认定为“中国优秀软件产品”。SpreadJS 可为用户提供类 Excel 的功能,满足表格文档协同编辑、 数据填报、 类 Excel 报表设计等业务场景需求,极大的降低企业研发成本和项目交付风险。

如下资源列表,可以为您评估产品提供帮助:

相关产品
推荐相关案例
推荐相关资源
关注微信
葡萄城社区二维码

关注“葡萄城社区”

活字格低代码二维码

关注“活字格低代码”

想了解更多信息,请联系我们, 随时掌握技术资源和产品动态