我使用 KnockOut 可观察数组来填充 wijgrid。在wijgrid 中,我想使用JavaScript 对象作为某些单元格的值。不幸的是,wijmo 似乎在它自己的模型中将对象转换为字符串。
请有一个look at this example 。我想在表中显示车主姓名,但我还需要保留 ID(和模型数据结构)。
knockout View 模型
var someData =[ { AssetCode: "Truck 5",
Owner: {
id: 1,
name: 'Pete'},
VIN: "T3SN2ADN",
Odo: 232109,
TimeStamp: "2012-07-21T09:13:12Z"},
{ AssetCode: "Car 8",
Owner: {
id: 3,
name: 'Brian'},
VIN: "COFAQ211",
Odo: 433299,
TimeStamp: "2012-07-17T15:34:54Z"}];
function ViewModel() {
var self = this;
self.gridData = ko.observableArray(someData);
}
ko.applyBindings(new ViewModel());
wijgrid
<table id="t1" data-bind="wijgrid: {
data: gridData,
columns: [
{ headerText: 'Asset Code', dataKey: 'AssetCode', dataType: 'string'},
{ headerText: 'Owner name', dataKey: 'Owner'}, <!-- PROBLEM LINE -->
{ headerText: 'VIN', dataKey: 'VIN', dataType: 'string' },
{ headerText: 'Odometer', dateKey: 'Odo', dataType: 'number' },
{ headerText: 'Time', dataKey: 'TimeStamp', dataType: 'datetime', dataFormatString: timePattern }
]}"></table>
我已经尝试过:
- 标准 KnockOut 方法:
{ headerText: 'Owner name', dataKey: 'Owner.name'}
- 创建自定义 cellFormatter:
{ headerText: 'Owner name', dataKey: 'Owner', cellFormatter: MY_FORMATTER}
我已经尝试了几乎所有我能想到的方法来让它工作,但是 wijmo 在这里似乎相当僵化......
此外,当我在 Chrome 中调试时,看起来好像 wijmo 在进行任何格式化之前已将对象转换为它自己的模型中的字符串。这不是很有用..
编辑 - 我们正在使用 Wijmo 2.3.9。到目前为止,我们在使用 Wijmo 3.* 时遇到了性能问题,因此不会立即进行升级。
最佳答案
您可以通过处理 cellStyleFormatter 为任何单元格设置自定义值(或在您的情况下显示车主姓名),如下所示:
cellStyleFormatter: function (args) {
//check for specific column and header row
if (args.column.headerText == "Owner name" && args.row.dataRowIndex >= 0) {
//set the custom value to cell i.e. vehicle owner name
args.$cell.text(args.row.data.Owner.name);
}
}
有关CellStyleFormatter的更多信息,您可以引用:http://wijmo.com/wiki/index.php/Grid#cellStyleFormatter
关于javascript - Wijgrid 中是否可以有一个对象类型的单元格?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/16162378/