Question

我正在使用ng-grid（v2.0.13），当用户点击＆＃34; EDIT＆＃34;时，我想在可编辑的单元格列上打开一个日期选择器。按钮。

到目前为止，我只能编辑单个单元格列。这是link

var app = angular.module("myApp", ["ngGrid"]);
app.controller("myCtrl", function ($scope) {

$scope.edit = function (row) {
    row.edit = !row.edit;
};
$scope.myData = [{
    name: "Moroni",
    date: new Date()
}, {
    name: "Tiancum",
    date: new Date()
}, {
    name: "Jacob",
    date: new Date()
}, {
    name: "Nephi",
    date: new Date()
}];


$scope.gridOptions = {
    data: 'myData',
    enableRowSelection: false,
    columnDefs: [{
        field: 'name',
        displayName: 'Name'
    }, {
        field: 'date',
        displayName: 'Date',
        cellTemplate: '<div class="ngCellText"><div ng-show="!row.edit">{{row.getProperty(col.field) | date:"MMMM dd, yyyy, hh:mm a"}}</div>' +
            '<div ng-show="row.edit"><input type="text" ng-model="row.entity.date"/></div></div>',
        cellFilter: 'date:"dd.MM.yyyy"'
    }, {
        displayName: 'Edit',
        cellTemplate: '<button id="editBtn" type="button" class="btn btn-primary" ng-click="edit(row)" >Edit</button> '
    }]
};

}）;

按预期工作。现在我想打开一个日期选择器（ui-bootstrap）来选择一个新的日期。

我尝试了Google搜索并找到了一个解决方案here，但我无法将其与我的代码集成。

是否有办法使用上述链接或任何其他方式来解决问题，以实现所需的功能。

谢谢你。

Angular ng-grid - 在按钮单击

0 个答案: