enabled

enabled – enables the grid editing.

$("#grid1").shieldGrid({
    dataSource: {
    data: products,
    schema: {
        fields: {
            id: { path: "ProductID", type: Number},
            name: { path: "ProductName", type: String, nullable: false },
            quantity: { path: "SupplierID", type: Number },
            price: { path: "UnitPrice", type: Number },
            units: { path: "UnitsInStock", type: Number },
            discontinued: { path: "Discontinued", type: Boolean },
            myDate: { path: "d", type: Date }
        }
    }
},
toolbar: [{
    buttons: [
        {
            cls: "mybuttonCssClass",
            commandName: "details",  
            caption: "Test",
            click: function (e) {
                 
            }
        },
        { commandName: "save", caption: "save1" },
        { commandName: "cancel", caption: "cancel1" },
        { commandName: "insert", caption: "insert1" }
    ]
    }
],
rowHover: false,
columns: [
    { field: "id" },
    { field: "name", width: "200px" },
    { field: "quantity" },
    { field: "price" },
    { field: "units" },
    { field: "discontinued" },
    { field: "myDate", format: "{0:MM/dd/yyyy}" }
],
editing: {
    enabled: true,
    event: "doubleclick"
    type: "cell"
}
});