Creating Action Without Update Button in a Grid Command Column

Environment

Product

Grid for Progress® Telerik® UI for ASP.NET MVC

Description

I have a grid where I only need Create, Read and Destroy actions. However, if I have no command.Edit(); in the c.Command, then there is no way to create a record.

If I add the command.Edit();, then it throws an error, saying I need to hook up an Update method.

How do I fix this?

Solution

It is possible to achieve the desired behavior by providing a custom save button and making it visible only when the edited model is new.

Here is one way of achieving the desired result:

1. Add a custom command button. You may use the IconClass() to get it to look like the built-in save buttons:

       columns.Command(c =>
       {
           c.Destroy();
           c.Custom("Save").Click("saveRow").IconClass("k-icon k-i-check").Visible     ("shouldBeVisible");
       });
   

2. Add the click handler which will save the row and trigger the create action:

       function saveRow(e) {
           e.preventDefault();
           // e.target is the DOM element representing the button
           var tr = $(e.target).closest("tr");
           this.saveRow();
       }
   

3. Set the visibility of the custom button to true only for new models:

       function shouldBeVisible(e) {       
           return e.isNew();
       }
   

More ASP.NET Core Grid Resources

• ASP.NET Core Grid Documentation

• ASP.NET Core Grid Demos

• ASP.NET Core Grid Product Page

• Telerik UI for ASP.NET Core Video Onboarding Course (Free for trial users and license holders)

• Telerik UI for ASP.NET Core Forums

See Also

• Client-Side API Reference of the Grid for ASP.NET Core
• Server-Side API Reference of the Grid for ASP.NET Core
• Telerik UI for ASP.NET Core Breaking Changes
• Telerik UI for ASP.NET Core Knowledge Base