select checkbox on row click in ui-grid using angularjs

Question

Я новичок в угловых js. и я хочу выбрать флажок, когда я нажимаю на строку, чтобы отредактировать эту конкретную ячейку. Я взял celltemplate, чтобы показать флажок в ui-grid.but теперь, когда я нажимаю на строку, которую выбирает строка, но флажок в эта строка не будет выбрана.

Это мой сеточного

$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 я заявил, что ас-

<div> 
<div class="gridHeightSocialMarketing socialMediaMarketing table" ui-grid-edit ui-grid-row-edit ui-grid-selection ui-grid="gridOptionsSocialMediaMarketing" style="height:242px;"> 
</div> 
</div> 

Answer 1

Поскольку нет кода для выбора Флажок в вашем коде. Вы должны выбрать свой флажок вручную, используя событие rowSelectionChanged.

Посмотрите на это tutorial для того, как использовать rowSelectionChanged, чтобы выбрать или отменить выбор флажки.

Вот еще один пост для rowSelectionChanged функциональности angular ui-grid event: row selected