0

javascriptメソッドを呼び出す必要があるmvc webgridのようなリンクボタンを追加したいと思います。

私は今使用しています：

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);
    });

しかし、ボタンの代わりにリンクボタンを配置したいと思います。

4

1 に答える 1

1

mvcにはリンクボタンがないため@Html.ActionLink、アクションリンクのデフォルトの動作をオーバーライドすることでリンクボタンを使用できます。

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);
    });

それが役に立てば幸い。

于 2013-02-11T09:58:36.300 に答える