1
2
3
gridView.setEditOptions({
  skipReadOnly: $("#chkSkipReadOnly").is(":checked")
});

1
2
3
4
var column = $("#columnList").val();
if (column) {
    gridView.setColumnProperty(column, "readOnly", $("#chkReadOnly").is(":checked"));
}

1
2
3
4
var column = $("#columnList").val();
if (column) {
    gridView.setColumnProperty(column, "editable", $("#chkEditable").is(":checked"));
}

1
2
3
4
5
6
7
8
9
10
11
12
13
gridView.addCellStyle("style01", {
	"foreground": "#ffffffff",
	"background": "#ff333333",
	"fontSize": 13,
	"fontBold": true,
	"editable": false
});
gridView.addCellStyle("style02", {
	"foreground": "#ff000000",
	"background": "#ffcccccc",
	"fontSize": 13,
	"readOnly": true
});

1
2
gridView.setCellStyles([3, 4, 5], ["CompanyName"], "style01");
gridView.setFocus();

1
2
gridView.setCellStyles([6, 7, 8], ["CustomerID"], "style02");
gridView.setFocus();

1
2
gridView.clearCellStyles();
gridView.setFocus();