2015-02-05 111 views
0

我想打电话给引导的一个模式,我有在控制器中的部分观点,我使用jQuery的Ajax和Bootgrid的JavaScript的呼叫行动bootgrid

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"); 
     } 
}); 
}); 
}); 
+0

我如何能在按钮的部分提出@ ajax.ActionLink() – pabloso18 2015-02-05 19:22:31

回答

0

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