Hi
I have a web grid that contains CRUD operation and wanna to open this operation in modal dialog : my details column is like this :
@foreach (var items in Model)
{
@grid.GetHtml(columns: new[]{grid.Column("Name",header:""),
grid.Column("",header:"",format:(item)=> Html.ActionLink("More Details", "Details", "Category", new{
categoryId = items.Id,
@class = "DetailsDialog",
data_dialog_id = "Dialog",
data_dialog_title = "Details"
},null))
}
and also my script :
<script type="text/javascript">
$.ajaxSetup({ cache: false });
$(document).ready(function () {
$(".DetailsDialog").live("click", function (e) {
e.preventDefault();
$("<div></div>")
.addClass("dialog")
.attr("id", $(this)
.attr("data-dialog-id"))
.appendTo("body")
.dialog({
title: $(this).attr("data-dialog-title"),
close: function () { $(this).remove(); },
modal: true,
height: 400,
width: 800,
left: 0
})
.load(this.href);
});
$(".close").live("click", function (e) {
e.preventDefault();
$(this).closest(".dialog").dialog("close");
});
});
</script>
but when I want to send categoryId to my this action link :
public ActionResult Details(Guid categoryId)
{
var categoryDetails = _categoryRepository.GetCategoryById(categoryId);
return PartialView("Details", categoryDetails);
}
it doesn't render in PopUp ! how can I solve this ??
thanks