How to create picture link in ASP.NET MVC?

Question

Well, how to create picture link like this up or down votes (on the left) from link below? (ajax enabled link)

<%= Ajax.ActionLink("Vote!",
                    "AddPictureVote",
                    "Vote",
                    new {id = Model.PictureId},
                    new AjaxOptions{UpdateTargetId = "addvote"})%>

In this case, I don't like the Ajax helper mechanism. I don't think that there is any reason really to get HTML back from the server, which is what the standard Ajax helper will do. I'd prefer to handle it with jQuery as I show in my example. — tvanfosson
– tvanfosson, Commented Jul 5, 2009 at 0:32

tvanfosson · Accepted Answer · 2009-07-03 15:33:08Z

10

I think this is the basic idea. You can fill in the details/adapt as needed to your markup and model/actions.

$('.upvote').click( function() {
    $(this).addClass('highlight');
    $(this).nextAll('.downvote:first').removeClass('highlight');
    $.post( '<%= Url.Action( "vote", new { id = Model.ID } %>', { vote: 'up' } );
});

$('.downvote').click( function() {
   $(this).addClass('highlight');
   $(this).prevAll('.upvote:first').removeClass('highlight');
   $.post( '<%= Url.Action( "vote", new { id = Model.ID } %>', { vote: 'down' } );
});

answered Jul 3, 2009 at 15:33

tvanfosson

534k102 gold badges703 silver badges801 bronze badges

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

4 Comments

Ante Over a year ago

Few questions for you: 1) can you explain that last parametar {vote: "up"}? how can I cach that in controler? 2) is this an ajax post method?

tvanfosson Over a year ago

Yes -- it's ajax. You'd have an action on the same controller called Vote that takes a string parameter vote: public ActionResult Vote( string vote ) { ... }

tvanfosson Over a year ago

Note -- that it's only an example. You could send it a boolean as well -- with true being an upvote and false being a downvote.

tvanfosson Over a year ago

Note that if you want the number of votes back so you can update it on the page, just send it back as a json response and use the success callback on the post method to update the vote count with the value returned from the server.

Collectives™ on Stack Overflow

How to create picture link in ASP.NET MVC?

1 Answer 1

4 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

4 Comments

Your Answer

Sign up or log in

Post as a guest

Related