|
$("#Grid").ejGrid({
…
…
… columns: [
{ field: "OrderID", isPrimaryKey: true, headerText: "Order ID", textAlign: ej.TextAlign.Right, validationRules: { required: true, number: true }, width: 90 },
….
….
…
{
headerText: "Selection",
commands: [
{
type: "select",
buttonOptions: {
text: "Details",
width: "100",
click: "onClick"
}
}
],
isUnbound: true, width: 130
},
{
headerText: "Manage Records",
commands: [
{ type: ej.Grid.UnboundType.Edit, buttonOptions: { text: "Edit", click: "onClick" } },
{ type: ej.Grid.UnboundType.Delete, buttonOptions: { text: "Delete" } },
{ type: ej.Grid.UnboundType.Save, buttonOptions: { text: "Save" } },
{ type: ej.Grid.UnboundType.Cancel, buttonOptions: { text: "Cancel" } }
],
isUnbound: true, width: 130
}
]
});
});
</script>
<script type="text/javascript">
function onClick(args) {
var grid = $("#Grid").ejGrid("instance");
if (this.element.closest("tr").find("input").length > 0)
this.element.closest("tr").find("input:visible").eq(3).focus();
else {
$("#Grid").ejGrid({ selectionSettings: { selectionMode: ["cell"] } });
var index = this.element.closest("tr").index();
var x = grid.selectCells([[index, [3]]]);
}
}
</script>
| 
