Пътища: общи, списъци с кодове, временни състояния и плъгини пътеки

jComponent 20 · jcomponent@20 jcomponentfrontendpathsstate Изпълнено с jComponent 20

Пътят е там, където стойността живее в състоянието на страницата, а в jComponent 20 неговият първ герой може да промени мястото.

Префикс	Пример	Накъде сочи
`*`	`*user.name`	общото състояние: `common.user.name` (`*` само е `common`)
`#`	`#countries`	списъците с кодове: `DEF.cl.countries`, където `CL()` съхранява списъците, които зарежда
`%`	`%step`	временното състояние: `DEF.tmp.step`, за стойности, които не принадлежат на модела
`?`	`?.items`	вътре в `<ui-plugin>`: пътят на този плъгин (вижте рецептата за плъгини)
`plugin\`	path	`cart\`	items	свойство на обекта на плъгина с име `cart`, отвсякъде: `PLUGINS["cart"].items` (не е пътят на състоянието `cart.items`)

Флаговете на път (@visible, @change...) са нещо друго: идват след интервал (вижте рецептата за собствени флагове). Пътищата без префикс са обикновени пътища на състоянието (user.name).

public/index.html

<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8" />
	<title>jComponent</title>
	<link rel="stylesheet" href="//cdn.componentator.com/spa.min@20.css" />
	<script src="//cdn.componentator.com/spa.min@20.js"></script>
</head>
<body>

	<ui-bind path="*user.name" config="text:value" class="common"></ui-bind>
	<ui-bind path="#greeting" config="text:value" class="cl"></ui-bind>
	<ui-bind path="%step" config="text:value" class="tmp"></ui-bind>
	<ui-bind path="plain.value" config="text:value" class="plain"></ui-bind>

	<ui-plugin path="cart">
		<ui-bind path="?.items" config="text:value" class="own"></ui-bind>
	</ui-plugin>

	<script>
		PLUGIN('cart', function(self) {});
		SET('*user.name', 'Peter');
		SET('#greeting', 'Hello');
		SET('%step', 3);
		SET('plain.value', 'plain');
		SET('cart.items', 7);
	</script>

</body>
</html>

Опитайте в браузъра си

Редактирайте примера и го изпълнете. Работи в изолирана рамка във вашия браузър; нищо не се изпраща към нашия сървър.

Код

Преглед