Click here to Skip to main content
Rate this: bad
good
Please Sign up or sign in to vote.
See more: MVC3
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
Posted 13-Jan-13 0:38am
ahsan22406

This content, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)



Advertise | Privacy | Mobile
Web02 | 2.8.140926.1 | Last Updated 13 Jan 2013
Copyright © CodeProject, 1999-2014
All Rights Reserved. Terms of Service
Layout: fixed | fluid

CodeProject, 503-250 Ferrand Drive Toronto Ontario, M3C 3G8 Canada +1 416-849-8900 x 100