1

我正在尝试 angular ui-grid ( http://ui-grid.info )，但我不知道如何为选定的单元格指定 div ID？当我点击一个单元格时，它会突出显示，但我希望点击一些 jquery 事件（弹出...信息...文本...等）

这是原细胞选择：

<div tabindex="-1" class="ui-grid-cell-contents ng-scope ng-binding">Username</div>

我想知道是否有可能得到类似的东西：

<div id="username-1234" tabindex="-1" class="ui-grid-cell-contents ng-scope ng-binding">Username</div>

代码：

var app = angular.module('app', ['ui.grid', 'ui.grid.cellNav', 'ui.grid.pinning']);

app.controller('MainCtrl', ['$scope', '$http', '$log', function ($scope, $http, $log) {

    $scope.gridOptions = { };

    $scope.gridOptions.columnDefs = [
        { field:'fullname', width:150, pinnedLeft: true, displayName: 'Name' },
        { field:'Day01', width:50, displayName: '01' },
        { field:'Day02', width:50, displayName: '02' },
        { field:'Day03', width:50, displayName: '03' },
        { field:'Day04', width:50, displayName: '04' },
        { field:'Day05', width:50, displayName: '05' }
];

我的网格的示例图像： 在此处输入图像描述

4

1 回答 1

2

您可以使用cellTemplate

有可能得到类似的东西：

<div id="username-1234" tabindex="-1" class="ui-grid-cell-contents ng-scope ng-binding">Username</div>

我不知道什么是“1234”，所以使用这样的字段名称：

<div id="username-fieldname" tabindex="-1" class="ui-grid-cell-contents ng-scope ng-binding">Username</div>

这是单元格模板

'<div id={{row.entity.name}}-{{col.colDef.name}} class="ui-grid-cell-contents"> {{COL_FIELD CUSTOM_FILTERS}}</div>'

这是Plunker

{{row.entity.name}} 的Ps名称是字段名称，在您的情况下是全名，例如：

'<div id={{row.entity.fullname}}-{{col.colDef.name}} class="ui-grid-cell-contents"> {{COL_FIELD CUSTOM_FILTERS}}</div>'
于 2014-10-18T05:11:18.533 回答