deleteRow

deleteRow(rowIndex) - deletes an item from the temporary editing collection in DataSource. In order to delete the real item the saveChanges() function needs to be called.

$("#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 }
        }
    }
},
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",  
    confirmation: {
        "delete": {
            enabled: true,
            template: "Delete row {0}?" 
        }
    }
}
});
function DeleteRow() {
    $("#grid1").swidget().deleteRow(0);
}