Markup fields by Data

Webix JS
1

I want to realize following:
in bound Data is a Flag to higlight a Form field in a special context.
This is either in the same Data stucture like the displayed or in a separate data Object.

is there an Idea how to do this with Webix?
I could walk though all Form elements, look in the dataTree… or walk through dataTree and find Element by Name… Ideas? Suggestions?

2

I think you need to go through your data object and when you have found that item need to be highlighted, you can locate it by name

$$(form).elements[name].$view

This will provide the top level html element of input by its name

3

Thx.

last minutes I worked with " onBeforeRender " - works too - but how to set there css ?

4

In case of onBeforeRender you can use

this.define("css", "MyCssClass");

or directly

this.define("css", { background: "red" });

And in all cases you can fallback to direct dom manipulations

var node = $$(form).elements[name].$view;

node.className += " MyCssClass";

or a bit more fancy

webix.html.addCss(node, "MyCssClass");
5

Thank you very much. Look good.
Is there an webix-way to set the css for the Input/Editor field ?
(I would like use as LESS dom-manipulations as possible.)

6

Found what needed here:
http://docs.webix.com/desktop__text_css.html