# j-Watch

> The component can evaluate the method in the form function(value, element, type, path) when the value (according to the path) is changed. The component can simplify watching changes in the model.

Framework: jcomponent20
Product: jComponent 20 (jcomponent@20)
Language: en
Content-SHA256: 59cab19e83867e2d3e6290bde3f90398d0e0692c87bb806752e747d42f40598c
Snapshot: c0700e321579725c5cf4f5ace1ad7d2866d1b4f93c24a63c0b41b6b7998e976c
Sources: components@910ed1a86f6e72b4f031d3ad0dc7844f9fc5cb8e
Review: not-recorded

The component can evaluate the method in the form `function(value, element, type, path)` when the value (according to the path) is changed. The component can simplify watching changes in the model.


__Configuration__:

- `exec` a link to the method `function(value, element, flags, path)`

Use it with `<ui-component name="watch">`. When the component is not loaded yet, jComponent downloads it on first use from the address in `DEF.fallback` (the Componentator CDN by default). Author: Peter Širka. Source: the Componentator components repository, MIT license.

```html example.html
<ui-component name="watch" path="common.value" config="exec:changedvalue"></ui-component>

<div class="padding">
	<div id="mytitle"></div>
</div>

<script>

	var common = { value: 'init' };

	setInterval(function() {
		SET('common.value', new Date().format('HH:mm:ss'));
	}, 1000);

	function changedvalue(value, element, type, path) {
		$('#mytitle').html(value);
	}

</script>
```