Question

我是JQuery DataTables的新手，但我想我遵循了有关如何添加按钮的指南。显示X的记录数现在消失了，但是按钮不在那里。这是我的代码，需要修改什么才能显示按钮？

这是我的代码-但我刚发现我遇到了一些错误，dangit

 public LogFood()
    {


        this.InitializeComponent();
        Windows.Storage.ApplicationDataContainer localSettings = Windows.Storage.ApplicationData.Current.LocalSettings;
        Windows.Storage.StorageFolder localFolder = Windows.Storage.ApplicationData.Current.LocalFolder;

        Windows.Storage.ApplicationDataCompositeValue composite =
           (Windows.Storage.ApplicationDataCompositeValue)localSettings.Values["nutritionSettings"];



        int calorieMin = Convert.ToInt32(composite["calorieMin"]);
        int calorieMax = Convert.ToInt32(composite["calorieMax"]);
        int gramsFatMin = Convert.ToInt32(composite["gramsFatMin"]);
        int gramsFatMax = Convert.ToInt32(composite["gramsFatMax"]);
        int gramsCarbsMin = Convert.ToInt32(composite["gramsCarbsMin"]);
        int gramsCarbsMax = Convert.ToInt32(composite["gramsCarbsMax"]);
        int gramsProteinMin = Convert.ToInt32(composite["gramsProteinMin"]);
        int gramsProteinMax = Convert.ToInt32(composite["gramsProteinMax"]);





        ContentRoot.Content = new NutritionInfo()
        {
            CalorieGoal = "1243"
        };











    }

    public class NutritionInfo
    {
        public string CalorieGoal { get; set; }
    }

buttons.flash.min.js:31 Uncaught TypeError: Cannot read property 'version' of undefined
    at buttons.flash.min.js:31
    at buttons.flash.min.js:8
    at buttons.flash.min.js:8
(anonymous) @ buttons.flash.min.js:31
(anonymous) @ buttons.flash.min.js:8
(anonymous) @ buttons.flash.min.js:8
buttons.html5.min.js:11 Uncaught TypeError: Cannot set property 'pdfMake' of undefined
    at buttons.html5.min.js:11
    at buttons.html5.min.js:8
    at buttons.html5.min.js:8
(anonymous) @ buttons.html5.min.js:11
(anonymous) @ buttons.html5.min.js:8
(anonymous) @ buttons.html5.min.js:8
jquery-3.4.1.js:10091 Uncaught TypeError: url.indexOf is not a function
    at jQuery.fn.init.jQuery.fn.load (jquery-3.4.1.js:10091)
    at script.min.js,qver=2.4.5.pagespeed.ce._4ES8o_qKT.js:1

Answer 1

如前一篇文章（已删除）所述，您共享了与Jquery Datatables相关的所有javascript和css文件。

实际上，您的链接包含HTML链接标记的不完整/错误。下面引述的错误很少：

<script type="text/javascript" charset="utf8" script
src="https://cdn.datatables.net/1.10.19/js/jquery.dataTables.min.js"</script>

您的错误是：

在脚本标记内另外 script
在>

</script>

所以固定的人会这样

<script type="text/javascript" charset="utf8"
src="https://cdn.datatables.net/1.10.19/js/jquery.dataTables.min.js"></script>

在下面运行具有固定链接的代码段

var information = [
{"EmpName":"Tiger Nixon","NumSales":100,"TotalSales":100,"LMonthSales":100,"2MonthSales":100},
{"EmpName":"Tiger Nixon","NumSales":100,"TotalSales":100,"LMonthSales":100,"2MonthSales":100},
{"EmpName":"Tiger Nixon","NumSales":100,"TotalSales":100,"LMonthSales":100,"2MonthSales":100}
]

$(document).ready(function() {
    $('#example').DataTable( {
        dom: 'Bfrtip',
        buttons: [
           'copy', 'csv', 'excel', 'pdf', 'print'
        ],
        data: information,
        columns: [
            { data: "EmpName",title: "EmpName" },
            { 
              data: "NumSales",
              title: "NumSales", 
              render: $.fn.dataTable.render.number(",", ".", 2, '$')
            },
            { 
              data: "TotalSales",
              title: "TotalSales",
              render: $.fn.dataTable.render.number(",", ".", 2, '$')
            },
            { 
              data: "LMonthSales",
              title: "LMonthSales",
              render: $.fn.dataTable.render.number(",", ".", 2, '$')
            },
            { 
              data: "2MonthSales",
              title: "2MonthSales",
              render: $.fn.dataTable.render.number(",", ".", 2, '$')
            }
        ]
    } );
} );

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script src="https://cdn.datatables.net/1.10.19/js/jquery.dataTables.min.js"></script>
<script src="https://cdn.datatables.net/buttons/1.5.6/js/dataTables.buttons.min.js"></script>
<script src="https://cdn.datatables.net/buttons/1.5.6/js/buttons.flash.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jszip/3.1.3/jszip.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/pdfmake/0.1.53/pdfmake.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/pdfmake/0.1.53/vfs_fonts.js"></script>
<script src="https://cdn.datatables.net/buttons/1.5.6/js/buttons.html5.min.js"></script>
<script src="https://cdn.datatables.net/buttons/1.5.6/js/buttons.print.min.js"></script>

<link rel="stylesheet" type="text/css" href="https://cdn.datatables.net/1.10.19/css/jquery.dataTables.css">
<link rel="stylesheet" type="text/css" href="https://cdn.datatables.net/buttons/1.5.6/css/buttons.dataTables.min.css">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css">

<table id="example" class="display" width="100%"></table>

按钮不显示

1 个答案: