如何在Angularjs ui网格中新增/添加行(文本框列)?

时间:2017-01-23 12:09:40

标签: angularjs angular-ui-grid ui-grid

我是Angular js的新手,在我的项目中,我们使用UI网格来显示记录列表。     我们要求将新记录添加到网格(uigrid),

我们也看到下面的链接。 http://ui-grid.info/

任何人都可以帮助我达到如何达到上述要求

感谢,

2 个答案:

答案 0 :(得分:0)

您只需在数据中添加空记录即可。

$scope.data.push(emptyRecordToBeInserted);

答案 1 :(得分:0)

你需要写一些像

这样的东西

如果要添加新行,请调用此函数。

示例代码

$scope.addData = function() {
    var n = $scope.gridOpts.data.length + 1;
    $scope.gridOpts.data.push({
                "firstName": "New " + n,
                "lastName": "Person " + n,
                "company": "abc",
                "employed": true,
                "gender": "male"
              });
  };

用于编辑您可以在div中添加这些属性

<div ui-grid-edit ui-grid-row-edit ></div>