<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>Attribute</title>
<link rel="stylesheet" href="http://fonts.googleapis.com/css?family=PT+Sans:400,700,400italic,700italic">
<link rel="stylesheet" href="../../build/cssgrids/cssgrids-min.css">
<link rel="stylesheet" href="../assets/css/main.css">
<link rel="stylesheet" href="../assets/vendor/prettify/prettify-min.css">
<link rel="shortcut icon" type="image/png" href="../assets/favicon.png">
<script src="../../build/yui/yui-min.js"></script>
</head>
<body>
<!--
<a href="https://github.com/yui/yui3"><img style="position: absolute; top: 0; right: 0; border: 0;" src="https://s3.amazonaws.com/github/ribbons/forkme_right_darkblue_121621.png" alt="Fork me on GitHub"></a>
-->
<div id="doc">
<div id="hd">
<h1><img src="http://yuilibrary.com/img/yui-logo.png"></h1>
</div>
<a href="#toc" class="jump">Jump to Table of Contents</a>
<h1>Attribute</h1>
<div class="yui3-g">
<div class="yui3-u-3-4">
<div id="main">
<div class="content"><h2 id="attribute-set-flow">Attribute Set Flow</h2>
<p>The diagram below shows the order in which attribute setters, validators and change event subscribers are invoked during the set operation:</p>
<p><img src="../assets/attribute/img/attribute-set-flow.png" alt="Flow diagram for the attribute 'set' operation" height="699" width="807"></p>
<p><em>NOTE:</em> Any decision blocks for which an exit path is not explicitly shown will effectively exit the set operation, without storing the new value. These paths are not explicitly shown, in order to avoid clutter.</p>
<p><a href="index.html#attrsetflow">Back to Attribute Documentation</a></p>
</div>
</div>
</div>
<div class="yui3-u-1-4">
<div class="sidebar">
<div id="toc" class="sidebox">
<div class="hd">
<h2 class="no-toc">Table of Contents</h2>
</div>
<div class="bd">
<ul class="toc">
<li>
<a href="#attribute-set-flow">Attribute Set Flow</a>
</li>
</ul>
</div>
</div>
<div class="sidebox">
<div class="hd">
<h2 class="no-toc">Examples</h2>
</div>
<div class="bd">
<ul class="examples">
<li data-description="Use the Attribute API to define, set and get attribute values.">
<a href="attribute-basic.html">Basic Attribute Configuration</a>
</li>
<li data-description="Configure attributes to be readOnly or writeOnce.">
<a href="attribute-rw.html">Read-Only and Write-Once Attributes</a>
</li>
<li data-description="How to listen for changes in attribute values.">
<a href="attribute-event.html">Attribute Change Events</a>
</li>
<li data-description="Create a basic SpeedDater class, with Attribute support.">
<a href="attribute-basic-speeddate.html">Attribute Based Speed Dating</a>
</li>
<li data-description="Refactors the basic Speed Dating example, to use attribute change events to update rendered elements, and have two instances react to another.">
<a href="attribute-event-speeddate.html">Attribute Event Based Speed Dating</a>
</li>
<li data-description="Add custom methods to get and set attribute values and provide validation support.">
<a href="attribute-getset.html">Attribute Getters, Setters and Validators</a>
</li>
</ul>
</div>
</div>
</div>
</div>
</div>
</div>
<script src="../assets/vendor/prettify/prettify-min.js"></script>
<script>prettyPrint();</script>
<script>
YUI.Env.Tests = {
examples: [],
project: '../assets',
assets: '../assets/attribute',
name: 'attribute',
title: 'Attribute',
newWindow: '',
auto: false
};
YUI.Env.Tests.examples.push('attribute-basic');
YUI.Env.Tests.examples.push('attribute-rw');
YUI.Env.Tests.examples.push('attribute-event');
YUI.Env.Tests.examples.push('attribute-basic-speeddate');
YUI.Env.Tests.examples.push('attribute-event-speeddate');
YUI.Env.Tests.examples.push('attribute-getset');
</script>
<script src="../assets/yui/test-runner.js"></script>
</body>
</html>