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>'

プランカーはこちら

{{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 に答える