Добавление ссылки на ссылку в webgrid

Question

Мне нравится добавлять ссылку в качестве ссылки в mvc webgrid, которая должна вызывать метод javascript.

Я теперь с помощью:

hiddenDiv.Column("",style: "col1",format: @<text> 
<button class="edit-book display-mode" id="@item.FacilityID"> 
    Select</button> 
</text>) 

который называет:

$('.edit-book').on('click', function() { 
     $('#hiddendiv2').show(); 
     $('#facilitygrid').hide(); 
     var bookId = $(this).prop('id'); 
     alert(bookId); 
    }); 

Но вместо кнопки я хотел бы поставить кнопку ссылки.

Answer 1

Поскольку у нас нет кнопки ссылки в mvc, вы можете сделать это с помощью @Html.ActionLink, переопределив поведение по умолчанию Action Link.

hiddenDiv.Column("",style: "col1",format: @<text> 
    @Html.ActionLink("Home","Index",null, new { @class="ImgAddition", @onclick="SomeScript(this);"}) 
</text>) 

Симметричные для отображения изображения вместо ссылки вы должны добавить следующий текст CSS

.ImgAddition{ 
    background: url(../Images/image.gif) no-repeat top left;/* add image*/ 
    display: block; 
    width: 100px; 
    height: 100px; 
    text-indent: -9999px; /* hides the link text */ 

} 

И, наконец, ваш сценарий:

$('.ImgAddition').on('click', function (e) { 
     e.preventDefault(); 
     $('#hiddendiv2').show(); 
     $('#facilitygrid').hide(); 
     var bookId = $(this).prop('id'); 
     alert(bookId); 
    }); 

Надеется, что это помогает.