Я новичок в угловых js. и я хочу выбрать флажок, когда я нажимаю на строку, чтобы отредактировать эту конкретную ячейку. Я взял celltemplate, чтобы показать флажок в ui-grid.but теперь, когда я нажимаю на строку, которую выбирает строка, но флажок в эта строка не будет выбрана.
Это мой grid-
$scope.myDataSocailMediaMarketing =[];
$scope.gridOptionsSocialMediaMarketing = {
appScopeProvider: $scope,
data : 'myDataSocailMediaMarketing' ,
// enableCellSelection: true,
// enableRowSelection: false,
enableRowHeaderSelection :false,
enableRowSelection: true,
enableCellEdit: true,
enableHorizontalScrollbar: 0,
enableRowSelection: true,
enableSelectAll: true,
enableFullRowSelection : true,
rowEditWaitInterval: -1,
columnDefs: [
{
cellClass : 'grid-align',
width : '10%',
minWidth : '10%',
enableCellEdit: false,
field: 'select',
displayName: me.labelText.ADD_STORY_TABLE_SELECT,
cellTemplate: '<div class="ngCellText text-center">'+
'<input type="checkbox" '+
'ng-model="row.entity.select" '+
'ng-click="grid.appScope.checkboxRowClick(row.entity)""/>'+
'</div>'
},
{
cellClass : 'grid-align',
width : '30%',
minWidth : '30%',
enableCellEdit: false,
field: 'category',
displayName: me.labelText.ADD_STORY_TABLE_CATEGORY
},
{
cellClass : 'grid-align',
width : '60%',
minWidth : '60%',
enableCellEdit: true,
field: 'descriptionOrExample',
displayName: me.labelText.ADD_STORY_TABLE_DESCRIPTION
}
],
};
в html я объявил это as-
<div>
<div class="gridHeightSocialMarketing socialMediaMarketing table" ui-grid-edit ui-grid-row-edit ui-grid-selection ui-grid="gridOptionsSocialMediaMarketing" style="height:242px;">
</div>
</div>
Поскольку в вашем коде отсутствует код для выбора флажка. Вы должны выбрать свой флажок вручную, используя событие rowSelectionChanged.
Посмотрите на этот учебник, как использовать rowSelectionChanged
для выбора или отмены выбора флажков.
Вот еще одно сообщение для функции rowSelectionChanged. Угловое событие ui-grid: выбранная строка