访问标题单元格模板中的元素

时间:2018-09-24 09:34:49

标签: ui-grid angular1.6

这是常规1 ui网格中的一个字段

 {
          name: 'refer',
          field: 'refer',
          displayName: 'Refer', enableSorting: false, headerTooltip: 'Refer',
          headerCellTemplate: ' ' +
          '<div class="padding5"> Refer <input value=0 type="checkbox" ng-model=\'referAll\' ng-click="grid.appScope.referAllOrder(referAll)"></div>',
          cellTemplate: '<div  class="text-center" ng-if="grid.appScope.checkReferred(row) == null"> <input type="checkbox" ng-model="row.entity.isReferred"/> </div>' +
          '<div class="text-center" ng-if="grid.appScope.checkReferred(row) != null">  <i ng-click="grid.appScope.cancelReferral(row.entity.visitMasts[0])" role="button" class="colorRed fa fa-close icon-red"></i></div>'
        }

有什么办法,我可以控制标题单元格模板中的复选框,这里是referAll ?。在某些情况下,例如页面重新加载,在这里我需要取消选中该复选框。

尝试但不起作用,“ vm.gridOptions1.columnDefs [10] .headercellTemplate.referAll = true”

1 个答案:

答案 0 :(得分:1)

我不确定您要在这里实现什么,但是将ng-model从\'referAll\'更改为\'grid.appScope.referAll\'将允许您从headerCellTemplate中访问值。

假设您已定义ReferAll,则可以分配referAll = truefalse来选中/取消选中该复选框。