sheet_common.js 20 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443
  1. /**
  2. * Created by Tony on 2017/4/28.
  3. */
  4. var sheetCommonObj = {
  5. // createSpread、initSheet 在一个Spread多个Sheet分别调用时的情况下使用。
  6. // buildSheet 在一个Spread、一个Sheet的情况下使用。
  7. createSpread: function(container, SheetCount){
  8. var me = this;
  9. var spreadBook = new GC.Spread.Sheets.Workbook(container, { sheetCount: SheetCount });
  10. spreadBook.options.allowCopyPasteExcelStyle = false;
  11. spreadBook.options.allowExtendPasteRange = true;
  12. spreadBook.options.tabStripVisible = false;
  13. //spreadBook.options.showHorizontalScrollbar = false;
  14. spreadBook.options.allowUserDragDrop = false;
  15. spreadBook.options.scrollbarMaxAlign = true;
  16. spreadBook.options.allowContextMenu = false;
  17. spreadBook.options.allowUndo = false;
  18. spreadBook.options.cutCopyIndicatorVisible = false;
  19. return spreadBook;
  20. },
  21. initSheet: function(sheet, setting, rowCount) {
  22. var me = this;
  23. var spreadNS = GC.Spread.Sheets;
  24. sheet.suspendPaint();
  25. sheet.suspendEvent();
  26. sheet.setRowCount(1, spreadNS.SheetArea.colHeader);
  27. sheet.setColumnCount(setting.header.length, spreadNS.SheetArea.viewport);
  28. sheet.options.colHeaderAutoTextIndex = 1;
  29. sheet.options.colHeaderAutoText = spreadNS.HeaderAutoText.numbers;
  30. sheet.options.protectionOptions = {
  31. allowResizeRows: true,
  32. allowResizeColumns: true
  33. };
  34. sheet.showRowOutline(false);
  35. me.buildHeader(sheet, setting);
  36. if (rowCount > 0) sheet.setRowCount(rowCount);
  37. sheet.resumeEvent();
  38. sheet.resumePaint();
  39. },
  40. buildSheet: function(container, setting, rowCount) {
  41. var me = this;
  42. var spreadBook = new GC.Spread.Sheets.Workbook(container, { sheetCount: 1 });
  43. spreadBook.options.tabStripVisible = false;
  44. //spreadBook.options.showHorizontalScrollbar = false;
  45. spreadBook.options.scrollbarMaxAlign = true;
  46. spreadBook.options.allowCopyPasteExcelStyle = false;
  47. spreadBook.options.cutCopyIndicatorVisible = false;
  48. spreadBook.options.allowExtendPasteRange = true;
  49. spreadBook.options.allowUserDragDrop = false;
  50. spreadBook.options.allowUndo = false;
  51. spreadBook.options.allowContextMenu = false;
  52. var spreadNS = GC.Spread.Sheets;
  53. var sheet = spreadBook.getSheet(0);
  54. sheet.suspendPaint();
  55. sheet.suspendEvent();
  56. //Set rowHeader count and columnHeader count.
  57. sheet.setRowCount(1, spreadNS.SheetArea.colHeader);
  58. sheet.setColumnCount(setting.header.length, spreadNS.SheetArea.viewport);
  59. sheet.options.colHeaderAutoTextIndex = 1;
  60. sheet.options.colHeaderAutoText = spreadNS.HeaderAutoText.numbers;
  61. sheet.options.clipBoardOptions = GC.Spread.Sheets.ClipboardPasteOptions.values;
  62. sheet.options.protectionOptions = {
  63. allowResizeRows: true,
  64. allowResizeColumns: true
  65. };
  66. sheet.showRowOutline(false);
  67. //setup column header
  68. me.buildHeader(sheet, setting);
  69. //setup cells
  70. if (rowCount > 0) sheet.setRowCount(rowCount);
  71. sheet.resumeEvent();
  72. sheet.resumePaint();
  73. return spreadBook;
  74. },
  75. buildHeader: function(sheet, setting){
  76. var me = this, ch = GC.Spread.Sheets.SheetArea.colHeader;
  77. for (var i = 0; i < setting.header.length; i++) {
  78. sheet.setValue(0, i, setting.header[i].headerName, ch);
  79. sheet.setColumnWidth(i, setting.header[i].headerWidth ? setting.header[i].headerWidth : 100);
  80. }
  81. if(setting.headerHeight) sheet.setRowHeight(0, setting.headerHeight, GC.Spread.Sheets.SheetArea.colHeader);
  82. },
  83. cleanData: function (sheet, setting, rowCount) {
  84. sheet.suspendPaint();
  85. sheet.suspendEvent();
  86. sheet.clear(-1, 0, -1, setting.header.length, GC.Spread.Sheets.SheetArea.viewport, GC.Spread.Sheets.StorageType.data);
  87. if (rowCount > 0) sheet.setRowCount(rowCount);
  88. sheet.resumeEvent();
  89. sheet.resumePaint();
  90. },
  91. cleanSheet: function(sheet, setting, rowCount) {
  92. sheet.suspendPaint();
  93. sheet.suspendEvent();
  94. sheet.clear(-1, 0, -1, setting.header.length, GC.Spread.Sheets.SheetArea.viewport, GC.Spread.Sheets.StorageType.data);
  95. if (rowCount > 0) sheet.setRowCount(rowCount);
  96. sheet.clearSelection();
  97. sheet.resumeEvent();
  98. sheet.resumePaint();
  99. },
  100. setAreaAlign: function(area, hAlign, vAlign){
  101. if (!(hAlign) || hAlign === "left") {
  102. area.hAlign(GC.Spread.Sheets.HorizontalAlign.left);
  103. } else if (hAlign === "right") {
  104. area.hAlign(GC.Spread.Sheets.HorizontalAlign.right);
  105. } else if (hAlign === "center") {
  106. area.hAlign(GC.Spread.Sheets.HorizontalAlign.center);
  107. } else {
  108. area.hAlign(GC.Spread.Sheets.HorizontalAlign.left);
  109. }
  110. if (!(vAlign) || vAlign === "center") {
  111. area.vAlign(GC.Spread.Sheets.VerticalAlign.center);
  112. } else if (vAlign === "top") {
  113. area.vAlign(GC.Spread.Sheets.VerticalAlign.top);
  114. } else if (vAlign === "bottom") {
  115. area.vAlign(GC.Spread.Sheets.VerticalAlign.bottom);
  116. } else {
  117. area.vAlign(GC.Spread.Sheets.VerticalAlign.center);
  118. }
  119. },
  120. showData: function(sheet, setting, data,distTypeTree) {
  121. var me = this, ch = GC.Spread.Sheets.SheetArea.viewport;
  122. sheet.suspendPaint();
  123. sheet.suspendEvent();
  124. //sheet.addRows(row, 1);
  125. sheet.clear(0, 0, sheet.getRowCount(), sheet.getColumnCount(), GC.Spread.Sheets.SheetArea.viewport, GC.Spread.Sheets.StorageType.data);
  126. if(sheet.getRowCount()<data.length){
  127. data.length<30? sheet.setRowCount(30):sheet.setRowCount(data.length);
  128. }else if(sheet.getRowCount()==0){
  129. sheet.setRowCount(30);
  130. }
  131. for (var col = 0; col < setting.header.length; col++) {
  132. var hAlign = "left", vAlign = "center";
  133. if (setting.header[col].hAlign) {
  134. hAlign = setting.header[col].hAlign;
  135. } else if (setting.header[col].dataType !== "String"){
  136. hAlign = "right";
  137. }
  138. vAlign = setting.header[col].vAlign?setting.header[col].vAlign:vAlign;
  139. me.setAreaAlign(sheet.getRange(-1, col, -1, 1), hAlign, vAlign);
  140. if (setting.header[col].formatter) {
  141. sheet.setFormatter(-1, col, setting.header[col].formatter, GC.Spread.Sheets.SheetArea.viewport);
  142. }
  143. if(setting.header[col].cellType === "checkBox"||setting.header[col].cellType === "button"){//clear and reset
  144. var me = this, header = GC.Spread.Sheets.SheetArea.colHeader;
  145. sheet.deleteColumns(col,1);
  146. sheet.addColumns(col, 1);
  147. sheet.setValue(0, col, setting.header[col].headerName, header);
  148. sheet.setColumnWidth(col, setting.header[col].headerWidth?setting.header[col].headerWidth:100);
  149. }
  150. if(setting.header[col].visible === false){
  151. sheet.setColumnVisible(col,false);
  152. }
  153. sheet.getCell(0, col, GC.Spread.Sheets.SheetArea.colHeader).wordWrap(true);
  154. }
  155. for (var row = 0; row < data.length; row++) {
  156. //var cell = sheet.getCell(row, col, GC.Spread.Sheets.SheetArea.viewport);
  157. this.showRowData(sheet,setting,row,data,distTypeTree);
  158. if(setting.getStyle && setting.getStyle(data[row])){
  159. sheet.setStyle(row, -1, setting.getStyle(data[row]));
  160. }
  161. }
  162. this.lockCells(sheet,setting);
  163. sheet.resumeEvent();
  164. sheet.resumePaint();
  165. //me.shieldAllCells(sheet);
  166. },
  167. showRowData:function (sheet,setting,row,data,distTypeTree=null) {
  168. let ch = GC.Spread.Sheets.SheetArea.viewport;
  169. for (var col = 0; col < setting.header.length; col++) {
  170. //var cell = sheet.getCell(row, col, GC.Spread.Sheets.SheetArea.viewport);
  171. var val = data[row][setting.header[col].dataCode];
  172. if(val&&setting.header[col].dataType === "Number"){
  173. if(setting.header[col].hasOwnProperty('tofix')){
  174. val =scMathUtil.roundToString(val,setting.header[col].tofix);
  175. } else {
  176. val =val+'';
  177. }
  178. }
  179. if(val!=null&&setting.header[col].cellType === "checkBox"){
  180. this.setCheckBoxCell(row,col,sheet,val)
  181. }
  182. if(setting.header[col].cellType === "comboBox"){
  183. this.setComboBox(row,col,sheet,setting.header[col].options,setting.header[col].editorValueType);
  184. }
  185. if(setting.header[col].getText){
  186. val = setting.getText[setting.header[col].getText](data[row],val)
  187. }
  188. sheet.setValue(row, col, val, ch);
  189. }
  190. this.setRowStyle(row,sheet,data[row].bgColour);
  191. if(setting.autoFit==true){
  192. sheet.getRange(row, -1, 1, -1, GC.Spread.Sheets.SheetArea.viewport).wordWrap(true);
  193. sheet.autoFitRow(row);
  194. }
  195. },
  196. setCheckBoxCell(row,col,sheet,val){
  197. var c = new GC.Spread.Sheets.CellTypes.CheckBox();
  198. c.isThreeState(false);
  199. sheet.setCellType(row, col,c,GC.Spread.Sheets.SheetArea.viewport);
  200. sheet.getCell(row, col).value(val);
  201. sheet.getCell(row, col).hAlign(GC.Spread.Sheets.HorizontalAlign.center);
  202. },
  203. setComboBox(row,col,sheet,options,editorValueType){
  204. //let combo = new GC.Spread.Sheets.CellTypes.ComboBox();
  205. let dynamicCombo = sheetCommonObj.getDynamicCombo(true);
  206. if(options){
  207. dynamicCombo.itemHeight(options.length).items(options);
  208. if(editorValueType==true){
  209. dynamicCombo.editorValueType(GC.Spread.Sheets.CellTypes.EditorValueType.value);
  210. }
  211. }
  212. sheet.setCellType(row, col,dynamicCombo,GC.Spread.Sheets.SheetArea.viewport);
  213. },
  214. setRowStyle(row,sheet,bgColour) {
  215. if(bgColour){
  216. let style = new GC.Spread.Sheets.Style();
  217. style.backColor = bgColour;
  218. style.borderLeft = new GC.Spread.Sheets.LineBorder("#D4D4D4", GC.Spread.Sheets.LineStyle.thin);
  219. style.borderTop = new GC.Spread.Sheets.LineBorder("#D4D4D4", GC.Spread.Sheets.LineStyle.thin);
  220. style.borderRight = new GC.Spread.Sheets.LineBorder("#D4D4D4", GC.Spread.Sheets.LineStyle.thin);
  221. style.borderBottom = new GC.Spread.Sheets.LineBorder("#D4D4D4", GC.Spread.Sheets.LineStyle.thin);
  222. sheet.setStyle(row, -1, style);
  223. }
  224. },
  225. analyzePasteData: function(setting, pastedInfo) {
  226. var rst = [], propId = pastedInfo.cellRange.col, preStrIdx = 0, itemObj = {};
  227. for (var i = 0; i < pastedInfo.pasteData.text.length; i++) {
  228. if (pastedInfo.pasteData.text[i] === "\n") {
  229. propId = pastedInfo.cellRange.col;
  230. preStrIdx = i + 1;
  231. rst.push(itemObj);
  232. if (i < pastedInfo.pasteData.text.length - 1) {
  233. itemObj = {};
  234. }
  235. } else if (pastedInfo.pasteData.text[i] === "\t" || pastedInfo.pasteData.text[i] === "\r") {
  236. itemObj[setting.header[propId].dataCode] = pastedInfo.pasteData.text.slice(preStrIdx, i);
  237. propId++;
  238. preStrIdx = i + 1;
  239. //if the last copied-cell were empty, should check whether the end of text
  240. if (i == pastedInfo.pasteData.text.length - 1) {
  241. itemObj[setting.header[propId].dataCode] = pastedInfo.pasteData.text.slice(preStrIdx);
  242. rst.push(itemObj);
  243. }
  244. } else if (i == pastedInfo.pasteData.text.length - 1) {
  245. itemObj[setting.header[propId].dataCode] = pastedInfo.pasteData.text.slice(preStrIdx);
  246. rst.push(itemObj);
  247. }
  248. }
  249. return rst;
  250. },
  251. combineRowData: function(sheet, setting, row) {
  252. var rst = {};
  253. for (var col = 0; col < setting.header.length; col++) {
  254. rst[setting.header[col].dataCode] = sheet.getValue(row, col);
  255. }
  256. return rst;
  257. },
  258. shieldAllCells: function(sheet) {
  259. sheet.options.isProtected = true;
  260. },
  261. unShieldAllCells: function(sheet) {
  262. sheet.options.isProtected = false;
  263. },
  264. unLockAllCells: function (sheet) {
  265. sheet.suspendPaint();
  266. sheet.suspendEvent();
  267. let defaultStyle = new GC.Spread.Sheets.Style();
  268. defaultStyle.locked = false;
  269. sheet.setDefaultStyle(defaultStyle, GC.Spread.Sheets.SheetArea.viewport);
  270. sheet.setStyle(-1, 0, defaultStyle);
  271. sheet.options.isProtected = false;
  272. sheet.resumePaint();
  273. sheet.resumeEvent();
  274. },
  275. lockAllCells: function (sheet) {
  276. sheet.suspendPaint();
  277. sheet.suspendEvent();
  278. let defaultStyle = new GC.Spread.Sheets.Style();
  279. defaultStyle.locked = true;
  280. sheet.setDefaultStyle(defaultStyle, GC.Spread.Sheets.SheetArea.viewport);
  281. for(let i = 0; i < sheet.getRowCount(); i++){
  282. sheet.setStyle(i, 0, defaultStyle);
  283. }
  284. sheet.options.isProtected = true;
  285. sheet.resumePaint();
  286. sheet.resumeEvent();
  287. },
  288. lockCells: function(sheet, setting){
  289. sheet.suspendPaint();
  290. sheet.suspendEvent();
  291. if (setting && setting.view.lockColumns && setting.view.lockColumns.length > 0) {
  292. sheet.options.isProtected = true;
  293. sheet.getRange(-1, 0, -1, setting.header.length, GC.Spread.Sheets.SheetArea.viewport).locked(false);
  294. for (var i = 0; i < setting.view.lockColumns.length; i++) {
  295. sheet.getRange(-1,setting.view.lockColumns[i] , -1, 1, GC.Spread.Sheets.SheetArea.viewport).locked(true);
  296. }
  297. }
  298. sheet.resumePaint();
  299. sheet.resumeEvent();
  300. },
  301. setLockCol: function (sheet, col, isLocked) {
  302. sheet.suspendPaint();
  303. sheet.suspendEvent();
  304. for(let row = 0, len = sheet.getRowCount(); row < len; row++){
  305. sheet.getCell(row, col).locked(isLocked);
  306. }
  307. sheet.resumePaint();
  308. sheet.resumeEvent();
  309. },
  310. chkIfEmpty: function(rObj, setting) {
  311. var rst = true;
  312. if (rObj) {
  313. for (var i = 0; i < setting.header.length; i++) {
  314. if (rObj[setting.header[i].dataCode]) {
  315. rst = false;
  316. break;
  317. }
  318. }
  319. }
  320. return rst;
  321. },
  322. //add by zhong 2017-10-10
  323. //动态下拉框
  324. getDynamicCombo: function () {
  325. let ComboCellForActiveCell = function () { };
  326. ComboCellForActiveCell.prototype = new GC.Spread.Sheets.CellTypes.ComboBox();
  327. ComboCellForActiveCell.prototype.paintValue = function (ctx, value, x, y, w, h, style, options) {
  328. let sheet = options.sheet;
  329. if (options.row === sheet.getActiveRowIndex() && options.col === sheet.getActiveColumnIndex()) {
  330. GC.Spread.Sheets.CellTypes.ComboBox.prototype.paintValue.apply(this, arguments);
  331. } else {
  332. GC.Spread.Sheets.CellTypes.Base.prototype.paintValue.apply(this, arguments);
  333. }
  334. };
  335. ComboCellForActiveCell.prototype.getHitInfo = function (x, y, cellStyle, cellRect, options) {
  336. let sheet = options.sheet;
  337. if (options.row === sheet.getActiveRowIndex() && options.col === sheet.getActiveColumnIndex()) {
  338. return GC.Spread.Sheets.CellTypes.ComboBox.prototype.getHitInfo.apply(this, arguments);
  339. } else {
  340. return GC.Spread.Sheets.CellTypes.Base.prototype.getHitInfo.apply(this, arguments);
  341. }
  342. };
  343. return new ComboCellForActiveCell();
  344. },
  345. setDynamicCombo: function (sheet, beginRow, col, rowCount, items, itemsHeight, itemsType) {
  346. let me = this;
  347. sheet.suspendPaint();
  348. let combo = me.getDynamicCombo();
  349. if(itemsHeight) {
  350. combo.itemHeight(itemsHeight);
  351. combo._maxDropDownItems = itemsHeight + 5;
  352. }
  353. if(itemsType === 'value') combo.items(items).editorValueType(GC.Spread.Sheets.CellTypes.EditorValueType.value);
  354. else if(itemsType === 'text') combo.items(items).editorValueType(GC.Spread.Sheets.CellTypes.EditorValueType.text);
  355. else combo.items(items);
  356. for(let i = 0, len = rowCount; i < len; i++){
  357. sheet.getCell(beginRow + i, col).cellType(combo);
  358. }
  359. sheet.resumePaint();
  360. },
  361. setStaticCombo: function (sheet, beginRow, col, rowCount, items, itemsHeight, itemsType) {
  362. sheet.suspendPaint();
  363. let combo = new GC.Spread.Sheets.CellTypes.ComboBox();
  364. for(let i = 0, len = rowCount; i < len; i++){
  365. if(itemsHeight) combo.itemHeight(itemsHeight);
  366. if(itemsType === 'value') combo.items(items).editorValueType(GC.Spread.Sheets.CellTypes.EditorValueType.value);
  367. else if(itemsType === 'text') combo.items(items).editorValueType(GC.Spread.Sheets.CellTypes.EditorValueType.text);
  368. else combo.items(items);
  369. sheet.getCell(beginRow + i, col).cellType(combo);
  370. }
  371. sheet.resumePaint();
  372. },
  373. //注册自定义回车键事件
  374. bindEnterKey: function (workBook, operation) {
  375. workBook.commandManager().register('myEnter', operation);
  376. workBook.commandManager().setShortcutKey(null, GC.Spread.Commands.Key.enter, false, false, false, false);
  377. workBook.commandManager().setShortcutKey('myEnter', GC.Spread.Commands.Key.enter, false, false, false, false);
  378. },
  379. //解决esc后触发了编辑结束的保存事件,显示与实际数据不同问题
  380. bindEscKey: function (workBook, sheets) {
  381. function isDef(v){
  382. return typeof v !== 'undefined' && v !== null;
  383. }
  384. workBook.commandManager().register('myEsc', function () {
  385. let activeSheet = workBook.getActiveSheet();
  386. let hasTheSheet = false;
  387. for(let sheetObj of sheets){
  388. let sheet = sheetObj.sheet;
  389. if(sheet === activeSheet){
  390. hasTheSheet = true;
  391. let editStarting = sheetObj.editStarting;
  392. let editEnded = sheetObj.editEnded;
  393. if(editStarting){
  394. sheet.unbind(GC.Spread.Sheets.Events.EditStarting);
  395. }
  396. if(editEnded){
  397. sheet.unbind(GC.Spread.Sheets.Events.EditEnded);
  398. }
  399. let row = sheet.getActiveRowIndex();
  400. let col = sheet.getActiveColumnIndex();
  401. let orgV = sheet.getValue(row, col);
  402. if(!isDef(orgV)){
  403. orgV = '';
  404. }
  405. if(sheet.isEditing()){
  406. sheet.endEdit();
  407. sheet.setValue(row, col, orgV);
  408. }
  409. if(editStarting){
  410. sheet.bind(GC.Spread.Sheets.Events.EditStarting, editStarting);
  411. }
  412. if(editEnded){
  413. sheet.bind(GC.Spread.Sheets.Events.EditEnded, editEnded);
  414. }
  415. }
  416. }
  417. //容错处理,以防没把所有工作簿的表格信息传入参数
  418. if(!hasTheSheet){
  419. if(activeSheet.isEditing()){
  420. activeSheet.endEdit();
  421. }
  422. }
  423. });
  424. workBook.commandManager().setShortcutKey(null, GC.Spread.Commands.Key.esc, false, false, false, false);
  425. workBook.commandManager().setShortcutKey('myEsc', GC.Spread.Commands.Key.esc, false, false, false, false);
  426. },
  427. //生成列字段与列号映射
  428. initColMapping: function (obj, headers) {
  429. //colToField 列下标与列字段映射
  430. //fieldToCol 列字段与列下标映射
  431. let colMapping = {colToField: {}, fieldToCol: {}};
  432. for(let header of headers){
  433. colMapping['colToField'][headers.indexOf(header)] = header.dataCode;
  434. colMapping['fieldToCol'][header.dataCode] = headers.indexOf(header);
  435. }
  436. console.log(colMapping);
  437. obj.colMapping = colMapping
  438. },
  439. }