我想在现有网格中添加一个新行.此外,正在推送的行应该是可编辑的.
$scope.addNewItem=function() { $scope.data.push( { name: 'Test add ' }); };
有人可以帮助我吗？
解决方法
试试这个样本
更新
这是完整的源代码
<!doctype html>
<html ng-app="app">
<head>
<script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.2.26/angular.js"></script>
<script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.2.26/angular-touch.js"></script>
<script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.2.26/angular-animate.js"></script>
<script src="http://ui-grid.info/docs/grunt-scripts/csv.js"></script>
<script src="http://ui-grid.info/docs/grunt-scripts/pdfmake.js"></script>
<script src="http://ui-grid.info/docs/grunt-scripts/vfs_fonts.js"></script>
<script src="http://ui-grid.info/release/ui-grid-unstable.js"></script>
<link rel="stylesheet" href="http://ui-grid.info/release/ui-grid-unstable.css" type="text/css">
</head>
<body>
<div ng-controller="MainCtrl">
<div ui-grid="{ data: data,columnDefs: columnDefs,enableRowSelection: true,enableSelectAll: true,enableFiltering: true,}" class="grid" ui-grid-selection ui-grid-edit ui-grid-cellnav></div>
<button ng-click="addNewItem()" > ADD item</button>
<button ng-click="insertNewItem()" > Insert item</button>
</div>
<script src="app.js"></script>
</body>
</html>
控制器和模块代码
var app = angular.module('app',['ngAnimate','ngTouch','ui.grid','ui.grid.selection','ui.grid.edit','ui.grid.cellNav']);
app.controller('MainCtrl',['$scope',function ($scope) {
$scope.data = [
{ name: 'Bob',title: 'CEO' },{ name: 'Frank',title: 'Lowly Developer' }
];
$scope.columnDefs = [
{name: 'name',cellEditableCondition:true},{name: 'title',cellEditableCondition:true}
];
$scope.addNewItem=function()
{
$scope.data.push( { name: 'Test add ',title: 'Test add' });
};
$scope.insertNewItem=function()
{
$scope.data.splice(1,{ name: 'Test insert ',title: 'Test insert' });
};
}]);
版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 [email protected] 举报，一经查实，本站将立刻删除。
