jquery 与 asp.net mvc 对话框

Question

我有一个 html 链接，我想弹出一个包含用户名和复选框列表的对话框。然后，用户可以选择一个或多个复选框并单击“确定”，该信息将传回主 GUI。使用 jquery 可以做到这一点还是我应该使用其他技术？

Answer 1

没有任何 jQuery 是完美的工具。

您需要做的就是回发到 Controller 中的 ActionResult，返回您的数据 [甚至更好的部分 View ] 并将其显示在页面上。

如果您想要示例代码，请告诉我，我会发布一些。

但本质上你需要执行 $.post("/controller/action", {arg1:val1, arg2:val2}, function(retHtml){ code to show data });

在你的 Controller 中是这样的；

public ActionResult action(string arg1, string arg2)
{
  //Do guff
  return PartialView("MyPartialView", FormViewModel);
}

如果您需要解释示例，请在评论中告诉我。

编辑:

我给出的代码实际上相当完整，但让我们稍微充实一下它并使其变得简单。有更好的方法可以做到这一点，但如果您是 jQuery 新手，这很简单且易于阅读。

让我们从 View 开始；

你已经说了一个按钮:

<input id="submitBtn" name="submitBtn" type="submit" onclick="postComment(<%=Model.Id %>); return false;" value="Submit" />

然后你就可以像这样发回 jQuery 代码；

function postComment(id) {
        var commentText = jQuery.trim($("#textbox_ + id.toString()).val());
        $.post("/Articles/jQueryAddComment", { commentText: commentText, id: id, }, function(newCommentListHTML) {
            AddCommentReturn(id, commentType, newCommentListHTML);
        });
    }

上面的代码所做的只是从一个字段中获取注释文本，然后发回我的 jQueryAddComment Controller 操作并传入一些变量。

在我的 Controller 中，我现在有；

public ActionResult jQueryAddComment(string commentText, int id)
{
  //code here to add the new comment to the database.

  //more code to get the new list of comments from the database and into a model

  //code to return a partial view back to the view itself
  return PartialView("CommentList", fvm);

}

上面 jQuery 代码中的回调调用普通的 Javascript 函数来获取返回的 HTML 并将其显示在页面上。

在这种情况下，您将显示一个包含 HTML 的 Div，并向其提供点击事件，以便用户可以与其交互。

这样是不是更清楚了？