ASP.NET MVC - Reg Menu item in nav with Authentication - html

Question

I am new to MVC world. I have a nav in my Layout file used by logged in users :
<div class="navbar-collapse collapse">
<ul class="nav navbar-nav">
<li>#Html.ActionLink("Home", "Index", "Member")</li>
<li>#Html.ActionLink("My Profile", "MyProfile", "Member")</li>
<!-- User type Admin, then Admin Menu -->
<li>#Html.ActionLink("Admin Index", "AdminIndex", "Member")</li>
<li>#Html.ActionLink("About", "About", "Home")</li>
<!-- Throws error /User/Logout not found -->
<li>#Html.ActionLink("Logout", "Logout", "User")</li>
<!-- Works Perfectly fine, but the link is on new line & different font/color/underlined -->
#if (Request.IsAuthenticated)
{
using (Html.BeginForm("Logout", "User", FormMethod.Post, new { id = "logoutForm" }))
{
<li>Logout</li>
}
}
</ul>
</div>
The #Html.ActionLink("Logout" doesn't work. It throws "/User/Logout" not found Error How to make that work like the below logout with <a href ??? Is the error b'coz in href, their is form and calling Form.Post method ??
Controller code :
public class UserController : Controller
{
// Registeration Action
[HttpGet]
public ActionResult Registeration() {..... }
// Login
[HttpGet]
public ActionResult Login() {.... }
// Login Post
[HttpPost]
public ActionResult Login(UserLogin userLogin, string returnUrl) { ...}
// Logout
[Authorize]
[HttpPost]
public ActionResult Logout()
{
FormsAuthentication.SignOut();
return RedirectToAction("Login", "User");
}
}
Can anyone please help me get this work !! Any help is highly appreciated.
Thanks

Answer 1

I suspect, although it is difficult to tell, that the controller is not UserController but maybe AccountController (the default) or MemberController.
In which case the call should be
#Html.ActionLink("Logout", "Logout", "Account")
or
#Html.ActionLink("Logout", "Logout", "Member")
Following your additional edit I think the issue will be that logout is a Post and a link is only ever a Get request so Mvc is looking for a get action /User/logout. There is an answer here about how to convert a link to a Post here.
I would probably get your link to call an ajax command in some js code. To make the most of the Razor goodness you can use #Url.Action. Alter your code as follows.
Your nav will look like this;
<div class="navbar-collapse collapse">
<ul class="nav navbar-nav">
<li>#Html.ActionLink("Home", "Index", "Member")</li>
<li>#Html.ActionLink("My Profile", "MyProfile", "Member")</li>
<!-- User type Admin, then Admin Menu -->
<li>#Html.ActionLink("Admin Index", "AdminIndex", "Member")</li>
<li>#Html.ActionLink("About", "About", "Home")</li>
<li>Log Out</li>
}
}
</ul>
</div>
Then your javascript function needs to be somewhere accessible to your nav page (the bottom of your _Layout page is probably easiest).
<script type="text/javascript">
function LogOut() {
$.ajax({
type: "POST",
url: "#Url.Action("Logout", "User")"
});
}
</script>
Hope that makes sense, I haven't tested it but your link should now look like all the others and your controller will now be getting a POST request so will access your logout method. Any problems shout.