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

发布时间：2020-12-16 02:54:02 所属栏目：百科来源：网络整理

导读：我使用以下代码来实现排序： 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,pageNum

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

<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调用中包装整个按钮有点迷失.

解决方法

我很厚在这种情况下(使用Bootstrap类)我只需要将按钮的类“btn btn-default”添加到我的ActionLink的@class中：

@Ajax.ActionLink(
    "Name",OnSuccess = "PostAjaxLoad()"},new { @class = "btn btn-default" } // < -- added.
    )

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!