viernes, 9 de junio de 2017

JSLink Ejemplo simple en una Vista

Supongamos que queremos simplemente que una columna utilice color rojo tal como se ve en esta imagen:


Simplemente creamos el siguiente script (haciendo especial hincapié en lo que resalté en negrita):

(function () {
var overrideCtx = {};
overrideCtx.Templates = {};
overrideCtx.Templates.Fields = {
'test_x0020_1': { 'View': pintarDeRojo }
};
SPClientTemplates.TemplateManager.RegisterTemplateOverrides(overrideCtx);
})();

function pintarDeRojo(ctx) {

    var fieldVal = ctx.CurrentItem[ctx.CurrentFieldSchema.Name];
    var test1 = fieldVal.toString();

    var html = "<div style='color: red;'>" + test1 + "</div>";

    return html;
}

Luego subimos el script en una librería:


Y finalmente editamos la webpart de la vista para que haga referencia al script:

0 comentarios:

Publicar un comentario