Assign Action to dynamically created html buttons in mvc3

Question

I am new to mvc.I created html buttons dynamically and I am unable to assign action for these buttons

Code is:

sb.Append("<li style=\"margin:17px;\">");
        sb.Append("<img src=\"" + path + "Content/HeaderSlides/FullImages/" 
                  + imagename + "\" width=\"180\" height=\"100\"/>");

        sb.Append("<input type=\"button\"  name=\"deleteimage" + id 
                  + " \" id=\"btndelete" + id 
                  + "\" value=\"Delete\" class=\"t-button t-grid-delete\" " 
                  + " style=\"margin-left:10px;\" />");

I want to make the html buttons something like this:

<input type="submit" 
       title="Delete" 
       value="Delete" 
       name="btndelete" 
       onclick="location.href='@Url.Action("DeleteHeaderSlide", 
                                           "HeaderSlides",
                                           new { filename = "Sunset.jpg" })'" />

Only give complete code of creation of one button. Same will be for all others — Sami
– Sami, Commented Aug 23, 2012 at 12:01
Why are you creating html with strings? It's much better to use helpers or templates. Also, if your button simply changes the current page, why not use a link? — jrummell
– jrummell, Commented Aug 23, 2012 at 12:32

Ibrahim ULUDAG · Accepted Answer · 2012-08-23 12:30:41Z

1

You'd better use jquery.

$(document).ready(function(){
    $('input[name=btndelete]').bind('click', function() {
       window.location.href='@Url.Action("DeleteHeaderSlide", 
                                       "HeaderSlides",
                                       new { filename = "Sunset.jpg" })';
    });

});

answered Aug 23, 2012 at 12:30

Ibrahim ULUDAG

4804 silver badges10 bronze badges

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

Comments

Sami · Accepted Answer · 2012-08-23 12:12:13Z

0

If you are able to create html button with your code the Simplest way to define/assign action is

string action = "<script>function yourFunction() {alert('hi');}</script>";
string btnCraeteCode = "<input type='button' onClick='yourFunction()' />";    
sub.Append(action+btnCraeteCode);

You can also have already defined yourFunction() defined in script in head tag of your page

In that case you do not need to add action string here before createButton

answered Aug 23, 2012 at 12:12

Sami

8,4599 gold badges72 silver badges104 bronze badges

Collectives™ on Stack Overflow

Assign Action to dynamically created html buttons in mvc3

2 Answers 2

Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related