Comment puis-je faire angular-ui cellule modifiable sur simple clic?

Je suis en train de faire angular ui-grid cell editable (row) cellule modifiable sur single click.

Droit Maintenant, la Cellule devient modifiable sur le double clic.

Comment puis-je faire des cellules modifiables sur simple clic?

HTML:

<div class="grid testGrid" ui-grid="testGridOptions" ui-grid-edit 
     ui-grid-row-edit style="width: 100%;">
</div>

Contrôleur:

var columns = [
    { field: 'Name', displayName: 'Name', cellEditableCondition: function ($scope) { return $scope.row.entity.showRemoved; } }
];

Options de la grille:

$scope.testGridOptions = {
    enableRowSelection: false,
    enableRowHeaderSelection: false,
    enableCellEdit: true,
    enableCellEditOnFocus: false,
    enableSorting: false,
    enableFiltering: false,
    multiSelect: false,
    rowHeight: 30,
    enableColumnMenus: false,
    enableGridMenu: false,
    showGridFooter: false,

    onRegisterApi: function (gridApi) {
        $scope.gridApi = gridApi;
    }
};

OriginalL'auteur immirza | 2015-11-10

  1. 7

    L'édition d'un seul clic est automatiquement ajouté si vous utilisez l'interface utilisateur de la grille de navigation et de définir enableCellEditOnFocus à true dans votre gridOptions.

    Juste ajouter ui-grid-cellNav à votre grille de <div>.

    La seule chose que je ne sais pas si il est compatible avec les ui-grid-row-edit.

    De toute façon prendre un coup d'oeil à ce tutoriel pour en savoir plus.

    Il EST compatible. J'ai juste ajouté le gridOptions: { enableCellEditOnFocus: true } sur un <div ui-grid="vm.gridOptions" ui-grid-cellNav ui-grid-edit ui-grid-row-edit ...>. La seule chose, c'est que pour la première édition j'ai encore de double-cliquer, ensuite, seulement, ne unique en cliquant sur (maintenant) suffit.

    OriginalL'auteur imbalind