반응형
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
반응형
'Development Tip' 카테고리의 다른 글
JavaScript에서 두 객체 배열의 차이를 얻는 방법 (0) | 2020.10.06 |
---|---|
테이블의 행을 업데이트하거나 존재하지 않는 경우 INSERT하는 방법은 무엇입니까? (0) | 2020.10.06 |
Eclipse에서 콘솔 창을 여는 방법은 무엇입니까? (0) | 2020.10.06 |
Android Studio를 사용하여 공유 환경 설정 파일을 보려면 어떻게해야합니까? (0) | 2020.10.06 |
Vuejs : 경로 변경 이벤트 (0) | 2020.10.06 |