jQWidgets jqxTreeGrid unlockRow()方法

以下是关于 jQWidgets jqxTreeGrid 组件中 unlockRow() 方法的详细攻略。

jQWidgets jqxTreeGrid unlockRow() 方法

jQWidgets jqxTreeGrid 的 unlockRow() 方法用于解锁行，以便您可以编辑行的单元格。您可以使用此方法来解锁行，以便在需要时编辑行单元格。

语法

$('#treegrid').jqxTreeGrid('unlockRow', rowId);

参数

• rowId：要解锁的行的 ID。

示例

以下两示例演示如使用 unlockRow() 方法。

示例1

// 创建 jqxTreeGrid 组件
$('#treegrid').jqxTreeGrid({
  width: 500,
  height: 300,
  source: dataAdapter,
  columns: [
    { text: 'ID', dataField: 'id', width: 100 },
    { text: '名称', dataField: 'name', width: 200 },
    { text: '价格', dataField: 'price', width: 100 }
  ],
  editable: true
});

// 解锁行以单元格
$('#treegrid').jqxTreeGrid('unlockRow', 'row1');

在示例 1 中，我们使用 jqxTreeGrid() 方法创建了一个 jqxTreeGrid 组件，并使用 { width: 500, height: 300, source: dataAdapter, columns: [...], editable: true } 设置了组件的宽度、高度、数据源、列和可编辑性。然后，我们使用 unlockRow() 方法解锁行以单元格。

示例 2

// 创建 jqxTreeGrid 组件
$('#treegrid').jqxTreeGrid({
  width: 500,
  height: 300,
  source: dataAdapter,
  columns: [
    { text: 'ID', dataField: 'id', width: 100 },
    { text: '名称', dataField: 'name', width: 200 },
    { text: '价格', dataField: 'price', width: 100 }
  ],
  editable: true
});

// 解锁行以编辑单元格
$('#treegrid').jqxTreeGrid('unlockRow', 'row2');

在示例 2 中，我们使用 jqxTreeGrid() 方法创建了一个 jqxTreeGrid 组件，并使用 { width: 500, height: 300, source: dataAdapter, columns: [...], editable: true } 设置了组件的宽度、高度、数据源、列和可编辑性。然后，我们使用 unlockRow() 方法解锁行以编辑单元格。

总之，unlockRow() 方法让您轻松地解锁行以编辑单元格，以便在需要时执行其他操作。