/ 设置 10 秒超时 // 每日统计清 0 runtime_set('todaycomments', 0); runtime_set('todayarticles', 0); runtime_set('todayusers', 0); if ($forumlist) { $fidarr = array(); foreach ($forumlist as $fid => $forum) { $fidarr[] = $forum['fid']; } forum_update($fidarr, array('todayposts' => 0, 'todaythreads' => 0)); } // 清理临时附件 attach_gc(); // 当天24点 $today = strtotime(date('Ymd')) + 86400; runtime_set('cron_2_last_date', $today, TRUE); // 往前推8个小时，尽量保证在前一天 升级过来和采集的数据会很卡 // table_day_cron($time - 8 * 3600); cache_delete('cron_lock_2'); } } } ?>javascript - Angular-UI grid : adding custom field in columnDefs and access it from header template - Stack Overflow|Concepts Of Algorithm
  2. Algorithm
  3. javascript - Angular-UI grid : adding custom field in columnDefs and access it from header template - Stack Overflow

javascript - Angular-UI grid : adding custom field in columnDefs and access it from header template - Stack Overflow

admin2025-04-19  2

I want to add some custom field in columnDefs and want to access it from header template. As an example , i want a field let say showFile

$scope.gridOptions.columnDefs = [
       {                
                name: 'ServiceID',
                displayName: 'Service',
                showFile: some data
      }]

and want to access showFile inside header template ...

<div class="ui-grid-top-panel"  style="text-align: center">
      {{ want to access 'showFile' }}
</div>

What's the best possible way to do this. As i have tried it using custom method as 

<div class="ui-grid-top-panel"  style="text-align: center">
{{grid.appScope.letter()}}
</div>

(plnkr link , ) but , the function (grid.appScope.letter()) is being called for infinite number of times . I have raised the issue but didn't got any reply .. , . Can anyone please suggest the best possible way to achieve the above mentioned task.

I want to add some custom field in columnDefs and want to access it from header template. As an example , i want a field let say showFile

$scope.gridOptions.columnDefs = [
       {                
                name: 'ServiceID',
                displayName: 'Service',
                showFile: some data
      }]

and want to access showFile inside header template ...

<div class="ui-grid-top-panel"  style="text-align: center">
      {{ want to access 'showFile' }}
</div>

What's the best possible way to do this. As i have tried it using custom method as 

<div class="ui-grid-top-panel"  style="text-align: center">
{{grid.appScope.letter()}}
</div>

(plnkr link http://plnkr.co/edit/ZW43LsiLY7GdnX6XEOgG?p=preview , http://plnkr.co/edit/3E8HTz4Z2daGqRh1WHtx?p=preview) but , the function (grid.appScope.letter()) is being called for infinite number of times . I have raised the issue but didn't got any reply .. https://github./angular-ui/ui-grid/issues/4250 , https://github./angular-ui/ui-grid/issues/4314. Can anyone please suggest the best possible way to achieve the above mentioned task.

  • javascript
  • angularjs
  • angular-ui-grid
Share edited Dec 14, 2016 at 10:58 surya singh asked Sep 22, 2015 at 16:42 surya singhsurya singh 2776 silver badges23 bronze badges
Add a ment  | 

3 Answers 3

Reset to default 1

Try using renderIndex. This will give you the column's index.

{{grid.appScope.gridOptions.columnDefs[renderIndex].customField}}

To access showFile in there, have you tried...

{{grid.appScope.gridOptions.columnDefs[0].showFile}}

I edited the plnkr: http://plnkr.co/edit/kdU59pZYQT0B76vYBQC8?p=preview.

I'm not sure if that's what you want to do, i used the headerCellTemplate in the columnDefs object instead of the headerTemplate, then you access with: {{col.colDef.showFile}}

columnDefs: [{
    field: 'name',
    displayName: 'First Name',
    width: 90
  }, {
    field: 'title',
    displayName: 'Last Name',
    width: 80
  }, {
    field: 'test',
    displayName: 'test',
    width: 80,
    showFile: 'FILE',
    headerCellTemplate: '<div ng-class="{ \'sortable\': sortable }">' +
      '<div class="ui-grid-cell-contents" col-index="renderIndex" title="TOOLTIP">' +
      '<span>{{ col.displayName CUSTOM_FILTERS }}</span><br /><span>{{col.colDef.showFile}}</span>' +
      '<span ui-grid-visible="col.sort.direction" ng-class="{ \'ui-grid-icon-up-dir\': col.sort.direction == asc, \'ui-grid-icon-down-dir\': col.sort.direction == desc, \'ui-grid-icon-blank\': !col.sort.direction }">' +
      '&nbsp;' +
      '</span>' +
      '</div>' +
      '<div class="ui-grid-column-menu-button" ng-if="grid.options.enableColumnMenus && !col.isRowHeader  && col.colDef.enableColumnMenu !== false" ng-click="toggleMenu($event)" ng-class="{\'ui-grid-column-menu-button-last-col\': isLastCol}">' +
      '<i class="ui-grid-icon-angle-down">&nbsp;</i>' +
      '</div>' +
      '<div ui-grid-filter></div>' +
      '</div>'
  }
转载请注明原文地址:http://conceptsofalgorithm.com/Algorithm/1745071975a283336.html

javascriptAngularUI gridadding custom field in columnDefs and access it from header templateStack Overflow

最新回复(0)