如何在jQUERY中传递Id

时间:2014-04-28 11:46:41

标签: asp.net-mvc-4

想要在弹出窗口中执行编辑,我有代码但不能正常工作

这是我的脚本

  $("#mylink").click(function(e) {
    var count = 0; 
    var $dialog = $("<div id='divCreateTask'></div>");
    var Id = $(this).data(e);//       
    url: "TaskTimeSheet/EditTaskPopUp/" + Id //       
    var url = "EditTaskUrl" + id;var url = '@Url.Action("EditTaskPopUp", "TaskTimeSheet")'; 
    url += '/?Id=' +Id; $("#tab1").load(url);
    $dialog.empty();$dialog.dialog({  
                         autoOpen: true, 
                         width: 600,
                         height: 650,
                         resizable: false,
                         modal: true,
                         open: function (event, ui) { 
                              $(this).load(url);   
                              },
                        buttons: { 
                              "Cancel": function () { 
                                    $(this).dialog("close"); }  
                                    }); 
                              } });

@Html.ActionLink("Edit", "TaskTimeSheet", new {id="mylink", param = dr["id"].ToString() })

从这个链接我必须传递id .....

这一切都加载在表格中每一行都有编辑按钮....现在可以将Id传递给querY,..

1 个答案:

答案 0 :(得分:1)

使用ajax调用

$('.btnSubmit').on('click', function(){
    $.ajax({
        url: '@Url.Action("Action", "Controller")',
        type: 'post',
        cache: false,
        async: true,
        data: { id: "ID" },
        success: function(result){
            $('.divContent').html(result);
        } 
    });
});

您的控制器操作类似于

[HttpPost]
public PartialViewResult Action(int id){
    var Model = //query the database
    return PartialView("_PartialView", Model);
}

这将调用您的控制器,返回部分视图并将其放入具有类&#34; divContent&#34;的容器中。然后,您可以运行对话框代码来弹出容器。

行ID更新

获取表行的id我在行单击事件

中使用它
$(this).closest('tr').find('.ID').val();  // or .html() if you have put it in the cell itself

这将获取您所在的行,然后在该行中找到具有类ID的单元格。希望这会有所帮助。