轉帖|使用教程|編輯:吳園園|2020-06-17 10:09:39.953|閱讀 1499 次
概述:SpreadJS 在V11 之后增加了右鍵菜單的功能,在工作簿的不同區域右鍵點擊,可以呼出不同的右鍵菜單。
# 界面/圖表報表/文檔/IDE等千款熱門軟控件火熱銷售中 >>
相關鏈接:
SpreadJS 是一款基于 HTML5 的純前端電子表格控件,兼容 450 種以上的 Excel 公式,憑借其 “高性能、跨平臺、與 Excel 高度兼容”的產品特性,備受以華為、招商銀行、蘇寧易購、天弘基金等為代表的企業用戶青睞。在帶來親切的 Excel 使用體驗的同時,滿足 Web Excel 組件開發、表格文檔協同編輯、數據填報、Excel 類報表設計等業務場景,極大降低了企業研發成本和項目交付風險。
背景: SpreadJS 在V11 之后增加了右鍵菜單的功能,在工作簿的不同區域右鍵點擊,可以呼出不同的右鍵菜單,實際的項目中有小伙伴有這樣的需求:想要在右擊某些單元格或者其他區域時,刪除、禁用或者添加一些右鍵菜單。示例實現:
1、禁用B2單元格中的清除功能(清除功能顯示為灰色)
2、刪除了表單名稱右鍵菜單的插入選項
3、自定義右鍵圖片的菜單
主要代碼:
ContextMenu.prototype.onOpenMenu = function (menuData, itemsDataForShown, hitInfo, spread) {
// 如果點擊在tabStrip 表單名稱區域 不顯示插入選項 if(hitInfo.tabStripHitInfo){ for(let i=0; i<itemsDataForShown.length; i++){ var item = itemsDataForShown[i]; if(item.name === "gc.spread.insertSheet"){ itemsDataForShown.splice(i,1) ; } } }
// 點擊在浮動對象區域 if(hitInfo.worksheetHitInfo&&hitInfo.worksheetHitInfo.floatingObjectHitInfo &&hitInfo.worksheetHitInfo.floatingObjectHitInfo.floatingObject){ // 自定義一個右鍵菜單 command命令需要根據需求再自定義 itemsDataForShown.push( {text: "自定義一個菜單", name: "designer.formatChart", iconClass: "gc-spread-formatChart", command: "designer.formatChart", workArea: "chart"}) }
本站文章除注明轉載外,均為本站原創或翻譯。歡迎任何形式的轉載,但請務必注明出處、不得修改原文相關鏈接,如果存在內容上的異議請郵件反饋至chenjj@fc6vip.cn
文章轉載自: