igGrid では、セル単位で編集可否を制御することができます。

セル単位で編集可否を制御するには、editCellStarting イベントをハンドルし、編集したくないセルではイベントをキャンセルします。

次の例では、アクティブ列が false の製品名は編集することができません。

$("#grid").igGrid({
  ...
  features: [
    {
      name: "Updating",
      ...
      editCellStarting: function (evt, ui) {
        ...

        var record = ui.owner.grid.findRecordByKey(ui.rowID);
        if(ui.columnKey === "Name" && !record.IsActive) {
          return false;
        }
      }
    }
  ]
});

See the Pen igGrid readonly cell by ymita (@ymita) on CodePen.

Tagged:

製品について

Ignite UI for jQuery