sheet_common.js 21 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458
  1. /**
  2. * Created by Tony on 2017/4/28.
  3. */
  4. var sheetCommonObj = {
  5. // CSL.2017.06.05
  6. // createSpread、initSheet 在一个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.tabStripVisible = false;
  11. spreadBook.options.showHorizontalScrollbar = true;
  12. spreadBook.options.showVerticalScrollbar = true;
  13. spreadBook.options.allowCopyPasteExcelStyle = false;
  14. spreadBook.options.allowUserDragDrop = true;
  15. return spreadBook;
  16. },
  17. initSheet: function(sheet, setting, rowCount) {
  18. var me = this;
  19. var spreadNS = GC.Spread.Sheets;
  20. sheet.suspendPaint();
  21. sheet.suspendEvent();
  22. sheet.setRowCount(1, spreadNS.SheetArea.colHeader);
  23. sheet.setColumnCount(setting.header.length, spreadNS.SheetArea.viewport);
  24. if (setting && setting.view && setting.view.colHeaderHeight) {
  25. sheet.setRowHeight(0, setting.view.colHeaderHeight, spreadNS.SheetArea.colHeader);
  26. };
  27. if (setting && setting.view && setting.view.rowHeaderWidth) {
  28. sheet.setColumnWidth(0, setting.view.rowHeaderWidth, spreadNS.SheetArea.rowHeader);
  29. };
  30. sheet.options.colHeaderAutoTextIndex = 1;
  31. sheet.options.colHeaderAutoText = spreadNS.HeaderAutoText.numbers;
  32. sheet.options.protectionOptions = {
  33. allowResizeColumns: true
  34. };
  35. sheet.showRowOutline(false);
  36. me.buildHeader(sheet, setting);
  37. if (rowCount > 0)
  38. sheet.setRowCount(rowCount)
  39. else
  40. sheet.setRowCount(1);
  41. sheet.resumeEvent();
  42. sheet.resumePaint();
  43. },
  44. // buildSheet 在一个Spread、一个Sheet的情况下使用。
  45. buildSheet: function(container, setting, rowCount) {
  46. var me = this;
  47. var spreadBook = me.createSpread(container, { sheetCount: 1 });
  48. var sheet = spreadBook.getSheet(0);
  49. me.initSheet(sheet, setting, rowCount);
  50. return spreadBook;
  51. },
  52. buildHeader: function(sheet, setting){
  53. var me = this, ch = GC.Spread.Sheets.SheetArea.colHeader;
  54. for (var i = 0; i < setting.header.length; i++) {
  55. sheet.setValue(0, i, setting.header[i].headerName, ch);
  56. sheet.setColumnWidth(i, setting.header[i].headerWidth?setting.header[i].headerWidth:100);
  57. }
  58. },
  59. cleanSheet: function(sheet, setting, rowCount) {
  60. sheet.suspendPaint();
  61. sheet.suspendEvent();
  62. sheet.clear(-1, 0, -1, setting.header.length, GC.Spread.Sheets.SheetArea.viewport, GC.Spread.Sheets.StorageType.data);
  63. if (rowCount > 0) sheet.setRowCount(rowCount);
  64. sheet.clearSelection();
  65. sheet.resumeEvent();
  66. sheet.resumePaint();
  67. },
  68. cleanData: function (sheet, setting, rowCount) {
  69. sheet.suspendPaint();
  70. sheet.suspendEvent();
  71. sheet.clear(-1, 0, -1, setting.header.length, GC.Spread.Sheets.SheetArea.viewport, GC.Spread.Sheets.StorageType.data);
  72. if (rowCount > 0) sheet.setRowCount(rowCount);
  73. sheet.resumeEvent();
  74. sheet.resumePaint();
  75. },
  76. setAreaAlign: function(area, hAlign, vAlign){
  77. if (!(hAlign) || hAlign === "left") {
  78. area.hAlign(GC.Spread.Sheets.HorizontalAlign.left);
  79. } else if (hAlign === "right") {
  80. area.hAlign(GC.Spread.Sheets.HorizontalAlign.right);
  81. } else if (hAlign === "center") {
  82. area.hAlign(GC.Spread.Sheets.HorizontalAlign.center);
  83. } else {
  84. area.hAlign(GC.Spread.Sheets.HorizontalAlign.left);
  85. }
  86. if (!(vAlign) || vAlign === "center") {
  87. area.vAlign(GC.Spread.Sheets.VerticalAlign.center);
  88. } else if (vAlign === "top") {
  89. area.vAlign(GC.Spread.Sheets.VerticalAlign.top);
  90. } else if (vAlign === "bottom") {
  91. area.vAlign(GC.Spread.Sheets.VerticalAlign.bottom);
  92. } else {
  93. area.vAlign(GC.Spread.Sheets.VerticalAlign.center);
  94. }
  95. },
  96. showData: function(sheet, setting, data,distTypeTree) {
  97. var me = this, ch = GC.Spread.Sheets.SheetArea.viewport;
  98. sheet.suspendPaint();
  99. sheet.suspendEvent();
  100. //sheet.addRows(row, 1);
  101. sheet.clear(0, 0, sheet.getRowCount(), sheet.getColumnCount(), GC.Spread.Sheets.SheetArea.viewport, GC.Spread.Sheets.StorageType.data);
  102. if(sheet.getRowCount()<data.length){
  103. data.length<30? sheet.setRowCount(30):sheet.setRowCount(data.length);
  104. }else if(sheet.getRowCount()==0){
  105. sheet.setRowCount(30);
  106. }
  107. for (var col = 0; col < setting.header.length; col++) {
  108. var hAlign = "left", vAlign = "center";
  109. if (setting.header[col].hAlign) {
  110. hAlign = setting.header[col].hAlign;
  111. } else if (setting.header[col].dataType !== "String"){
  112. hAlign = "right";
  113. }
  114. vAlign = setting.header[col].vAlign?setting.header[col].vAlign:vAlign;
  115. me.setAreaAlign(sheet.getRange(-1, col, -1, 1), hAlign, vAlign);
  116. if (setting.header[col].formatter) {
  117. //var style = new GC.Spread.Sheets.Style();
  118. //style.formatter = setting.header[col].formatter;
  119. //sheet.setStyle(row,col,style,GC.Spread.Sheets.SheetArea.viewport);
  120. sheet.setFormatter(-1, col, setting.header[col].formatter, GC.Spread.Sheets.SheetArea.viewport);
  121. }
  122. if(setting.header[col].cellType === "checkBox"||setting.header[col].cellType === "button"){//clear and reset
  123. var me = this, header = GC.Spread.Sheets.SheetArea.colHeader;
  124. sheet.deleteColumns(col,1);
  125. sheet.addColumns(col, 1);
  126. sheet.setValue(0, col, setting.header[col].headerName, header);
  127. sheet.setColumnWidth(col, setting.header[col].headerWidth?setting.header[col].headerWidth:100);
  128. }
  129. }
  130. for (var row = 0; row < data.length; row++) {
  131. //var cell = sheet.getCell(row, col, GC.Spread.Sheets.SheetArea.viewport);
  132. this.showRowData(sheet,setting,row,data,distTypeTree);
  133. }
  134. this.lockCells(sheet,setting);
  135. sheet.resumeEvent();
  136. sheet.resumePaint();
  137. //me.shieldAllCells(sheet);
  138. },
  139. showRowData:function (sheet,setting,row,data,distTypeTree=null) {
  140. let ch = GC.Spread.Sheets.SheetArea.viewport;
  141. for (var col = 0; col < setting.header.length; col++) {
  142. //var cell = sheet.getCell(row, col, GC.Spread.Sheets.SheetArea.viewport);
  143. var val = data[row][setting.header[col].dataCode];
  144. if(val&&setting.header[col].dataType === "Number"){
  145. if(setting.header[col].hasOwnProperty('tofix')){
  146. val =scMathUtil.roundToString(val,setting.header[col].tofix);
  147. }
  148. else if(setting.header[col].hasOwnProperty('decimalField')){
  149. var decimal = getDecimal(setting.header[col].decimalField);
  150. val =scMathUtil.roundToString(val,decimal);
  151. sheet.setFormatter(-1, col,getFormatter(decimal), GC.Spread.Sheets.SheetArea.viewport);
  152. }else {
  153. val =scMathUtil.roundToString(val,2);
  154. }
  155. }
  156. if(val!=null&&setting.header[col].cellType === "checkBox"){
  157. this.setCheckBoxCell(row,col,sheet,val)
  158. }
  159. if(setting.header[col].cellType === "comboBox"){
  160. this.setComboBox(row,col,sheet,setting.header[col].options);
  161. }
  162. if(setting.header[col].cellType === "selectButton"){
  163. this.setSelectButton(row,col,sheet,setting.header[col]);
  164. }
  165. if(setting.owner==='gljTree'){
  166. if(setting.header[col].cellType === "checkBox"){
  167. val==1?val:0;
  168. this.setCheckBoxCell(row,col,sheet,val);
  169. }
  170. if(setting.header[col].dataCode === 'gljType' && data[row].gljType){
  171. let distTypeVal = distTypeTree.distTypes[distTypeTree.prefix + data[row].gljType].data.fullName;
  172. val=distTypeVal;
  173. }
  174. }
  175. if(setting.header[col].getText){
  176. val = setting.getText[setting.header[col].getText](data[row],val)
  177. }
  178. sheet.setValue(row, col, val, ch);
  179. }
  180. if(setting.autoFit==true){
  181. sheet.getRange(row, -1, 1, -1, GC.Spread.Sheets.SheetArea.viewport).wordWrap(true);
  182. sheet.autoFitRow(row);
  183. }
  184. },
  185. analyzePasteData: function(setting, pastedInfo) {
  186. var rst = [], propId = pastedInfo.cellRange.col, preStrIdx = 0, itemObj = {};//propId = 0 to proId = pastedInfo.cellRange.col, update by zhong
  187. for (var i = 0; i < pastedInfo.pasteData.text.length; i++) {
  188. if (pastedInfo.pasteData.text[i] === "\n") {
  189. propId = pastedInfo.cellRange.col;//propId = 0 to proId = pastedInfo.cellRange.col, update by zhong
  190. preStrIdx = i + 1;
  191. rst.push(itemObj);
  192. if (i < pastedInfo.pasteData.text.length - 1) {
  193. itemObj = {};
  194. }
  195. } else if (pastedInfo.pasteData.text[i] === "\t" || pastedInfo.pasteData.text[i] === "\r") {
  196. itemObj[setting.header[propId].dataCode] = pastedInfo.pasteData.text.slice(preStrIdx, i);
  197. propId++;
  198. preStrIdx = i + 1;
  199. //if the last copied-cell were empty, should check whether the end of text
  200. if (i == pastedInfo.pasteData.text.length - 1) {
  201. itemObj[setting.header[propId].dataCode] = pastedInfo.pasteData.text.slice(preStrIdx);
  202. rst.push(itemObj);
  203. }
  204. } else if (i == pastedInfo.pasteData.text.length - 1) {
  205. itemObj[setting.header[propId].dataCode] = pastedInfo.pasteData.text.slice(preStrIdx);
  206. rst.push(itemObj);
  207. }
  208. }
  209. return rst;
  210. },
  211. combineRowData: function(sheet, setting, row) {
  212. var rst = {};
  213. for (var col = 0; col < setting.header.length; col++) {
  214. rst[setting.header[col].dataCode] = sheet.getValue(row, col);
  215. }
  216. return rst;
  217. },
  218. shieldAllCells: function(sheet) {
  219. sheet.options.isProtected = true;
  220. },
  221. unShieldAllCells: function(sheet) {
  222. sheet.options.isProtected = false;
  223. },
  224. lockCells: function(sheet, setting){
  225. if (setting && setting.view.lockColumns && setting.view.lockColumns.length > 0) {
  226. sheet.options.isProtected = true;
  227. sheet.getRange(-1, 0, -1, setting.header.length, GC.Spread.Sheets.SheetArea.viewport).locked(false);
  228. for (var i = 0; i < setting.view.lockColumns.length; i++) {
  229. sheet.getRange(-1,setting.view.lockColumns[i], -1, 1, GC.Spread.Sheets.SheetArea.viewport).locked(true);
  230. }
  231. }
  232. },
  233. setCheckBoxCell(row,col,sheet,val){
  234. var c = new GC.Spread.Sheets.CellTypes.CheckBox();
  235. c.isThreeState(false);
  236. sheet.setCellType(row, col,c,GC.Spread.Sheets.SheetArea.viewport);
  237. sheet.getCell(row, col).value(val);
  238. sheet.getCell(row, col).hAlign(GC.Spread.Sheets.HorizontalAlign.center);
  239. },
  240. setComboBox(row,col,sheet,options){
  241. //let combo = new GC.Spread.Sheets.CellTypes.ComboBox();
  242. let dynamicCombo = sheetCommonObj.getDynamicCombo(true);
  243. dynamicCombo.itemHeight(options.length).items(options);
  244. sheet.setCellType(row, col,dynamicCombo,GC.Spread.Sheets.SheetArea.viewport);
  245. },
  246. setSelectButton(row,col,sheet,header){
  247. let getSelectButton = function (cellWidth=100) {
  248. function moreButton() {
  249. }
  250. moreButton.prototype = new GC.Spread.Sheets.CellTypes.Button();
  251. moreButton.prototype.paint = function (ctx, value, x, y, w, h, style, options){
  252. GC.Spread.Sheets.CellTypes.Button.prototype.paint.call(this, ctx, value, x, y, w, h, style, options);
  253. let buttonW = cellWidth/5;
  254. let endX = x+w-2;
  255. if(value){
  256. let textWidth = ctx.measureText(value).width;
  257. let spaceWidth = cellWidth - buttonW;
  258. let textEndX = x+2+textWidth;
  259. if(spaceWidth<textWidth){
  260. for(let i = value.length-1;i>1;i--){
  261. let newValue = value.substr(0,i);
  262. let newTestWidth = ctx.measureText(newValue).width;
  263. if(spaceWidth>newTestWidth){
  264. value = newValue;
  265. textEndX = x+2+newTestWidth;
  266. break;
  267. }
  268. }
  269. }
  270. ctx.fillText(value,textEndX,y+h-5);
  271. }
  272. //画三个点
  273. ctx.save();
  274. ctx.beginPath();
  275. ctx.arc(endX-buttonW/2,y+h/2,1,0,360,false);
  276. ctx.arc(endX-buttonW/2-4,y+h/2,1,0,360,false);
  277. ctx.arc(endX-buttonW/2+4,y+h/2,1,0,360,false);
  278. ctx.fillStyle="black";//填充颜色,默认是黑色
  279. ctx.fill();//画实心圆
  280. ctx.closePath();
  281. ctx.restore();
  282. };
  283. moreButton.prototype.processMouseLeave= function (hitinfo) {
  284. let newCell = new selectButton();
  285. hitinfo.sheet.setCellType(hitinfo.row, hitinfo.col, newCell, GC.Spread.Sheets.SheetArea.viewport);
  286. hitinfo.sheet.getCell(hitinfo.row, hitinfo.col).locked(false);
  287. };
  288. function selectButton() {
  289. }
  290. selectButton.prototype = new GC.Spread.Sheets.CellTypes.Text();
  291. selectButton.prototype.paint = function (ctx, value, x, y, w, h, style, options){
  292. GC.Spread.Sheets.CellTypes.Text.prototype.paint.apply(this,arguments);
  293. };
  294. selectButton.prototype.getHitInfo = function (x, y, cellStyle, cellRect, context) {
  295. return {
  296. x: x,
  297. y: y,
  298. row: context.row,
  299. col: context.col,
  300. cellStyle: cellStyle,
  301. cellRect: cellRect,
  302. sheetArea: context.sheetArea
  303. };
  304. };
  305. selectButton.prototype.processMouseDown = function (hitinfo){
  306. if(hitinfo.sheet.getCell(hitinfo.row,hitinfo.col).locked()!=true){
  307. let b1 = new moreButton();
  308. b1.marginLeft(cellWidth*4/5);
  309. hitinfo.sheet.setCellType(hitinfo.row, hitinfo.col, b1, GC.Spread.Sheets.SheetArea.viewport);
  310. hitinfo.sheet.getCell(hitinfo.row, hitinfo.col).locked(true);
  311. }
  312. };
  313. return new selectButton();
  314. };
  315. sheet.setCellType(row, col,getSelectButton(header.headerWidth),GC.Spread.Sheets.SheetArea.viewport);
  316. },
  317. chkIfEmpty: function(rObj, setting) {
  318. var rst = true;
  319. if (rObj) {
  320. for (var i = 0; i < setting.header.length; i++) {
  321. if (rObj[setting.header[i].dataCode]) {
  322. rst = false;
  323. break;
  324. }
  325. }
  326. }
  327. return rst;
  328. },
  329. //add by zhong 2017-10-10
  330. //动态下拉框,配合EnterCell, args.sheet.repaint();
  331. getDynamicCombo: function (forLocked) {
  332. let ComboCellForActiveCell = function () { };
  333. ComboCellForActiveCell.prototype = new GC.Spread.Sheets.CellTypes.ComboBox();
  334. ComboCellForActiveCell.prototype.paintValue = function (ctx, value, x, y, w, h, style, options) {
  335. let sheet = options.sheet;
  336. if (options.row === sheet.getActiveRowIndex() && options.col === sheet.getActiveColumnIndex() && (!forLocked || forLocked && !sheet.getCell(options.row, options.col).locked())) {
  337. GC.Spread.Sheets.CellTypes.ComboBox.prototype.paintValue.apply(this, arguments);
  338. } else {
  339. GC.Spread.Sheets.CellTypes.Base.prototype.paintValue.apply(this, arguments);
  340. }
  341. };
  342. ComboCellForActiveCell.prototype.getHitInfo = function (x, y, cellStyle, cellRect, options) {
  343. let sheet = options.sheet;
  344. if (options.row === sheet.getActiveRowIndex() && options.col === sheet.getActiveColumnIndex() && (!forLocked || forLocked && !sheet.getCell(options.row, options.col).locked())) {
  345. return GC.Spread.Sheets.CellTypes.ComboBox.prototype.getHitInfo.apply(this, arguments);
  346. } else {
  347. return GC.Spread.Sheets.CellTypes.Base.prototype.getHitInfo.apply(this, arguments);
  348. }
  349. };
  350. return new ComboCellForActiveCell();
  351. },
  352. setDynamicCombo: function (sheet, beginRow, col, rowCount, items, itemsHeight, itemsType) {
  353. let me = this;
  354. sheet.suspendPaint();
  355. let combo = me.getDynamicCombo();
  356. for(let i = 0, len = rowCount; i < len; i++){
  357. if(itemsHeight) combo.itemHeight(itemsHeight);
  358. if(itemsType === 'value') combo.items(items).editorValueType(GC.Spread.Sheets.CellTypes.EditorValueType.value);
  359. else if(itemsType === 'text') combo.items(items).editorValueType(GC.Spread.Sheets.CellTypes.EditorValueType.text);
  360. else combo.items(items);
  361. sheet.getCell(beginRow + i, col).cellType(combo);
  362. }
  363. sheet.resumePaint();
  364. },
  365. setStaticCombo: function (sheet, beginRow, col, rowCount, items, itemsHeight, itemsType) {
  366. sheet.suspendPaint();
  367. let combo = new GC.Spread.Sheets.CellTypes.ComboBox();
  368. for(let i = 0, len = rowCount; i < len; i++){
  369. if(itemsHeight) combo.itemHeight(itemsHeight);
  370. if(itemsType === 'value') combo.items(items).editorValueType(GC.Spread.Sheets.CellTypes.EditorValueType.value);
  371. else if(itemsType === 'text') combo.items(items).editorValueType(GC.Spread.Sheets.CellTypes.EditorValueType.text);
  372. else combo.items(items);
  373. sheet.getCell(beginRow + i, col).cellType(combo);
  374. }
  375. sheet.resumePaint();
  376. },
  377. //设置系统粘贴板数据,需要用户触发事件,直接调用会失败
  378. copyTextToClipboard: function(text) {
  379. var textArea = document.createElement("textarea");
  380. textArea.style.position = 'fixed';
  381. textArea.style.top = 0;
  382. textArea.style.left = 0;
  383. textArea.style.width = '2em';
  384. textArea.style.height = '2em';
  385. textArea.style.padding = 0;
  386. textArea.style.border = 'none';
  387. textArea.style.outline = 'none';
  388. textArea.style.boxShadow = 'none';
  389. textArea.style.background = 'transparent';
  390. textArea.value = text;
  391. document.body.appendChild(textArea);
  392. textArea.select();
  393. try {
  394. var successful = document.execCommand('copy');
  395. var msg = successful ? 'successful' : 'unsuccessful';
  396. console.log('Copying text command was ' + msg);
  397. } catch (err) {
  398. console.log('Oops, unable to copy');
  399. }
  400. document.body.removeChild(textArea);
  401. },
  402. //获取选中区域的表格类型数据(可粘贴到excel)
  403. getTableData: function (sheet, colSettings = null) {
  404. let rst = '';
  405. let sel = sheet.getSelections()[0];
  406. let vRows = [];
  407. for(let i = sel.row, len = sel.row + sel.rowCount; i < len; i++){
  408. if(sheet.getCell(i, -1).visible()){
  409. vRows.push(i);
  410. }
  411. }
  412. for(let row of vRows){
  413. rst += '\n';
  414. for(let j = 0, jLen = sel.colCount; j <jLen; j++){
  415. let col = sel.col + j;
  416. if(sheet.getCell(-1, col).visible()){
  417. let v = '';
  418. if(colSettings && (colSettings[col]['data']['field'] === 'itemCharacterText' || colSettings[col]['data']['field'] === 'jobContentText')){
  419. v += sheet.getText(row, col) ? sheet.getText(row, col).replace(new RegExp('\n', 'g'), '\v') : '';
  420. if(j !== jLen - 1){
  421. v += '\t';
  422. }
  423. }
  424. else {
  425. if(j === jLen - 1){
  426. v += sheet.getText(row, col) ? sheet.getText(row, col).replace('\n', '') : '';
  427. }
  428. else {
  429. v += sheet.getText(row, col) ? sheet.getText(row, col).replace('\n', '') + '\t' : '\t';
  430. }
  431. }
  432. rst += v;
  433. }
  434. }
  435. }
  436. rst = rst.replace('\n', '');
  437. return rst;
  438. }
  439. }