<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<meta name="generator" content="JsDoc Toolkit" />
<title>JsDoc Reference - rio.Component</title>
<style type="text/css">
/* default.css */
body
{
font: 12px "Lucida Grande", Tahoma, Arial, Helvetica, sans-serif;
/* width: 100%;*/
}
.header
{
clear: both;
background-color: #ccc;
padding: 8px;
}
h1
{
font-size: 150%;
font-weight: bold;
padding: 0;
margin: 1em 0 0 .3em;
}
hr
{
border: none 0;
border-top: 1px solid #7F8FB1;
height: 1px;
}
pre.code
{
display: block;
padding: 8px;
border: 1px dashed #ccc;
}
#index
{
margin-top: 24px;
float: left;
width: 160px;
position: absolute;
left: 8px;
background-color: #F3F3F3;
padding: 8px;
}
#content
{
width: 98%;
}
.classList
{
list-style-type: none;
padding: 0;
margin: 0 0 0 8px;
font-family: arial, sans-serif;
font-size: 1em;
overflow: auto;
}
.classList li
{
padding: 0;
margin: 0 0 8px 0;
}
.summaryTable { width: 100%; }
h1.classTitle
{
font-size:170%;
line-height:130%;
}
h2 { font-size: 110%; }
caption, div.sectionTitle
{
background-color: #7F8FB1;
color: #fff;
font-size:130%;
text-align: left;
padding: 2px 6px 2px 6px;
border: 1px #7F8FB1 solid;
}
div.sectionTitle { margin-bottom: 8px; }
.summaryTable thead { display: none; }
.summaryTable td
{
vertical-align: top;
padding: 4px;
border-bottom: 1px #7F8FB1 solid;
border-right: 1px #7F8FB1 solid;
}
/*col#summaryAttributes {}*/
.summaryTable td.attributes
{
border-left: 1px #7F8FB1 solid;
width: 140px;
text-align: right;
}
td.attributes, .fixedFont
{
line-height: 15px;
color: #002EBE;
font-family: "Courier New",Courier,monospace;
font-size: 13px;
}
.summaryTable td.nameDescription
{
text-align: left;
font-size: 13px;
line-height: 15px;
}
.summaryTable td.nameDescription, .description
{
line-height: 15px;
padding: 4px;
padding-left: 4px;
}
.summaryTable { margin-bottom: 8px; }
ul.inheritsList
{
list-style: square;
margin-left: 20px;
padding-left: 0;
}
.detailList {
margin-left: 20px;
line-height: 15px;
}
.detailList dt { margin-left: 20px; }
.detailList .heading
{
font-weight: bold;
padding-bottom: 6px;
margin-left: 0;
}
.light, td.attributes, .light a:link, .light a:visited
{
color: #777;
font-style: italic;
}
.fineprint
{
text-align: right;
font-size: 10px;
}
</style>
</head>
<body>
<div id="content">
<!-- ============================== class title ============================ -->
<h1 class="classTitle">
Class rio.Component
</h1>
<!-- ============================== class summary ========================== -->
<p class="description">
<br />Extends
<a href="../symbols/rio.Attr.html#constructor">rio.Attr</a>.<br />
Component is the root of all rio components. It provides basic html and rendering support as
well as css dependency management.
<br /><i>Defined in: </i> <a href="../symbols/src/public_javascripts_lib_component.js.html">component.js</a>.
</p>
<!-- ============================== constructor summary ==================== -->
<table class="summaryTable" cellspacing="0" summary="A summary of the constructor documented in the class rio.Component.">
<caption>Class Summary</caption>
<thead>
<tr>
<th scope="col">Constructor Attributes</th>
<th scope="col">Constructor Name and Description</th>
</tr>
</thead>
<tbody>
<tr>
<td class="attributes"> </td>
<td class="nameDescription" >
<div class="fixedFont">
<b><a href="../symbols/rio.Component.html#constructor">rio.Component</a></b>()
</div>
<div class="description"></div>
</td>
</tr>
</tbody>
</table>
<!-- ============================== properties summary ===================== -->
<!-- ============================== methods summary ======================== -->
<table class="summaryTable" cellspacing="0" summary="A summary of the methods documented in the class rio.Component.">
<caption>Method Summary</caption>
<thead>
<tr>
<th scope="col">Method Attributes</th>
<th scope="col">Method Name and Description</th>
</tr>
</thead>
<tbody>
<tr>
<td class="attributes"><static> </td>
<td class="nameDescription">
<div class="fixedFont">rio.Component.<b><a href="../symbols/rio.Component.html#.create">create</a></b>()
</div>
<div class="description"></div>
</td>
</tr>
<tr>
<td class="attributes"><static> </td>
<td class="nameDescription">
<div class="fixedFont">rio.Component.<b><a href="../symbols/rio.Component.html#.extend">extend</a></b>(component, extension)
</div>
<div class="description"></div>
</td>
</tr>
<tr>
<td class="attributes"><static> </td>
<td class="nameDescription">
<div class="fixedFont">rio.Component.<b><a href="../symbols/rio.Component.html#.toString">toString</a></b>()
</div>
<div class="description"></div>
</td>
</tr>
</tbody>
</table>
<dl class="inheritsList">
<dt>Methods borrowed from class <a href="../symbols/rio.Attr.html#constructor">rio.Attr</a>: </dt><dd><a href="../symbols/rio.Attr.html#bind">bind</a>, <a href="../symbols/rio.Attr.html#binding">binding</a>, <a href="../symbols/rio.Attr.html#fire">fire</a>, <a href="../symbols/rio.Attr.html#.fireWhenReady">fireWhenReady</a>, <a href="../symbols/rio.Attr.html#freeze">freeze</a>, <a href="../symbols/rio.Attr.html#frozen">frozen</a>, <a href="../symbols/rio.Attr.html#observe">observe</a>, <a href="../symbols/rio.Attr.html#setAndReturnAfterSet">setAndReturnAfterSet</a>, <a href="../symbols/rio.Attr.html#stopObserving">stopObserving</a>, <a href="../symbols/rio.Attr.html#.transaction">transaction</a>, <a href="../symbols/rio.Attr.html#unfreeze">unfreeze</a>, <a href="../symbols/rio.Attr.html#.updateAttributes">updateAttributes</a></dd>
</dl>
<!-- ============================== constructor details ==================== -->
<div class="details"><a name="constructor"> </a>
<div class="sectionTitle">
Class Detail
</div>
<div class="fixedFont">
<b>rio.Component</b>()
</div>
<div class="description">
</div>
</div>
<!-- ============================== field details ========================== -->
<!-- ============================== method details ========================= -->
<div class="sectionTitle">
Method Detail
</div>
<a name=".create"> </a>
<div class="fixedFont"><static>
<span class="light">rio.Component.</span><b>create</b>()
</div>
<div class="description">
</div>
<hr />
<a name=".extend"> </a>
<div class="fixedFont"><static>
<span class="light">rio.Component.</span><b>extend</b>(component, extension)
</div>
<div class="description">
</div>
<dl class="detailList">
<dt class="heading">Parameters:</dt>
<dt>
<b>component</b>
</dt>
<dd></dd>
<dt>
<b>extension</b>
</dt>
<dd></dd>
</dl>
<hr />
<a name=".toString"> </a>
<div class="fixedFont"><static>
<span class="light">rio.Component.</span><b>toString</b>()
</div>
<div class="description">
</div>
<hr />
</div>
<!-- ============================== footer ================================= -->
<div class="fineprint" style="clear:both">
Documentation generated by <a href="http://www.jsdoctoolkit.org/" target="_blank">JsDoc Toolkit</a> 2.0.2 on Tue Apr 20 2010 22:45:27 GMT-0500 (CDT)
</div>
</body>
</html>