SpreadJS表格开发控件自定义右键菜单.pdfVIP

SpreadJS 表格开发控件自定义右键菜单 在使用 SpreadJS Canvas 绘制表格时 ，默认情况下没有右键菜单，本文主要介 绍如何使用 JavaScript 创建一个右键菜单。 1.添加一个 spreadContextMenu 菜单 body div id=ss style=width: 500px; height: 300px; border: 1p x solid gray /div ul id=spreadContextMenu class=dropdown-menu role=menu style=display: none lia class=localize data-action=cut剪切/a/li lia class=localize data-action=copy复制/a/li lia class=localize data-action=paste粘贴/a/l i li class=context-header divider/li li class=context-headera class=localize data-act ion=insert插入/a/li li class=context-headera class=localize data-act ion=delete删除/a/li li class=context-cell divider/li li class=context-cell context-mergea class=locali ze data-action=merge合并/a/li li class=context-cell context-unmergea class=loca lize data-action=unmerge取消合并/a/li /ul /body 2.右键单击的事件 //右键点击触发 function processSpreadContextMenu(e) { // move the context menu to the position of the mous e point var sheet = spread.getActiveSheet(), target = getHitTest(e.pageX, e.pageY, sheet), hitTestType = target.hitTestType, row = target.row, col = target.col, selections = sheet.getSelections(); var isHideContextMenu = false; if (hitTestType === GcSpread.Sheets.SheetArea.colHea der) { if (getCellInSelections(selections, row, col) == = null) { sheet.setSelection(-1, col, sheet.getRowCoun t(), 1); } if (row !== undefined col !== undefined) { $(.context-header).show(); $(.context-cell).hide(); } } else if (hitTestType === GcSpread.Sheets.SheetAre a.rowHeader)