Hỏi đáp
Chia sẻ kiến thức, cùng nhau phát triển
Cách dùng Của Href và @Html.ActionLink trong ASP.NET MVC
12:58 13-06-2017
9.766 lượt xem
4 bình luận
17:12 31-01-2018
@Html.ActionLink
là cách dùng của <a href="/redirect?Id=RLX%2f%2ftLSCasuwp2suFtwEaXwEkbkacey9O9VxDdN97LXNoOZwhtx%2fIHx8ARoptaaT3IXmjU8uFlm012bAGZ8FQ%3d%3d" ASP.NET
Ví dụ em muốn tạo button đăng nhập khi ấn vào thì sẽ ra một page mới để điền thông tin:
<button href="/redirect?Id=Ok7QNCdcSHCUf3tyR7o94w%3d%3d" type="button" class="btn btn-sm btn-info">Đăng nhập</button>
thì làm sao để áp dụng được cái @Html.ActionLink ạ?
@Html.ActionLink("Đăng nhập", "Acount", "Acount")
Em thì chơi hỗn hợp luôn. Vừa a href vừa ActionLink
<ul>
<li class="menu-dropdown">
<a href="#" class="menu-dropbtn">Ngôn Ngữ IT</a>
<div class="menu-dropdown-content">
@Html.ActionLink("C-Sharp", "CSharp", "ITLang")
@Html.ActionLink("Pascal", "Pascal", "ITLang")
@Html.ActionLink("VB .NET", "VBNet", "ITLang")
</div>
</li>
</ul>
Em tự tạo cái CSS cho thanh menu như sau:
* {
margin: 0px;
padding: 0px;
}
/*Thanh menu Home*/
.menu {
width: 100%;
min-width: inherit;
top: 0px;
position:relative;
z-index: 1;
}
.menu ul {
list-style-type: none;
margin: 0;
padding: 0;
overflow: hidden;
background-color: black;
align-content: center;
}
.menu ul li {
float: left;
}
.menu ul li a, .menu-dropbtn {
display: block;
color: #ffffff;
text-align: left;
padding: 14px 16px;
text-decoration: none;
}
.menu ul li a:hover, .menu-dropdown:hover .menu-dropbtn {
background-color: red;
}
.menu ul li.dropdown {
display: inline-block;
}
.menu-dropdown-content {
display: none;
position: absolute;
background-color: #808080;
min-width: 180px;
box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
z-index: 1;
}
.menu-dropdown-content a {
color: black;
padding: 12px 16px;
text-decoration: none;
display: block;
text-align: left;
}
.menu-dropdown-content a:hover {
background-color: #f1f1f1
}
.menu-dropdown:hover .menu-dropdown-content {
display: block;
}
Em cảm ơn ạ!
À em có thêm câu muốn hỏi nữa ạ?
có cách nào để mình chèn link vào chữ Phần mềm không ạ? Em để @Html.ActionLink thì nó toàn bị thụt xuống với không hiện được Dropdown ạ?
Với button thì bạn phải dùng form nhé
Và mình nhớ là Input type là button mà đúng k nhỉ
Có cách cheat từ link thành hình button như sau