klickte ich Daten zeigt, ui-grid.
ui-Raster wie Checkbox auswählen, wenn Zeile
Die ui-grid
mit drei Spalten. Die erste Spalte enthält checkbox
für jede Zeile.
Die Daten werden korrekt ausgefüllt, die Zeilenauswahl funktioniert bis auf das folgende Problem.
Problem:
Wenn Zeile geklickt, muss die Checkbox auch ausgewählt werden sollte. Wie kann ich das erreichen? Irgendeine Idee?
html
<div class="row">
<div class="col-lg-12">
<div class="datalist-uigrid testGrid">
<div class="grid testGrid" ui-grid="gridOptions" ui-grid-selection ui-grid-auto-resize></div>
</div>
</div>
</div>
-Controller
Dies ist, wie ich mein Feld bin definieren.
{
field: 'selected',
displayName: '',
type: 'boolean',
cellTemplate: uiGridTemplates.cellTemplates.buildCheckboxEditCell('row.entity.IsOneOff', 'row.entity.selected', ' ng-change="grid.appScope.onSelectChange()"'),
enableFiltering: false,
enableSorting: false,
width: '3%'
},
gridOptions
$scope.gridOptions = {
enableRowSelection: true,
enableRowHeaderSelection: false,
enableCellEdit: false,
enableCellEditOnFocus: false,
enableSorting: true,
enableFiltering: true,
multiSelect: false,
enableColumnMenus: false,
enableGridMenu: false,
rowHeight: 60,
modifierKeysToMultiSelect: false,
noUnselect: true,
onRegisterApi: function (gridApi) {
$scope.gridApi = gridApi;
}
};
Dies ist, wie ich Reihe Click-Ereignis
$scope.gridOptions.onRegisterApi = function (gridApi) {
$scope.gridApi = gridApi;
gridApi.selection.on.rowSelectionChanged($scope, function (row) {
$scope.onSelectRowChange(row.entity);
var msg = 'row selected ' + row.isSelected;
});
};
warum drehen enableRowHeaderSelection nicht: in gridOptions wahr, es wird Ihnen ein Kontrollkästchen standardmäßig geben –