ajax - 将整个按钮链接到它包含的 Ajax.ActionLink

Question

我使用以下代码来实现排序:

<button type="button" class="btn btn-default @(Model.SortOrder.Trim().ToUpper().Equals("NAME") ? "active" : "")">
    @Ajax.ActionLink("Name", "Cause", "Search", new { query = Model.Query, category = Model.Category, pageNumber = 0, sortOrder = "NAME", sortDirection = "ASCENDING" }, new AjaxOptions() { UpdateTargetId = "SearchCauseSelfWidgetContent", InsertionMode = InsertionMode.Replace, OnSuccess = "PostAjaxLoad()" })
</button>

正如您所料，当我单击按钮内的文本时，它可以工作，但如果我单击其他任何地方(按钮边界和文本之间的填充)，它不会执行任何操作。

由于似乎没有 Url. ajax 方法的助手，没有 Ajax.ButtonLink ，我对如何在这个 ajax 调用中包装整个按钮有点迷茫。

Answer 1

我很厚。在这种情况下(使用 Bootstrap 类)我只需要添加按钮的 class es, "btn btn-default"到我的 ActionLink的 @class :

@Ajax.ActionLink(
    "Name",
    "Cause",
    "Search",
    new { query = Model.Query, category = Model.Category, pageNumber = 0, sortOrder = "NAME", sortDirection = "ASCENDING" },
    new AjaxOptions() { UpdateTargetId = "SearchCauseSelfWidgetContent", InsertionMode = InsertionMode.Replace, OnSuccess = "PostAjaxLoad()"},
    new { @class = "btn btn-default" } // < -- added.
    )