how to display selected item for edit

See more:

ASP.NET

MVC4

Hi All,

I am using knockout.js for listing and editing data. Currently i am facing one issue is that , when i clik on one item in a list ,i cant view it for edit in view page. i am getting selected item :

<tr data-bind="click: $root.AddJob">

in my javascript file i add one function

self.AddJob = function (Job) {
       self.JobTitle = Job.JobTitle;
       self.JobID = Job.JobID;
       self.JobDesc = Job.JobDesc;
   };

now i have a ViewTicket partail view for view the selected item for edit. i am calling partial view like:

<div id="ViewTicketpopup" style="display:none">
   @Html.Partial("_ViewTicket")
</div>

<script type="text/javascript">
        $(document).ready(function () {
            $('#listingtr').click(function (event) {
                $("#ViewTicketpopup").dialog("open");
                $('#ViewTicketpopup').dialog({
                    height: 430,
                    width: 700,
                    modal: true,
                    title: 'View Ticket'
                });
                return false;
            });
        });
    </script>

when i click one item the popup will show ,but i dont know how to send the selected item for display.In partial view i binded all the elements for display.so now i am stuck in displaying selected item.plz help me