wijmo flexgrid cellFactory使用案例
在angular框架下如何使用cellFactory，设置flexGrid背景色。itemFormatter效率太慢不想使用，求cellFactory的demo。
本帖最后由 AlexZ 于 2020-4-2 23:10 编辑
newbeetree 发表于 2020-4-2 09:31
感谢回复，第二个链接打不开，我想看一下使用CellFactory的Demo的员代码
以下是第二个链接中的代码，供参考
var __extends = (this && this.__extends) || (function () {
var extendStatics = Object.setPrototypeOf ||
({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d = b; };
return function (d, b) {
extendStatics(d, b);
function __() { this.constructor = d; }
d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
};
})();
var wijmo;
(function (wijmo) {
var grid;
(function (grid) {
'use strict';
/**
* Creates HTML elements that represent cells within a @see:FlexGrid control.
*/
var CustomCellFactory = /** @class */ (function (_super) {
__extends(CustomCellFactory, _super);
function CustomCellFactory() {
return _super !== null && _super.apply(this, arguments) || this;
}
/**
* Creates or updates a cell in the grid.
*
* @param p The @see:GridPanel that contains the cell.
* @param r The index of the row that contains the cell.
* @param c The index of the column that contains the cell.
* @param cell The element that represents the cell.
* @param rng The @see:CellRange object that contains the cell's
* merged range, or null if the cell is not merged.
* @param updateContent Whether to update the cell's content as
* well as its position and style.
*/
CustomCellFactory.prototype.updateCell = function (p, r, c, cell, rng, updateContent) {
switch (p.cellType) {
// regular cells
case wijmo.grid.CellType.Cell:
// get cell geometry
_super.prototype.updateCell.call(this, p, r, c, cell, rng, false);
// set styles
wijmo.addClass(cell, 'centered-cell');
cell.style.backgroundColor = (r % 2 == 0) ? '#beff82' : '#ff9393';
// add/update content
var content = p.getCellData(r, c, true);
if (cell.textContent != content) {
cell.innerHTML = '<div>' + content + '</div>';
}
break;
// column headers
case wijmo.grid.CellType.ColumnHeader:
// get cell geometry
_super.prototype.updateCell.call(this, p, r, c, cell, rng, false);
// set styles
wijmo.addClass(cell, 'rotated-cell');
// add content
var content = p.getCellData(r, c, true);
if (cell.textContent != content) {
cell.innerHTML = '<div>' + content + '</div>';
}
break;
// other cell types
default:
_super.prototype.updateCell.call(this, p, r, c, cell, rng, true);
break;
}
};
return CustomCellFactory;
}(grid.CellFactory));
grid.CustomCellFactory = CustomCellFactory;
})(grid = wijmo.grid || (wijmo.grid = {}));
})(wijmo || (wijmo = {}));
本帖最后由 AlexZ 于 2020-3-31 23:21 编辑
在线 Demo 看这里
https://demos.wijmo.com/5/PureJS/CellFactory/CellFactory/
Angular 版本看这里
https://demos.wijmo.com/5/SampleExplorer/SampleExplorer/Sample/CellFactory/Angular/Code
AlexZ 发表于 2020-3-31 23:19
在线 Demo 看这里
https://demos.wijmo.com/5/PureJS/CellFactory/CellFactory/
感谢回复，第二个链接打不开，我想看一下使用CellFactory的Demo的员代码
页:
[1]