programing

버튼을 클릭 할 때 사용자를 리디렉션하려면 어떻게합니까?

coolbiz 2021. 1. 17. 11:02
반응형

버튼을 클릭 할 때 사용자를 리디렉션하려면 어떻게합니까?


버튼이있는보기가 있습니다. 사용자가 버튼을 클릭하면 데이터 입력보기로 리디렉션되기를 원합니다. 어떻게해야합니까? 뷰가 생성되고, 테스트되고, 작동한다는 것을 언급해야합니다. URL을 입력하여 액세스 할 수 있습니다.

버튼의 onclick 이벤트를 연결하는 방법을 설명하는 단계를 찾았지만 MVC를 처음 접했고이 시점에서 다소 길을 잃었습니다.

감사!


버튼의 의미에 따라 다릅니다. 링크 인 경우 :

<%= Html.ActionLink("some text", "actionName", "controllerName") %>

게시를 위해 다음 양식을 사용할 수 있습니다.

<% using(Html.BeginForm("actionName", "controllerName")) { %>
    <input type="submit" value="Some text" />
<% } %>

마지막으로 버튼이있는 경우 :

<input type="button" value="Some text" onclick="window.location.href='<%= Url.Action("actionName", "controllerName") %>';" />

다른 답변에 추가 된 것처럼 다음은 면도기 엔진 구문입니다.

<input type="button" value="Some text" onclick="@("window.location.href='" + @Url.Action("actionName", "controllerName") + "'");" />

또는

window.location.href = '@Url.Action("actionName", "controllerName")';

JQuery를 사용하는 경우 다음을 수행 할 수 있습니다.

<script type="text/javascript">
    $('#buttonid').click(function () {
        document.location = '@Url.Action("ActionName","ControllerName")';
    });
</script>

저처럼 버튼 링크에 JavaScript에 의존하고 싶지 않다면. 앵커를 사용하고 CSS를 사용하여 버튼처럼 스타일을 지정할 수도 있습니다.

<a href="/Controller/View" class="Button">Text</a>

또는 위의 방법 중 어느 것도 작동하지 않으면 다음 접근 방식을 사용할 수 있습니다.

이것이 당신의 버튼이라고 상상해보십시오.

<button class="btn" onclick="NavigateToPdf(${Id});"></button>

jquery 템플릿을 사용하여 $ {Id} 값을 채웠습니다. 요구 사항에 맞는 것을 사용할 수 있습니다. 다음 함수에서는 window.location.href를 컨트롤러 이름, 액션 이름, 마지막으로 매개 변수와 동일하게 설정합니다. 성공적으로 탐색 할 수 있습니다.

function NavigateToPdf(id) {
    window.location.href = "Link/Pdf/" + id;
}

도움이되기를 바랍니다.


버튼 태그를 tag로 쉽게 감쌀 수 있습니다. Url.Action () HTML Helper 를 사용하면 한 페이지에서 다른 페이지로 이동할 수 있습니다.

<a href='@Url.Action("YourAction", "YourController")'>
    <input type='button' value='Dummy Button' />
</a>

javascript onclick () 함수 로 탐색 하려면 다음을 사용하십시오.

<input type='button' value='Dummy Button' onclick='window.location = "@Url.Action("YourAction", "YourController")";' />

$("#yourbuttonid").click(function(){ document.location = "<%= Url.Action("Youraction") %>";})

정답 : 위의 답변은 정확하지만 (일부 경우) 태그 하나로 간단하게 만들어 보겠습니다.

입력 태그를 선호하지만 버튼 태그를 사용할 수 있습니다.

HTML을 사용하는 솔루션은 다음과 같습니다.

< input type="button" class="btn btn-info" onclick='window.location.href = "@Url.Action("Index", "ReviewPendingApprovals", routeValues: null)"'/> // can omit or modify routeValues to your liking

참조 URL : https://stackoverflow.com/questions/3168577/how-do-i-redirect-a-user-when-a-button-is-clicked

반응형