如何使用 ng-grid 向我的网格添加新行
how to add a new row to my grid using ng-grid
我有一个多列的网格,我想在单击按钮时向它添加新的随机行,而不使用 angular Js 在 ng-grid 中从外部(来自用户)进行任何输入。请给我解决方案。提前致谢。
您不需要向网格中添加行。只需向您的数据源添加更多数据。
Angular 和 ng-grid 将自行发现数据是否已更改并重新绘制网格。
$scope.addRow = function() {
$scope.myData.push($scope.myData[Math.floor((Math.random() * $scope.myData.length) + 1)])
}
此函数会将 myData 中的一些随机条目添加(复制)到网格的末尾。
这里是Plunker
更新:
这当然是一个非常粗糙的随机化器,有时可能会添加空条目。
要从现有数组中添加精确的行,您应该这样编写函数:
$scope.addRow = function(index) {
$scope.myData.push($scope.myData[index])
}
其中索引是您 json 数组的索引。 (显然)
顺便说一句。下次给我们更多的信息你尝试了什么以及你的代码是如何编写的。
我有一个多列的网格,我想在单击按钮时向它添加新的随机行,而不使用 angular Js 在 ng-grid 中从外部(来自用户)进行任何输入。请给我解决方案。提前致谢。
您不需要向网格中添加行。只需向您的数据源添加更多数据。
Angular 和 ng-grid 将自行发现数据是否已更改并重新绘制网格。
$scope.addRow = function() {
$scope.myData.push($scope.myData[Math.floor((Math.random() * $scope.myData.length) + 1)])
}
此函数会将 myData 中的一些随机条目添加(复制)到网格的末尾。
这里是Plunker
更新:
这当然是一个非常粗糙的随机化器,有时可能会添加空条目。 要从现有数组中添加精确的行,您应该这样编写函数:
$scope.addRow = function(index) {
$scope.myData.push($scope.myData[index])
}
其中索引是您 json 数组的索引。 (显然)
顺便说一句。下次给我们更多的信息你尝试了什么以及你的代码是如何编写的。