您好!可以監聽SelectionChanged事件,事件監聽到的參數中的newSelections就是當前選中的所有區域Range對象,該對象包含了區域的行列及範圍信息,據此從sheet中獲取對應的CellRange對象,便可以使用CellRange的setStyle()或backColor()等方法設置樣式、字體等。
另外,可以將需要設置的央視、字體等均封裝在Style對象中,即可通過CellRange:setStyle()一次性設置。CellRange:backColor()、CellRange:font()等方法只可以設置單個樣式屬性。
如下代碼舉例説明對所選區域設置了統一的背景色:
- sheet.bind(GC.Spread.Sheets.Events.SelectionChanged, function(e, args) {
- console.log('selection changed, args: ', args);
- var selections = args.newSelections;
- selections.forEach(range => {
- sheet.getRange(range.row, range.col, range.rowCount, range.colCount).backColor('red');
- });
- });
复制代码
運行效果如下動圖所示:
可以參考官網API文檔瞭解詳情:
https://demo.grapecity.com.cn/spreadjs/help/api/classes/GC.Spread.Sheets.CellRange
|