使用jquery向数据表添加行
我试图通过使用metronic主题给使用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">
.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的初始化)放在一个函数中,并在单击行时调用该函数。