jquery ajax popup局部视图

时间:2017-10-07 20:00:06

标签: javascript jquery asp.net ajax asp.net-mvc

编辑: 我有一个问题,我无法弄清楚。 我有Javascript Jquery函数从我的控制器弹出一个动作。

当我在浏览器中手动输入时,我的操作很有效。 另外,在我调试的浏览器中,在预览部分我成功获得表单,它只是不弹出

我的HTML:

<script src="~/Scripts/jquery-3.2.1.min.js"></script>
<script src="~/Scripts/jquery-ui-1.12.1.min.js"></script>
<script src="~/Scripts/bootstrap.min.js"></script>
<script src="~/Scripts/StudentPopup.js"></script>
  <a href="javascript:void(0);" class="StudentDelete" data-id="@item.ReferenceID">Delete</a> |
<a href="javascript:void(0);" class="StudentEdit" data-id="@item.ReferenceID">Edit</a> |
<a href="javascript:void(0);" class="StudentDetail" data-id="@item.ReferenceID">Details</a> 

JavaScript的:

     var StudentDetailUrl = '/Students/PopupDetailsStudent';
$(function () {
    $(".StudentDetail").click(function () {

        var $buttonClicked = $(this);
        var id = $buttonClicked.attr('data-id');
        var options = { "backdrop": "static", keyboard: true };

        $.ajax({
            type: "GET",
            url: StudentDetailUrl,
            contentType: "application/json; charset=utf-8",
            data: { "Id": id },
            datatype: "html",
            success: function (data) {
                $('#myModalContent').html(data);
                $('#myModal').modal(options);
                $('#myModal').modal('show');
             //   debugger;
                //pop up detail student

            },
            error: function () {
                debugger;
                alert("Dynamic content load failed.");
            }
        });
    });

});

控制器:

public ActionResult PopupDetailsStudent(int? id)
    {
        if (id == null) {return new HttpStatusCodeResult(HttpStatusCode.BadRequest);}
        UseClass us = new UseClass();
        StudentViewModel SSVM = new  StudentViewModel();
        List<Student> SS = new List<Student>();
        //reading all rows
        string strtable = "select * from Students where IsCurrent=1 And ReferenceID=" + id;
        var db = new DatabaseContext(StaticValues.connectionstr);
        try
        {
            var studentlist = db.Database.SqlQuery<Student>(strtable).ToList();
            SSVM = SSVM.ConvertStudentToStudentViewModel(studentlist[studentlist.Count - 1]);
            SSVM.StudentVisitList = us.StudentVisitListStudentRef(SSVM.ReferenceID);

        }catch (Exception ex){ }
        if (SSVM == null)
        {return HttpNotFound();}
        return PartialView(SSVM);
    }

0 个答案:

没有答案