Development Tip

ActionLink htmlAttributes

yourdevel 2020. 10. 6. 19:29
반응형

ActionLink htmlAttributes


공장

<a href="@Url.Action("edit", "markets", new { id = 1 })" 
            data-rel="dialog" data-transition="pop" data-icon="gear" class="ui-btn-right">Edit</a>

작동하지 않음-왜?

@Html.ActionLink("Edit", "edit", "markets", new { id = 1 }, new {@class="ui-btn-right", data-icon="gear"})

data-icon = "gear"와 같은 것을 htmlAttributes에 전달할 수없는 것 같습니다.

제안?


문제는 익명 개체 속성 data-icon에 잘못된 이름 이 있다는 것 입니다. C # 속성은 이름에 대시를 사용할 수 없습니다. 이를 해결할 수있는 두 가지 방법이 있습니다.

대시 대신 밑줄을 사용합니다 (MVC는 내 보낸 HTML에서 밑줄을 대시로 자동 대체합니다).

@Html.ActionLink("Edit", "edit", "markets",
      new { id = 1 },
      new {@class="ui-btn-right", data_icon="gear"})

사전을받는 오버로드를 사용하십시오.

@Html.ActionLink("Edit", "edit", "markets",
      new { id = 1 },
      new Dictionary<string, object> { { "class", "ui-btn-right" }, { "data-icon", "gear" } });

원하는 하이픈을 밑줄로 바꿉니다. 자동으로 하이픈으로 렌더링됩니다.

@Html.ActionLink("Edit", "edit", "markets",
    new { id = 1 },
    new {@class="ui-btn-right", data_icon="gear"})

된다 :

<form action="markets/Edit/1" class="ui-btn-right" data-icon="gear" .../>

@Html.ActionLink("display name", "action", "Contorller"
    new { id = 1 },Html Attribute=new {Attribute1="value"})

참고 URL : https://stackoverflow.com/questions/4108943/actionlink-htmlattributes

반응형