选定的ui-grid单元格的div ID
橡胶鸡
我正在尝试有角度的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' }
];
我的网格的示例图像： 
盟友
您可以使用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>'
本文收集自互联网，转载请注明来源。
如有侵权，请联系[email protected] 删除。
编辑于
相关文章
Related 相关文章
- 1
Excel VBA：选定的单元格循环
- 2
Slickgrid-获取选定的单元格值，ID和字段？
- 3
获取选定的Excel单元格
- 4
将显示角度ui.grid [[object HTMLDivElement]]，而不是每个单元格中的数据
- 5
UI-GRID的默认标题单元格模板是什么？
- 6
ui-grid angularjs中的条件单元格模板
- 7
Angular UI Grid，通过模板将按钮添加到行单元格
- 8
从uitable获取选定的单元格索引
- 9
ui-grid angularjs单元格模板中的自定义指令
- 10
Angular UI Grid过滤器仅适用于单元格值的开头
- 11
（JGraph / mxGraph）返回选定的单元格
- 12
UICollectionView显示选定的单元格
- 13
Angular ui-grid无法复制单元格文本
- 14
如何在每个标题单元格ui-grid中放置工具提示说明
- 15
Angular-ui-grid-如何根据单元格的值有条件地显示单元格模板
- 16
使用Kendo编辑器中的值更新Kendo Grid选定的单元格值
- 17
选定的ui-grid单元格的div ID
- 18
使用ui Grid编辑单元格功能中的后端Rest API保存更新的数据
- 19
使用可编辑的下拉单元格在ui-grid中显示可读数据
- 20
选定单元格上方的边框
- 21
ui-grid angularjs单元格模板中的自定义指令
- 22
滚动UITableView以显示选定的单元格
- 23
Angular UI Grid不更新单元格中的指令
- 24
DevExpress获取选定的单元格DataGridView
- 25
基于单元格值的UI Grid RowTemplate颜色
- 26
Angular-ui-grid-如何根据单元格的值有条件地显示单元格模板
- 27
Angular UI-Grid 标题单元格模板
- 28
获取选定的单元格内容
- 29
显示选定单元格的数量
我来说两句