установите флажок в строке щелкните в пользовательском интерфейсе с помощью angularjs

0

Я новичок в угловых 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>  
Теги:
checkbox

1 ответ

0

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

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

Вот еще одно сообщение для функции rowSelectionChanged. Угловое событие ui-grid: выбранная строка

  • 0
    Спасибо за большую помощь. Я пойду через учебник.

Ещё вопросы

Сообщество Overcoder
Наверх
Меню