无法访问ui-grid angularJS中的行属性

时间:2018-11-19 11:32:04

标签: angularjs angular-ui-grid ui-grid

我有一个我正在使用ui-grid的angularjs项目。

我正在编写控制器的代码。

问题是,我能够在cellTemplate中访问某些字段的“行”属性,但不能访问所有字段。

在下面的示例中,我无法访问单元格模板中“ rating-percentage”字段的行属性。实际上,我想访问row属性,以便可以使评级百分比值与每个行索引相同。

能请你帮我吗?

  define([
    'angular'
  ], function (angular) {

    function SelectToolController($scope, $timeout, $filter) {
      var vm = this,
      _gridApi,
      _cellTemplate,
      _columnDefs,
      _starRatingTemplate,
      _starRatingColumn,

      vm.rating = 20;

     //This function gets called only one time from cell template
      function getRating(){
        vm.rating++;
        return vm.rating;
      }

 _starRatingTemplate =[
       '<div class="ui-grid-cell-contents ">',
          '<div class="opr-star-rating" >',
            '<opr-star-rating rating-percentage="'+getRating()+'"',
              'total-count="23"',
              'suffix-display="true"',
              'rating-display="{{ ', '\'opr.toolrunner.satrRating.successRate\' | oprL10n }}"',
              'count-display="{{ ', '\'opr.toolrunner.satrRating.executions\' | oprL10n }}">',
            '</opr-star-rating>',
          '</div>',
          '</div>'
      ].join('');

_starRatingColumn = {
          name: 'starRating',
          cellTemplate: _starRatingTemplate,
          displayName: 'Rating',
          enableFiltering: false,
          enableSorting: true,
          cellClass: 'star-column',
          enableHiding: false,
          enableRowSelection: true,
        }

 _columnDefs.push(_starRatingColumn);

 function gridInitialized(gridApi) {
        _gridApi = gridApi;
  });

})();

0 个答案:

没有答案