添加具有引导按钮的div jQuery的数据表列

我有以下的DataTable添加具有引导按钮的div jQuery的数据表列

 <script> 
      $(document).ready(function() { 
       $("#productTable").DataTable({ 
        "info": false, 
        "processing": true, // for show progress bar 
        "serverSide": true, // for process server side 
        "filter": false, // this is for disable filter (search box) 
        "orderMulti": false, // for disable multiple column at once 
        "ajax": { 
         "url": "/Home/LoadProductData", 
         "type": "POST", 
         "datatype": "json" 
        }, 
        "columns": [ 
          { "data": "Product_ID", "name": "Product_ID", "autoWidth": true }, 
          { "data": "Product_Title", "name": "Product_Title", "autoWidth": true }        
           ] 
       }); 
      }); 
     </script>

现在我想补充以下div具有引导按钮

<div class="btn-group btn-group-sm" id="CreateButton"> 
    <button type="button" class="btn btn-warning" onclick="location.href='@Url.Action("Product_Edit","Home", new { })';return false;">Edit</button> 
</div>

这是可以直接插入？如果没有，如何配置？

来源

2016-02-12 kez

你想在所有行的列中添加此按钮？ – tmg

@tmg，yp正好 – kez

使用render：

'columns': [ 
      { 
       'render': function (data, type, full, meta) { 
        return '<button type="button" class="btn btn-warning">Edit</button>'; 
       } 
      }, 
...

我注意到你正在使用MVC剃刀语法生成URL，这让我觉得你是包括在视图中的数据表初始化代码。为了避开这个，你需要生成这样的按钮：

<a class=\'btn\' href=\'' + $("#rooturl").val() + '/Home/Product_Edit/' + full[0] + '\'>Edit</a>';

$("#rooturl")是包含应用程序的URL隐藏字段。我假定Product_Edit操作方法接受参数Product_ID。这样你就可以使用数据表行数据将id附加到url。

来源

2016-02-12 10:10:18 markpsmith

添加具有引导按钮的div jQuery的数据表列

回答

相关问题