[asp.net-mvc] HTML.ActionLink는 링크가 아닌 단추 또는 이미지

Program / 글쓴이

ASP.NET MVC의 최신 (RC1) 릴리스에서 Html.ActionLink를 링크 대신 단추 나 이미지로 렌더링하려면 어떻게해야합니까?

답변

늦은 응답이지만 간단하게 유지하고 htmlAttributes 객체에 CSS 클래스를 적용 할 수 있습니다.

<%= Html.ActionLink("Button Name", "Index", null, new { @class="classname" }) %>

스타일 시트에 클래스를 만듭니다

a.classname
{
    background: url(../Images/image.gif) no-repeat top left;
     display: block;
     width: 150px;
     height: 150px;
     text-indent: -9999px; /* hides the link text */
}

답변

다음과 같이 Url.Action () 및 Url.Content ()를 사용하고 싶습니다.

<a href='@Url.Action("MyAction", "MyController")'>
    <img src='@Url.Content("~/Content/Images/MyLinkImage.png")' />
</a>

엄밀히 말하면 Url.Content는 경로 지정에만 필요하며 실제로 귀하의 질문에 대한 답변의 일부는 아닙니다.

새로운 면도기 뷰 구문을 사용해야 함을 지적한 @BrianLegg에게 감사드립니다. 이에 따라 예제가 업데이트되었습니다.

답변

Patrick의 답변에서 차용 한 결과 다음과 같이해야합니다.

<button onclick="location.href='@Url.Action("Index", "Users")';return false;">Cancel</button>

양식의 post 메소드를 호출하지 않도록하십시오.

답변

단순하다고 불러주세요.

<a href="<%: Url.Action("ActionName", "ControllerName") %>">
    <button>Button Text</button>
</a>

그리고 당신은 단지 하이퍼 링크 하이라이트를 관리합니다. 우리의 사용자는 그것을 사랑합니다 🙂

답변

부트 스트랩을 사용하면 동적 단추로 표시되는 컨트롤러 작업에 대한 링크를 만드는 가장 짧고 깔끔한 방법입니다.

<a href='@Url.Action("Action", "Controller")' class="btn btn-primary">Click Me</a>

또는 HTML 도우미를 사용하려면

@Html.ActionLink("Click Me", "Action", "Controller", new { @class = "btn btn-primary" })

답변

단순히 :

<button onclick="@Url.Action("index", "Family", new {familyid = Model.FamilyID })">Cancel</button>

답변

늦은 답변이지만 이것이 ActionLink를 버튼으로 만드는 방법입니다. 우리는 프로젝트에서 Bootstrap을 편리하게 사용하고 있습니다. @T는 우리가 사용하는 유일한 번역기이므로 걱정하지 마십시오.

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

위는 이와 같은 링크를 제공하며 아래 그림과 같습니다.

localhost:XXXXX/Firms/AddAffiliation/F0500

부트 스트랩이있는 그림 데모 버튼

내 견해로는 :

@using (Html.BeginForm())
{
<div class="section-header">
    <div class="title">
        @T("Admin.Users.Users")
    </div>
    <div class="addAffiliation">
        <p />
        @Html.ActionLink("" + @T("Admin.Users.AddAffiliation"), "AddAffiliation", "Firms", new { id = (string)@WorkContext.CurrentFirm.ExternalId }, new { @class="btn btn-primary" })
    </div>
</div>

}

희망이 누군가에게 도움이되기를 바랍니다.