Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/80.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/1/angularjs/23.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
使用jquery向数据表添加行_Jquery_Angularjs_Database_Html_Datatable - Fatal编程技术网

使用jquery向数据表添加行

使用jquery向数据表添加行,jquery,angularjs,database,html,datatable,Jquery,Angularjs,Database,Html,Datatable,我试图通过使用metronic主题给.js文件赋值,直接向数据表添加行。但是没有向数据表添加值。问题是它没有反映在表中。调试它时,会显示项值,但不会添加到表的行数组中 HTML code: <!-- BEGIN MAIN CONTENT --> <div class="row" ng-controller="compctrl"> <div class="col-md-12">

我试图通过使用metronic主题给
.js
文件赋值,直接向
数据表添加行。但是没有向
数据表添加值。问题是它没有反映在表中。调试它时,会显示项值,但不会添加到表的行数组中

HTML code:



    <!-- BEGIN MAIN CONTENT -->
                <div class="row" ng-controller="compctrl">
                    <div class="col-md-12">
                        <!-- BEGIN EXAMPLE TABLE PORTLET-->
                        <div class="portlet box blue-hoki">
                            <div class="portlet-title">
                                <div class="caption">
                                    <i class="fa fa-globe"></i>Datatable with TableTools
                                </div>
                                <div class="tools">
                                </div>
                            </div>
                            <div class="portlet-body">
                                <table class="table table-striped table-bordered table-hover " id="sample_1">
                                    <thead>
                                        <tr>
                                            <th>
                                                name
                                            </th>
                                            <th>
                                                strength
                                            </th>
                                        </tr>

                                    </thead>
                                    </table> 
                            </div>
                        </div>
                        <!-- END EXAMPLE TABLE PORTLET-->


  .js code:
MetronicApp.controller('compctrl', ['$scope',function($scope) {
        $scope.$on('$viewContentLoaded', function() {

    alert("Controller called!");

            var tableData= [{'name':'Infosys Technologies','strength':1000}];

                  var table=$('sample_1').DataTable();

              tableData.forEach(function(item)
              {
                            var row=[];  
                            row.push(item.name); 
                            row.push(item.strength);
                            table.add(row);

               });
            table.draw(row);
                 } );
    }]);
HTML代码:
带有TableTools的Datatable
名称
力量
.js代码:
MetronicApp.controller('compctrl',['$scope',函数($scope){
$scope.$on(“$viewContentLoaded”,函数(){
警报(“控制器呼叫!”);
var tableData=[{'name':'infosystechnologies','strength':1000}];
变量表=$('sample_1')。数据表();
tableData.forEach(功能(项)
{
var行=[];
行.推送(项.名称);
行.推(项.力);
表.添加(行);
});
表2.图纸(世界其他地区);
} );
}]);

我试图用小提琴来复制这个问题,但做不到。因此,我编写了一个更简单的版本并进行了测试。它正在工作

    var MetronicApp = angular.module('myApp', []);
    MetronicApp.controller('compctrl', function($scope) { 

        alert("Controller called!");

        var tableData= [{'name':'Infosys Technologies','strength':1000}];

        var table=$('#sample_1').DataTable();

        tableData.forEach(function(item)
        {
            var row=[];  
            row.push(item.name); 
            row.push(item.strength);
            table.row.add(row).draw(false);
        });

   });

我曾试图重复这个问题,但做不到。因此,我编写了一个更简单的版本并进行了测试。它正在工作

    var MetronicApp = angular.module('myApp', []);
    MetronicApp.controller('compctrl', function($scope) { 

        alert("Controller called!");

        var tableData= [{'name':'Infosys Technologies','strength':1000}];

        var table=$('#sample_1').DataTable();

        tableData.forEach(function(item)
        {
            var row=[];  
            row.push(item.name); 
            row.push(item.strength);
            table.row.add(row).draw(false);
        });

   });

请你放一把叉子好吗?乍一看,代码对我来说似乎没问题,我猜只是一个错误应为
$('#示例1')。数据表()你能放一个JSFIDLE吗?乍一看,代码对我来说似乎没问题,我猜只是一个错误应为
$('#示例1')。数据表()谢谢,它成功了。。。。var tableData=[{'name':'infosystechnologies','strength':1000}];变量表=$('#示例1')。数据表();tableData.forEach(函数(项){var row=[];row.push(项.名称);row.push(项.强度);/*rows.add(行);*/table.row.add(行);});table.draw();});}]);这也很有效。我很高兴能帮助你。你能把我的答案记下来吗。它将帮助其他人快速解决类似的问题。我还需要一个帮助,当我单击行时,它应该将重复的条目添加到datatable中。很简单,将用于在表中插入行的代码(foreach循环和datatable的初始化)放在一个函数中,并在单击行时调用该函数。感谢它的工作。。。。var tableData=[{'name':'infosystechnologies','strength':1000}];变量表=$('#示例1')。数据表();tableData.forEach(函数(项){var row=[];row.push(项.名称);row.push(项.强度);/*rows.add(行);*/table.row.add(行);});table.draw();});}]);这也很有效。我很高兴能帮助你。你能把我的答案记下来吗。它将帮助其他人快速解决类似的问题。我还需要一个帮助,当我单击行时,它应该将重复的条目添加到datatable中。很简单,将用于在表中插入行的代码(foreach循环和datatable的初始化)放在一个函数中,并在单击行时调用该函数。