igSpreadsheet 特定のセルのみ編集可とする方法

igSpreadsheetで特定のセルのみ編集可としたい場合は、Excelライブラリーを使用します。igSpreadsheetに紐づいているworkbookからworksheetオブジェクトを取り出し、worksheet全体を保護し、編集可としたいセルに対してcellFormat()のlocked()でfalseを設定して保護を解除してください。

例えば、左上隅から10行x10列のセルだけ編集可としたい場合は、次のようなコードになります。

var workbook = $("#spreadsheet").igSpreadsheet("option", "workbook");
var worksheet = workbook.worksheets(0);

// worksheet全体を保護する。
// https://jp.igniteui.com/help/api/2021.1/ig.excel.Worksheet#methods:protect
worksheet.protect();

// 左上端から10行10列のみ編集可にする。
for(var i = 1; i <= 10; i++){
    for(var j = 1; j <= 10; j++){
        var cell = worksheet.getCell("R" + i.toString() + "C" + j.toString(), 0);
        cell.value("編集可");
        // https://jp.igniteui.com/help/api/2021.1/ig.excel.IWorksheetCellFormat#methods:locked
        cell.cellFormat().locked(false);
    }
}

実行結果

サンプル

APIリファレンス

• protectメソッド
  • https://jp.igniteui.com/help/api/2021.1/ig.excel.Worksheet#methods:protect
• lockedメソッド
  • https://jp.igniteui.com/help/api/2021.1/ig.excel.IWorksheetCellFormat#methods:locked