Mvc controller method call from view button

Question

I am trying to call Controller method from a Button in view.

Controller:

public ActionResult DownloadTemplate()
{       
    return View("DownloadTemplate");
}

[HttpPost]
public ActionResult onclick()
{
    Console.WriteLine("clicked");
    return View();
}

View:

<td class="rightalign">
   <span class="leftalign">                               
        @(Html.Kendo().Button()
          .Name("btnBlankTemplate")
          .HtmlAttributes(new { type = "button", @class = "k-primary" })
          .Content("Blank Template"))
   </span>

How can i Simply call the onclick() method by clicking the view button?

If Kendo MVC is not supporting how can I use simple Button?

Is this a MVC form that is filled out. The methods in your controller that have a corresponding view are called actions and can be called — lloyd
– lloyd, Commented Jun 23, 2015 at 4:46

Ricky Gummadi · Accepted Answer · 2015-06-23 04:48:42Z

1

The below should work.

                         @(Html.Kendo().Button()
                         .Name("btnBlankTemplate")
                         .HtmlAttributes(new { type = "button", @class = "k-primary" })
                         .Content("Blank Template"))
                         .onclick(ev => ev.Click("onClick")))

refer to the kendo ui documentation here

http://demos.telerik.com/aspnet-mvc/button/events

answered Jun 23, 2015 at 4:48

Ricky Gummadi

5,3502 gold badges50 silver badges70 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

Rockstar Over a year ago

I am using the Events. And giving the Url in JavaScript. Still not working. can you let me know what to include in the JavaScript.

Rockstar · Accepted Answer · 2015-06-25 22:19:25Z

1

I just added below and it is working.

Controller:

[HttpPost]
public ActionResult BlankTemplate()
{
    Console.WriteLine("clicked");
    return View();
}

view :

<script>
    BlankTemplate = function () {            
            $.ajax({
                url: _rootUrl + "Controller/BlankTemplate",
                data: {                   
                },
                type: "POST"
            });
        }
</script>

<span class="leftalign">
<input type="button" id="btnBlankTemplate" class="k-button" value="Blank Template" onclick="BlankTemplate();" />
</span>

answered Jun 25, 2015 at 22:19

Rockstar

592 silver badges9 bronze badges

Comments

Rockstar · Accepted Answer · 2015-06-30 19:43:57Z

0

If you dont want to use Ajax and simply pass the value using Html.beginform().

controller:

public ActionResult DownloadTemplate()
{
  //To Do
}

View:
@using (Html.BeginForm("DownloadTemplate", "Controller", FormMethod.Post}))
    {
       <span class="leftalign">
       <input type="submit" id="btnBlankTemplate" class="k-button" value="Blank Template"/>
      </span>
    }

answered Jun 30, 2015 at 19:43

Rockstar

592 silver badges9 bronze badges

Collectives™ on Stack Overflow

Mvc controller method call from view button

3 Answers 3

1 Comment

Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

1 Comment

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related