html action不起作用,Html.ActionLink做为按钮或图像,而不是连接

本文介绍在ASP.NET MVC中如何将Html.ActionLink转换为按钮或图像而非传统链接的方法。通过结合使用CSS隐藏ActionLink并利用jQuery触发点击事件,可以实现这一目标。此外,还提供了使用Bootstrap样式创建按钮样式的ActionLink示例。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

在ASP.NET MVC的最新版本(RC1)中,如何将Html.ActionLink呈现为按钮或图像而不是连接? css

#1楼

我这样作的方法是单独使用actionLink和图像。 将actionlink图像设置为隐藏,而后添加jQuery触发器调用。 这更像是一种解决方法。 html

''

myImage.jpg

触发示例: app

$("#yourImage").click(function () {

$('.yourclassname').trigger('click');

});

#2楼

借用Patrick的回答,我发现我必须这样作: post

Cancel

避免调用表单的post方法。 spa

#3楼

彷佛有不少关于如何建立显示为图像的连接的解决方案,但没有一个使它看起来像是一个按钮。 .net

我发现只有很好的方法才能作到这一点。 它有点hacky,但它的工做原理。 翻译

您须要作的是建立一个按钮和一个单独的操做连接。 使用css使操做连接不可见。 单击该按钮时,它能够触发操做连接的单击事件。 code

@Ajax.ActionLink("Search", "ActionName", null, new AjaxOptions {}, new { id = "SearchLink", style="display:none;" })

function Search(){

$("#SearchLink").click();

}

每次添加须要看起来像按钮的连接时,执行此操做可能会很痛苦,但它确实能够实现所需的结果。 orm

#4楼

一个迟到的答案,但这就是我将ActionLink变成按钮的方式。 咱们在项目中使用Bootstrap,由于它很方便。 不要紧@T,由于它只是咱们正在使用的翻译器。 htm

@Html.Actionlink("Some_button_text", "ActionMethod", "Controller", "Optional parameter", "html_code_you_want_to_apply_to_the_actionlink");

上面给出了这样的连接,以下图所示:

localhost:XXXXX/Firms/AddAffiliation/F0500

a98328b87f4c48d3b44670f231eaa59a.gif

在我看来:

@using (Html.BeginForm())

{

@T("Admin.Users.Users")

@Html.ActionLink("" + @T("Admin.Users.AddAffiliation"), "AddAffiliation", "Firms", new { id = (string)@WorkContext.CurrentFirm.ExternalId }, new { @class="btn btn-primary" })

}

但愿这有助于某人

#5楼

若是您不想使用连接,请使用按钮。 你也能够添加图像到按钮:

Create New

New

type =“button”执行您的操做,而不是提交表单。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值