[英]ag-Grid: unable to find cellRenderer for key xxx
我正在使用AG Grid
下面是我的代码
$scope.columnDefs = [{
cellRenderer: 'childMessageRenderer',
field: "ID",
cellRendererParams: {
rendererImage: 'rain.png'
},
headerName: "Edit"
}];
$scope.gridOptions = {
columnDefs: $scope.columnDefs,
rowData: $scope.rowData,
rowHeight: 48,
headerHeight: 50,
onRowSelected: onRowSelected,
components: {
childMessageRenderer: $scope.childMessageRenderer
}
};
$scope.childMessageRenderer = function(params) {
var rainPerTenMm = 5;
return $scope.createImageSpan(rainPerTenMm, params.rendererImage);
}
$scope.createImageSpan = function(imageMultiplier, image) {
var resultElement = document.createElement("span");
for (var i = 0; i < imageMultiplier; i++) {
var imageElement = document.createElement("img");
imageElement.src = "some image url";
resultElement.appendChild(imageElement);
}
return resultElement;
}
这给我一个错误。 不知道我在想什么
ag-Grid:无法找到关键childMessageRenderer的cellRenderer
请尝试以下代码。
$scope.columnDefs = [
{
cellRenderer: 'childMessageRenderer',
field:"ID",
cellRendererParams: {
rendererImage: 'rain.png'
},
headerName: "Edit"
}];
$scope.gridOptions = {
columnDefs: $scope.columnDefs,
rowData: $scope.rowData,
rowHeight: 48,
headerHeight: 50,
onRowSelected: onRowSelected,
components: {
childMessageRenderer: childMessageRenderer
}
};
function childMessageRenderer(params) {
var rainPerTenMm = 5;
return createImageSpan(rainPerTenMm, params.rendererImage);
}
function createImageSpan(imageMultiplier, image) {
var resultElement = document.createElement("span");
for (var i = 0; i < imageMultiplier; i++) {
var imageElement = document.createElement("img");
imageElement.src = "some image url";
resultElement.appendChild(imageElement);
}
return resultElement;
}
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.