How to use a custom formatter in GridView?
In order to set a custom formatter in a grid you need to:
- Set a column type to "custom"
- Add a custom formatter to the customFormatter field, describing the column as a function:
f({row, value, column}){ ... };
.
Function parameters:
row
- row
value
- value of the current column
column
- description of the current column from the model
The function should return a row or a React-component.
In order to create a React-component we recommend to use the DWKitApp.API.createElement
function.
Initialization should better be done in the init event.
Example of the link column usage:
var gridModelRewriter = function (model) {
model.columns[1].customFormatter = function(p){
var url = "form/DocumentEdit/" + p.row.Id;
return DWKitApp.API.createElement("a", { href: url}, p.value);
};
return model;
};
DWKitApp.API.rewriteControlModel("grid", gridModelRewriter);