Question

我有一个主页，会显示一个表格，其中包含每个用户的一些数据。后端处理，我的模型中有一个列表。我试图基于此列表查看动态表，并能够删除元素而无需点击刷新。我不知道从哪里开始做这样的事情。有什么帮助吗？

这是我到目前为止所拥有的：在HomePage控制器中，我有一个动作返回模型的Json表示。已经在登录控制器中设置了“HpModel”，另一个是在这个中：

public JsonResult GetUserInfo(HomePageModel HpModel)
    {
        DBOps ops = new DBOps();
        HpModel.PhoneDisplay = ops.getDisplayInfo(HpModel.ExtNum);
        HpModel.NumberOfLines = HpModel.PhoneDisplay.Count;
        return Json(HpModel);
    }

在我看来，我有一个javascript来抓住这个模型：

 function getInfo() {
            alert('here');
            $.ajax({
                url: '@Url.Action("GetUserInfo", "HomePage")',
                data: json,
                type: 'POST',
                success: function (data) {
                    alert(data);
                }
            });
        }

我不确定出了什么问题，并且无论如何都不能100％确定它的完成方式。感谢帮助：）

Answer 1

还有一个想法。您可以使用jQuery隐藏和回调函数$ Post到您的Delete ActionResult。

例如:(这里我创建了简单的例子，没有$ post：jsfiddle）

<script>
    $('.delete').click(function()
    {
     $(this).closest('tr').hide(callback);
        function callback() {
            $post(/Home/Delete/....
          });

  </script>


<table>
    <tr>
        <td>Marry</td>
        <td>10 points</td>
        <td><a class="delete" href="#">Delete</a></td>
    </tr>
    <tr>
        <td>Jane</td>
        <td>8 points</td>
        <td><a class="delete" href="#">Delete</a></td>
    </tr>
    <tr>
        <td>Lara</td>
        <td>5 points</td>
        <td><a class="delete" href="#">Delete</a></td>
    </tr>
</table>

在View MVC4中动态显示模型内容

1 个答案: