SpreadJS状态栏显示数据验证状态

自定义StatusItem，实现在状态栏中显示事实未通过验证数据验证数量

1. 
   
2.       statusBar.add(new GCStatusBarValidatorItem("validatorStatus", {tipText: "数据验证状态", workbooMessageClick: this.workbooMessageClick}), 1);

复制代码

1. 
   
2. import GC from "@grapecity/spread-sheets"
   
3. 
   
4. export default class GCStatusBarValidatorItem extends GC.Spread.Sheets.StatusBar.StatusItem {
   
5. 
   
6.     STATUSBAR_NS = '.statusbar'
   
7.     name: string;
   
8.     option: any;
   
9.     _context: GC.Spread.Sheets.Workbook | null;
   
10.     _eventNs: string;
    
11.     _dispalyControl: HTMLElement | null;
    
12.     _sheetMessage = "当前sheet共有错误数：";
    
13.     _bookMessage = " | 点击查看整个工作薄";
    
14.     constructor(name: string, options?: Object) {
    
15.         super(name, options);
    
16.         this.name = name;
    
17.         this.option = options;
    
18.         this._context = null;
    
19.         this._eventNs = this.STATUSBAR_NS + this.name;
    
20.         this._dispalyControl = null;
    
21.     }
    
22. 
    
23.     onCreateItemView(container: HTMLElement) {
    
24.         let self = this;
    
25.         if (self && !self._dispalyControl) {
    
26.             self._dispalyControl = document.createElement('div');
    
27.             self._dispalyControl.style.color = "red";
    
28.             let sheetMessageSpan = document.createElement('span');
    
29.             let errorCountSpan = document.createElement('span');
    
30.             let booktMessageSpan = document.createElement('span');
    
31.             sheetMessageSpan.innerHTML = self._sheetMessage;
    
32.             errorCountSpan.innerHTML = "0";
    
33.             booktMessageSpan.innerHTML = self._bookMessage;
    
34.             self._dispalyControl.appendChild(sheetMessageSpan);
    
35.             self._dispalyControl.appendChild(errorCountSpan);
    
36.             self._dispalyControl.appendChild(booktMessageSpan);
    
37.             booktMessageSpan.onclick = function () {
    
38.                 if (self.option.workbooMessageClick) {
    
39.                     self.option.workbooMessageClick.call(null, self._getWorkbookValidatorResult());
    
40.                 }
    
41.             }
    
42.             container.appendChild(self._dispalyControl);
    
43.         }
    
44.     }
    
45. 
    
46.     onBind(context: GC.Spread.Sheets.Workbook) {
    
47.         let self = this;
    
48.         this._context = context;
    
49.         // context.bind(GC.Spread.Sheets.Events.ActiveSheetChanged + self._eventNs, function () {
    
50.             // self._onActionChangeValue();
    
51.         // });
    
52.         context.bind(GC.Spread.Sheets.Events.RangeChanged + self._eventNs, function () {
    
53.             self._onActionChangeValue();
    
54.         });
    
55.         context.bind(GC.Spread.Sheets.Events.ValueChanged + self._eventNs, function () {
    
56.             self._onActionChangeValue();
    
57.         });
    
58.         // 监听fromJSON后事件 和 通过代码切换active sheet
    
59.         context.bind((<any>GC.Spread.Sheets.Events).FormulatextboxActiveSheetChanged + self._eventNs, function (e:any, data:any) {
    
60.             // if (data.oldSheet === undefined) {
    
61.                 self._onActionChangeValue();
    
62.             // }
    
63.         });
    
64. 
    
65. 
    
66.     }
    
67.     // onUpdate() {
    
68.     //     super.onUpdate();
    
69.     // }
    
70.     onUnbind() {
    
71.         if (this._context) {
    
72.             this._context.unbind(GC.Spread.Sheets.Events.ValueChanged + this._eventNs);
    
73.             this._context.unbind(GC.Spread.Sheets.Events.RangeChanged + this._eventNs);
    
74.             // this._context.unbind(GC.Spread.Sheets.Events.ActiveSheetChanged + this._eventNs);
    
75.             this._context.unbind((<any>GC.Spread.Sheets.Events).FormulatextboxActiveSheetChanged + this._eventNs);
    
76.             this._context = null;
    
77.         }
    
78.     };
    
79.     onDispose() {
    
80.         this._context = null;
    
81.         if (this._dispalyControl) {
    
82.             this._dispalyControl.getElementsByTagName("span")[1].onclick = null;
    
83.         }
    
84.     }
    
85.     _onActionChangeValue() {
    
86.         if (this._dispalyControl != null && this._context) {
    
87.             let validatorResult = this._getSheetValidatorResult(this._context.getActiveSheet())
    
88.             this._dispalyControl.getElementsByTagName("span")[1].innerHTML = validatorResult.length.toString();
    
89.             console.log("_onActionChangeValue")
    
90.         }
    
91.     }
    
92. 
    
93.     _getSheetValidatorResult(sheet: GC.Spread.Sheets.Worksheet): Array<any> {
    
94.         let rowCount = sheet.getRowCount(),
    
95.             colCount = sheet.getColumnCount();
    
96.         let validatorResult = [];
    
97.         for (let row = 0; row < rowCount; row++) {
    
98.             for (let col = 0; col < colCount; col++) {
    
99.                 if (!sheet.isValid(row, col, sheet.getValue(row, col))) {
    
100.                     let dv = sheet.getDataValidator(row, col, GC.Spread.Sheets.SheetArea.viewport);
     
101.                     validatorResult.push(
     
102.                         {
     
103.                             sheetName: sheet.name(),
     
104.                             row: row,
     
105.                             col: col,
     
106.                             cell: GC.Spread.Sheets.CalcEngine.rangeToFormula(new GC.Spread.Sheets.Range(row, col, 1, 1), 0, 0, GC.Spread.Sheets.CalcEngine.RangeReferenceRelative.allRelative, false),
     
107.                             title: dv.inputTitle(),
     
108.                             message: dv.inputMessage()
     
109.                         }
     
110.                     )
     
111.                 }
     
112.             }
     
113.         }
     
114.         return validatorResult;
     
115.     }
     
116. 
     
117.     _getWorkbookValidatorResult() {
     
118.         let validatorResult: Array<any> = [];
     
119.         if (this._context) {
     
120.             for (let index = 0; index < this._context.getSheetCount(); index++) {
     
121.                 let sheet = this._context.getSheet(index);
     
122.                 let result = this._getSheetValidatorResult(sheet);
     
123.                 if (result && result.length > 0) {
     
124.                     validatorResult = validatorResult.concat(result);
     
125.                 }
     
126.             }
     
127.         }
     
128.         return validatorResult;
     
129.     }
     
130. }

复制代码