Passing data to a jQuery UI Dialog

Question

I'm developing an `ASP.Net MVC` site and on it I list some bookings from a database query in a table with an `ActionLink` to cancel the booking on a specific row with a certain `BookingId` like this: My bookings ```

Date	Time	Seats
2008-12-27	13:00 - 14:00	2	cancel	change
2008-12-27	15:00 - 16:00	3	cancel	change

``` What would be nice is if I could use the `jQuery Dialog` to popup…

Accepted Answer

You could do it like this:

- mark the `<a>` with a class, say "cancel"

set up the dialog by acting on all elements with class="cancel":

```
$('a.cancel').click(function() { 
  var a = this; 
  $('#myDialog').dialog({
    buttons: {
      "Yes": function() {
         window.location = a.href; 
      }
    }
  }); 
  return false;
});
```

(plus your other options)

The key points here are:

- make it as unobtrusive as possible

- if all you need is the URL, you already have it in the href.

However, I recommend that you make this a POST instead of a GET, since a cancel action has side effects and thus doesn't comply with GET semantics...

Passing data to a jQuery UI Dialog

Solution

Problem