suspendPaintおよびresumePaint

ワークシートに変更が組み込まれるたびに、SpreadJSは自動的に更新されます。ユーザーが多くの変更を同時に統合しおうとする場合、SpreadJSは繰り返して描画されるため、パフォーマンスが大幅に低下します。したがって、suspendPaintメソッドとresumePaintメソッドを使用することをお勧めします。

suspendPaintメソッドを使用すると、ユーザーは変更の実行中に再描画プロセスを停止し、すべての変更を統合した後、resumePaintメソッドを呼び出すことができます。Spreadはすべての変更が行われた後に一度だけ描画するようになったため、これらのメソッドが全体的なパフォーマンスを向上させます。

次のコードは、suspendPaintメソッドとresumePaintメソッドを使用する方法を示します。

JavaScript	コードのコピー
var spread = new GC.Spread.Sheets.Workbook(document.getElementById('ss'), { sheetCount: 1 }); var sheet = spread.getSheet(0); spread.suspendPaint(); spread.suspendEvent(); sheet.setRowCount(10000); sheet.setColumnCount(100); for (var i = 0; i < 10000; i++) { for (var j = 0; j < 100; j++) { sheet.setValue(i, j, new Date(), GC.Spread.Sheets.SheetArea.viewport); sheet.getCell(i, j).formatter("yyyy/mm/dd"); sheet.setColumnWidth(j, 80.0, GC.Spread.Sheets.SheetArea.viewport); } } spread.resumeEvent(); spread.resumePaint();

JavaScript

コードのコピー

var spread = new GC.Spread.Sheets.Workbook(document.getElementById('ss'), { sheetCount: 1 });
var sheet = spread.getSheet(0);
spread.suspendPaint();
spread.suspendEvent();
sheet.setRowCount(10000);
sheet.setColumnCount(100);
for (var i = 0; i < 10000; i++)
{
for (var j = 0; j < 100; j++)
{
sheet.setValue(i, j, new Date(), GC.Spread.Sheets.SheetArea.viewport);
sheet.getCell(i, j).formatter("yyyy/mm/dd");
sheet.setColumnWidth(j, 80.0, GC.Spread.Sheets.SheetArea.viewport);
}
}
spread.resumeEvent();
spread.resumePaint();