Click here to Skip to main content
12,950,268 members (64,063 online)
Rate this:
 
Please Sign up or sign in to vote.
See more:
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)

    Print Answers RSS
Top Experts
Last 24hrsThis month
OriginalGriff 5,829
CHill60 3,460
Maciej Los 2,953
Jochen Arndt 1,975
ppolymorphe 1,820


Advertise | Privacy | Mobile
Web02 | 2.8.170525.1 | Last Updated 13 Jan 2013
Copyright © CodeProject, 1999-2017
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