I find the solution to get selected row.
Following is the code.
@{
var grid = new WebGrid(@ViewBag.ImageFiles, selectionFieldName: "SelectedRow");
}
<div id="gridImages">
@grid.GetHtml(tableStyle: "webGrid",
headerStyle: "header",
displayHeader: true,
alternatingRowStyle: "alt",
selectedRowStyle: "select",
mode: WebGridPagerModes.All,
columns: grid.Columns(
grid.Column("Select", format: @<text>@Html.RadioButton("rbFile", "", false) </text>),
grid.Column("File", "File", format: @<text>@item.File</text>)))
</div>
In the javascript on button click i am using the following code to get selected row
var selectedValue = "";
var isSelected = false;
$('#gridImages table tr').each(function () {
if ($(this).find("input[id*='rbFile']").length > 0) {
if ($(this).find("input[id*='rbFile']")[0].checked == true) {
isSelected = true;
selectedValue = $(this)[0].innerText;
}
}
});
if (isSelected == true) {
$(this).dialog("close");
txtBg = document.getElementById("txtBg");
txtBg.value = selectedValue;
}
else {
alert("Please select atleast one file.");
}