आप अपने View
में बहु छवियों आप Html.ActionLink
संपत्ति का उपयोग कर सकते प्रदर्शित करने के लिए जिन्हें आप नीचे देख चाहते हैं है ...। इस नमूने में मैं एक्शन कॉलम के तहत एक बटन के रूप में विस्तार/संपादन/हटाएं छवियों का उपयोग करता हूं।
नोट: प्रकार Title
, Controller
और अपनी परियोजना के अनुसार Html.ActionLink
में Action
नाम। यदि आप खाली शीर्षक का उपयोग करना चाहते हैं तो बस उनके लिए टाइप करें।
....
//for using multiple Html.ActionLink in a column using Webgrid
grid.Column("Action", format: (item) =>
new HtmlString(
Html.ActionLink("Show Details", "Edit", "Admin", new
{
applicantId = item.ApplicantID,
title = "Detail",
@class = "icon-link",
style = "background-image: url('../../Content/icons/detail.png')"
}, null).ToString() +
Html.ActionLink("Edit Record", "Edit", "Admin", new
{
applicantId = item.ApplicantID,
title = "Edit",
@class = "icon-link",
style = "background-image: url('../../Content/icons/edit.png')"
}, null).ToString() +
Html.ActionLink("Delete Record", "Edit", "Admin", new
{
applicantId = item.ApplicantID,
title = "Delete",
@class = "icon-link",
style = "background-image: url('../../Content/icons/delete.png')"
}, null).ToString()
)
)
....
<style type="text/css">
a.icon-link {
background-color: transparent;
background-repeat: no-repeat;
background-position: 0px 0px;
border: none;
cursor: pointer;
width: 16px;
height: 16px;
margin-right: 8px;
vertical-align: middle;
}
</style>
पूर्ण उदाहरण के लिए, आप कम से यहां नज़र आएगा: How to use WebGrid in a cshtml view?
सादर।
स्रोत
2013-11-03 10:18:17
मैं अत्यधिक url.Action() –