在javascript bootgrid中调用控制器的操作

Call action of Controller in javascript bootgrid

本文关键字：控制器 操作 调用 javascript bootgrid      更新时间：2023-09-26

我想调用控制器中部分视图中的引导模式，我使用JQuery Ajax和Bootgrid 的JavaScript

enter code here var grid = $("#grid").bootgrid(
{
    ajax: true,
    url: "/Currency/listCurrencyJson",
    formatters: {
    "commands": function(column, row)
    {
        return "<button type='"button'" class='"btn btn-default btn-lg delete'" data-row-id='"" + row.id + "'"><span class='"glyphicon glyphicon-star'" aria-hidden='"true'"></span> Star</button>" +
        "<button type='"button'" class='"btn btn-xs btn-default command-edit'" data-row-id='"" + row.id + "'"><span class='"fa fa-pencil'"></span></button> " +
            "<button type='"button'" class='"btn btn-xs btn-default command-delete'" data-row-id='"" + row.id + "'"><span class='"fa fa-trash-o'"></span></button>";
    }
}
}).on("loaded.rs.jquery.bootgrid", function () 
{
    /* Executes after data is loaded and rendered */
     grid.find(".command-edit").on("click", function (e) {
    alert("You pressed edit on row: " + $(this).data("row-id"));
}).end().find(".delete").on("click", function deleteCurrency(id)
{
    $.ajax(
    {
       url: '/Currency/createCurrency',
       type: "POST",
       data: { "row-id": "row-id" },
       success: function()
       {
            //alert("Done");  
       }
 });
 });
});
ActionLink创建的是一个链接而不是按钮。相反，您可以将按钮替换为链接，并使用CSS将它们设置为类似按钮的样式。

然后，您只需创建html链接，而不使用C#ActionLink方法。输出结果将相同：

<a href="/Currency/Delete" class="button-link-class">Read More<span class="arrow">→</span></a>

CSS：

.button-link-class
{
     font: bold 11px Arial;
     text-decoration: none;
     background-color: #EEEEEE;
     color: #333333;
     padding: 2px 6px 2px 6px;
     border-top: 1px solid #CCCCCC;
     border-right: 1px solid #333333;
     border-bottom: 1px solid #333333;
     border-left: 1px solid #CCCCCC;
}
相关文章：