WebGrid MVC 3 with RadioButton Get Selected - asp.net-mvc-3

Question

how I can make the WebGrid as appears in the picture and get the selected row with the rariobutton
Blessings

Answer 1

Try this
myGrid.Column(header: "Select", format: #<text><input name="chck"
TYPE="RADIO" CHECKED="#item.select" /></text>),
Also check this link http://fiddle.jshell.net/Gt4GH/
This is not a compiled code, try this and let me know if it works :)

Answer 2

You could define view models:
public class UserViewModel
{
public int Id { get; set; }
public string Email { get; set; }
public string FirstName { get; set; }
public string LastName { get; set; }
}
public class MyViewModel
{
public int? SelectedUserId { get; set; }
public IEnumerable<UserViewModel> Users { get; set; }
}
then a controller:
public class HomeController : Controller
{
public ActionResult Index()
{
var users = Enumerable.Range(1, 5).Select(x => new UserViewModel
{
Id = x,
Email = "email " + x,
FirstName = "fn " + x,
LastName = "ln " + x,
});
var model = new MyViewModel
{
Users = users
};
return View(model);
}
[HttpPost]
public ActionResult Index(int? selectedUserId)
{
return Content(string.Format("Thank you for selecting user id: {0}", selectedUserId));
}
}
and finally a view:
#model MyViewModel
#{
var grid = new WebGrid(Model.Users);
}
#using (Html.BeginForm())
{
#grid.GetHtml(
columns: grid.Columns(
grid.Column(
header: "Select",
format: #<text>#Html.RadioButtonFor(x => x.SelectedUserId, (int)item.Id)</text>
),
grid.Column("Email"),
grid.Column("FirstName", "First Name"),
grid.Column("LastName", "Last Name")
)
)
<button type="submit">OK</button>
}