mirror of
https://github.com/alchemy-fr/Phraseanet.git
synced 2025-10-13 21:13:26 +00:00
1751 lines
274 KiB
HTML
1751 lines
274 KiB
HTML
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
|
|
<html xmlns:yui="http://yuilibrary.com/rdf/1.0/yui.rdf#">
|
|
<head>
|
|
<meta http-equiv="content-type" content="text/html; charset=UTF-8" />
|
|
<title>API: layout layoutunit.js (YUI Library)</title>
|
|
|
|
<link rel="stylesheet" type="text/css" href="assets/reset-fonts-grids-min.css" />
|
|
<link rel="stylesheet" type="text/css" href="assets/api.css" />
|
|
|
|
<script type="text/javascript" src="assets/api-js"></script>
|
|
<script type="text/javascript" src="assets/ac-js"></script>
|
|
</head>
|
|
|
|
<body id="yahoo-com">
|
|
|
|
<div id="doc3" class="yui-t2">
|
|
<div id="hd">
|
|
<h1><a href="http://developer.yahoo.com/yui/" title="Yahoo! UI Library">Yahoo! UI Library</a></h1>
|
|
<h3>layout <span class="subtitle">2.8.2r1</span></h3>
|
|
<a href="./index.html" title="Yahoo! UI Library">Yahoo! UI Library</a>
|
|
> <a href="./module_layout.html" title="layout">layout</a>
|
|
|
|
> layoutunit.js (source view)
|
|
<form onsubmit="return false">
|
|
<div id="propertysearch">
|
|
Search: <input autocomplete="off" id="searchinput" />
|
|
<div id="searchresults">
|
|
|
|
</div>
|
|
</div>
|
|
</form>
|
|
</div>
|
|
|
|
<div id="bd">
|
|
<div id="yui-main">
|
|
<div class="yui-b">
|
|
<form action="#" name="yui-classopts-form" method="get" id="yui-classopts-form">
|
|
<fieldset>
|
|
<legend>Filters</legend>
|
|
<span class="classopts"><input type="checkbox" name="show_private" id="show_private" /> <label for="show_private">Show Private</label></span>
|
|
<span class="classopts"><input type="checkbox" name="show_protected" id="show_protected" /> <label for="show_protected">Show Protected</label></span>
|
|
<span class="classopts"><input type="checkbox" name="show_deprecated" id="show_deprecated" /> <label for="show_deprecated">Show Deprecated</label></span>
|
|
</fieldset>
|
|
</form>
|
|
|
|
<div id="srcout">
|
|
<style>
|
|
#doc3 .classopts { display:none; }
|
|
</style>
|
|
<div class="highlight"><pre><span class="cm">/**</span>
|
|
<span class="cm"> * @description <p>Provides a fixed position unit containing a header, body and footer for use with a YAHOO.widget.Layout instance.</p></span>
|
|
<span class="cm"> * @namespace YAHOO.widget</span>
|
|
<span class="cm"> * @requires yahoo, dom, element, event, layout</span>
|
|
<span class="cm"> * @optional animation, dragdrop, selector</span>
|
|
<span class="cm"> */</span>
|
|
<span class="p">(</span><span class="kd">function</span><span class="p">()</span> <span class="p">{</span>
|
|
<span class="kd">var</span> <span class="nx">Dom</span> <span class="o">=</span> <span class="nx">YAHOO</span><span class="p">.</span><span class="nx">util</span><span class="p">.</span><span class="nx">Dom</span><span class="p">,</span>
|
|
<span class="nx">Sel</span> <span class="o">=</span> <span class="nx">YAHOO</span><span class="p">.</span><span class="nx">util</span><span class="p">.</span><span class="nx">Selector</span><span class="p">,</span>
|
|
<span class="nx">Event</span> <span class="o">=</span> <span class="nx">YAHOO</span><span class="p">.</span><span class="nx">util</span><span class="p">.</span><span class="nx">Event</span><span class="p">,</span>
|
|
<span class="nx">Lang</span> <span class="o">=</span> <span class="nx">YAHOO</span><span class="p">.</span><span class="nx">lang</span><span class="p">;</span>
|
|
|
|
<span class="cm">/**</span>
|
|
<span class="cm"> * @constructor</span>
|
|
<span class="cm"> * @class LayoutUnit</span>
|
|
<span class="cm"> * @extends YAHOO.util.Element</span>
|
|
<span class="cm"> * @description <p>Provides a fixed position unit containing a header, body and footer for use with a YAHOO.widget.Layout instance.</p></span>
|
|
<span class="cm"> * @param {String/HTMLElement} el The element to make a unit.</span>
|
|
<span class="cm"> * @param {Object} attrs Object liternal containing configuration parameters.</span>
|
|
<span class="cm"> */</span>
|
|
|
|
<span class="kd">var</span> <span class="nx">LayoutUnit</span> <span class="o">=</span> <span class="kd">function</span><span class="p">(</span><span class="nx">el</span><span class="p">,</span> <span class="nx">config</span><span class="p">)</span> <span class="p">{</span>
|
|
|
|
<span class="kd">var</span> <span class="nx">oConfig</span> <span class="o">=</span> <span class="p">{</span>
|
|
<span class="nx">element</span><span class="o">:</span> <span class="nx">el</span><span class="p">,</span>
|
|
<span class="nx">attributes</span><span class="o">:</span> <span class="nx">config</span> <span class="o">||</span> <span class="p">{}</span>
|
|
<span class="p">};</span>
|
|
|
|
<span class="nx">LayoutUnit</span><span class="p">.</span><span class="nx">superclass</span><span class="p">.</span><span class="nx">constructor</span><span class="p">.</span><span class="nx">call</span><span class="p">(</span><span class="k">this</span><span class="p">,</span> <span class="nx">oConfig</span><span class="p">.</span><span class="nx">element</span><span class="p">,</span> <span class="nx">oConfig</span><span class="p">.</span><span class="nx">attributes</span><span class="p">);</span>
|
|
<span class="p">};</span>
|
|
|
|
<span class="cm">/**</span>
|
|
<span class="cm"> * @private</span>
|
|
<span class="cm"> * @static</span>
|
|
<span class="cm"> * @property _instances</span>
|
|
<span class="cm"> * @description Internal hash table for all layout unit instances</span>
|
|
<span class="cm"> * @type Object</span>
|
|
<span class="cm"> */</span>
|
|
<span class="nx">LayoutUnit</span><span class="p">.</span><span class="nx">_instances</span> <span class="o">=</span> <span class="p">{};</span>
|
|
<span class="cm">/**</span>
|
|
<span class="cm"> * @static</span>
|
|
<span class="cm"> * @method getLayoutUnitById </span>
|
|
<span class="cm"> * @description Get's a layout unit object by the HTML id of the element associated with the Layout Unit object.</span>
|
|
<span class="cm"> * @return {Object} The Layout Object</span>
|
|
<span class="cm"> */</span>
|
|
<span class="nx">LayoutUnit</span><span class="p">.</span><span class="nx">getLayoutUnitById</span> <span class="o">=</span> <span class="kd">function</span><span class="p">(</span><span class="nx">id</span><span class="p">)</span> <span class="p">{</span>
|
|
<span class="k">if</span> <span class="p">(</span><span class="nx">LayoutUnit</span><span class="p">.</span><span class="nx">_instances</span><span class="p">[</span><span class="nx">id</span><span class="p">])</span> <span class="p">{</span>
|
|
<span class="k">return</span> <span class="nx">LayoutUnit</span><span class="p">.</span><span class="nx">_instances</span><span class="p">[</span><span class="nx">id</span><span class="p">];</span>
|
|
<span class="p">}</span>
|
|
<span class="k">return</span> <span class="kc">false</span><span class="p">;</span>
|
|
<span class="p">};</span>
|
|
|
|
<span class="nx">YAHOO</span><span class="p">.</span><span class="nx">extend</span><span class="p">(</span><span class="nx">LayoutUnit</span><span class="p">,</span> <span class="nx">YAHOO</span><span class="p">.</span><span class="nx">util</span><span class="p">.</span><span class="nx">Element</span><span class="p">,</span> <span class="p">{</span>
|
|
<span class="cm">/**</span>
|
|
<span class="cm"> * @property STR_CLOSE</span>
|
|
<span class="cm"> * @description String used for close button title</span>
|
|
<span class="cm"> * @type {String}</span>
|
|
<span class="cm"> */</span>
|
|
<span class="nx">STR_CLOSE</span><span class="o">:</span> <span class="s1">'Click to close this pane.'</span><span class="p">,</span>
|
|
<span class="cm">/**</span>
|
|
<span class="cm"> * @property STR_COLLAPSE</span>
|
|
<span class="cm"> * @description String used for collapse button title</span>
|
|
<span class="cm"> * @type {String}</span>
|
|
<span class="cm"> */</span>
|
|
<span class="nx">STR_COLLAPSE</span><span class="o">:</span> <span class="s1">'Click to collapse this pane.'</span><span class="p">,</span>
|
|
<span class="cm">/**</span>
|
|
<span class="cm"> * @property STR_EXPAND</span>
|
|
<span class="cm"> * @description String used for expand button title</span>
|
|
<span class="cm"> * @type {String}</span>
|
|
<span class="cm"> */</span>
|
|
<span class="nx">STR_EXPAND</span><span class="o">:</span> <span class="s1">'Click to expand this pane.'</span><span class="p">,</span>
|
|
<span class="cm">/**</span>
|
|
<span class="cm"> * The class name applied to dynamic tabs while loading.</span>
|
|
<span class="cm"> * @property LOADING_CLASSNAME</span>
|
|
<span class="cm"> * @type String</span>
|
|
<span class="cm"> * @default "disabled"</span>
|
|
<span class="cm"> */</span>
|
|
<span class="nx">LOADING_CLASSNAME</span><span class="o">:</span> <span class="s1">'loading'</span><span class="p">,</span>
|
|
<span class="cm">/**</span>
|
|
<span class="cm"> * @property browser</span>
|
|
<span class="cm"> * @description A modified version of the YAHOO.env.ua object</span>
|
|
<span class="cm"> * @type Object</span>
|
|
<span class="cm"> */</span>
|
|
<span class="nx">browser</span><span class="o">:</span> <span class="kc">null</span><span class="p">,</span>
|
|
<span class="cm">/**</span>
|
|
<span class="cm"> * @private</span>
|
|
<span class="cm"> * @property _sizes</span>
|
|
<span class="cm"> * @description A collection of the current sizes of the contents of this Layout Unit</span>
|
|
<span class="cm"> * @type Object</span>
|
|
<span class="cm"> */</span>
|
|
<span class="nx">_sizes</span><span class="o">:</span> <span class="kc">null</span><span class="p">,</span>
|
|
<span class="cm">/**</span>
|
|
<span class="cm"> * @private</span>
|
|
<span class="cm"> * @property _anim</span>
|
|
<span class="cm"> * @description A reference to the Animation instance used by this LayouUnit</span>
|
|
<span class="cm"> * @type YAHOO.util.Anim</span>
|
|
<span class="cm"> */</span>
|
|
<span class="nx">_anim</span><span class="o">:</span> <span class="kc">null</span><span class="p">,</span>
|
|
<span class="cm">/**</span>
|
|
<span class="cm"> * @private</span>
|
|
<span class="cm"> * @property _resize</span>
|
|
<span class="cm"> * @description A reference to the Resize instance used by this LayoutUnit</span>
|
|
<span class="cm"> * @type YAHOO.util.Resize</span>
|
|
<span class="cm"> */</span>
|
|
<span class="nx">_resize</span><span class="o">:</span> <span class="kc">null</span><span class="p">,</span>
|
|
<span class="cm">/**</span>
|
|
<span class="cm"> * @private</span>
|
|
<span class="cm"> * @property _clip</span>
|
|
<span class="cm"> * @description A reference to the clip element used when collapsing the unit</span>
|
|
<span class="cm"> * @type HTMLElement</span>
|
|
<span class="cm"> */</span>
|
|
<span class="nx">_clip</span><span class="o">:</span> <span class="kc">null</span><span class="p">,</span>
|
|
<span class="cm">/**</span>
|
|
<span class="cm"> * @private</span>
|
|
<span class="cm"> * @property _gutter</span>
|
|
<span class="cm"> * @description A simple hash table used to store the gutter to apply to the Unit</span>
|
|
<span class="cm"> * @type Object</span>
|
|
<span class="cm"> */</span>
|
|
<span class="nx">_gutter</span><span class="o">:</span> <span class="kc">null</span><span class="p">,</span>
|
|
<span class="cm">/**</span>
|
|
<span class="cm"> * @property header</span>
|
|
<span class="cm"> * @description A reference to the HTML element used for the Header</span>
|
|
<span class="cm"> * @type HTMLELement</span>
|
|
<span class="cm"> */</span>
|
|
<span class="nx">header</span><span class="o">:</span> <span class="kc">null</span><span class="p">,</span>
|
|
<span class="cm">/**</span>
|
|
<span class="cm"> * @property body</span>
|
|
<span class="cm"> * @description A reference to the HTML element used for the body</span>
|
|
<span class="cm"> * @type HTMLElement</span>
|
|
<span class="cm"> */</span>
|
|
<span class="nx">body</span><span class="o">:</span> <span class="kc">null</span><span class="p">,</span>
|
|
<span class="cm">/**</span>
|
|
<span class="cm"> * @property footer</span>
|
|
<span class="cm"> * @description A reference to the HTML element used for the footer</span>
|
|
<span class="cm"> * @type HTMLElement</span>
|
|
<span class="cm"> */</span>
|
|
<span class="nx">footer</span><span class="o">:</span> <span class="kc">null</span><span class="p">,</span>
|
|
<span class="cm">/**</span>
|
|
<span class="cm"> * @private</span>
|
|
<span class="cm"> * @property _collapsed</span>
|
|
<span class="cm"> * @description Flag to determine if the unit is collapsed or not.</span>
|
|
<span class="cm"> * @type Boolean</span>
|
|
<span class="cm"> */</span>
|
|
<span class="nx">_collapsed</span><span class="o">:</span> <span class="kc">null</span><span class="p">,</span>
|
|
<span class="cm">/**</span>
|
|
<span class="cm"> * @private</span>
|
|
<span class="cm"> * @property _collapsing</span>
|
|
<span class="cm"> * @description A flag set while the unit is being collapsed, used so we don't fire events while animating the size</span>
|
|
<span class="cm"> * @type Boolean</span>
|
|
<span class="cm"> */</span>
|
|
<span class="nx">_collapsing</span><span class="o">:</span> <span class="kc">null</span><span class="p">,</span>
|
|
<span class="cm">/**</span>
|
|
<span class="cm"> * @private</span>
|
|
<span class="cm"> * @property _lastWidth</span>
|
|
<span class="cm"> * @description A holder for the last known width of the unit</span>
|
|
<span class="cm"> * @type Number</span>
|
|
<span class="cm"> */</span>
|
|
<span class="nx">_lastWidth</span><span class="o">:</span> <span class="kc">null</span><span class="p">,</span>
|
|
<span class="cm">/**</span>
|
|
<span class="cm"> * @private</span>
|
|
<span class="cm"> * @property _lastHeight</span>
|
|
<span class="cm"> * @description A holder for the last known height of the unit</span>
|
|
<span class="cm"> * @type Number</span>
|
|
<span class="cm"> */</span>
|
|
<span class="nx">_lastHeight</span><span class="o">:</span> <span class="kc">null</span><span class="p">,</span>
|
|
<span class="cm">/**</span>
|
|
<span class="cm"> * @private</span>
|
|
<span class="cm"> * @property _lastTop</span>
|
|
<span class="cm"> * @description A holder for the last known top of the unit</span>
|
|
<span class="cm"> * @type Number</span>
|
|
<span class="cm"> */</span>
|
|
<span class="nx">_lastTop</span><span class="o">:</span> <span class="kc">null</span><span class="p">,</span>
|
|
<span class="cm">/**</span>
|
|
<span class="cm"> * @private</span>
|
|
<span class="cm"> * @property _lastLeft</span>
|
|
<span class="cm"> * @description A holder for the last known left of the unit</span>
|
|
<span class="cm"> * @type Number</span>
|
|
<span class="cm"> */</span>
|
|
<span class="nx">_lastLeft</span><span class="o">:</span> <span class="kc">null</span><span class="p">,</span>
|
|
<span class="cm">/**</span>
|
|
<span class="cm"> * @private</span>
|
|
<span class="cm"> * @property _lastScroll</span>
|
|
<span class="cm"> * @description A holder for the last known scroll state of the unit</span>
|
|
<span class="cm"> * @type Boolean</span>
|
|
<span class="cm"> */</span>
|
|
<span class="nx">_lastScroll</span><span class="o">:</span> <span class="kc">null</span><span class="p">,</span>
|
|
<span class="cm">/**</span>
|
|
<span class="cm"> * @private</span>
|
|
<span class="cm"> * @property _lastCenetrScroll</span>
|
|
<span class="cm"> * @description A holder for the last known scroll state of the center unit</span>
|
|
<span class="cm"> * @type Boolean</span>
|
|
<span class="cm"> */</span>
|
|
<span class="nx">_lastCenterScroll</span><span class="o">:</span> <span class="kc">null</span><span class="p">,</span>
|
|
<span class="cm">/**</span>
|
|
<span class="cm"> * @private</span>
|
|
<span class="cm"> * @property _lastScrollTop</span>
|
|
<span class="cm"> * @description A holder for the last known scrollTop state of the unit</span>
|
|
<span class="cm"> * @type Number</span>
|
|
<span class="cm"> */</span>
|
|
<span class="nx">_lastScrollTop</span><span class="o">:</span> <span class="kc">null</span><span class="p">,</span>
|
|
<span class="cm">/**</span>
|
|
<span class="cm"> * @method resize</span>
|
|
<span class="cm"> * @description Resize either the unit or it's clipped state, also updating the box inside</span>
|
|
<span class="cm"> * @param {Boolean} force This will force full calculations even when the unit is collapsed</span>
|
|
<span class="cm"> * @return {<a href="YAHOO.widget.LayoutUnit.html">YAHOO.widget.LayoutUnit</a>} The LayoutUnit instance</span>
|
|
<span class="cm"> */</span>
|
|
<span class="nx">resize</span><span class="o">:</span> <span class="kd">function</span><span class="p">(</span><span class="nx">force</span><span class="p">)</span> <span class="p">{</span>
|
|
<span class="nx">YAHOO</span><span class="p">.</span><span class="nx">log</span><span class="p">(</span><span class="s1">'Resize'</span><span class="p">,</span> <span class="s1">'info'</span><span class="p">,</span> <span class="s1">'LayoutUnit'</span><span class="p">);</span>
|
|
<span class="kd">var</span> <span class="nx">retVal</span> <span class="o">=</span> <span class="k">this</span><span class="p">.</span><span class="nx">fireEvent</span><span class="p">(</span><span class="s1">'beforeResize'</span><span class="p">);</span>
|
|
<span class="k">if</span> <span class="p">(</span><span class="nx">retVal</span> <span class="o">===</span> <span class="kc">false</span><span class="p">)</span> <span class="p">{</span>
|
|
<span class="k">return</span> <span class="k">this</span><span class="p">;</span>
|
|
<span class="p">}</span>
|
|
<span class="k">if</span> <span class="p">(</span><span class="o">!</span><span class="k">this</span><span class="p">.</span><span class="nx">_collapsing</span> <span class="o">||</span> <span class="p">(</span><span class="nx">force</span> <span class="o">===</span> <span class="kc">true</span><span class="p">))</span> <span class="p">{</span>
|
|
<span class="kd">var</span> <span class="nx">scroll</span> <span class="o">=</span> <span class="k">this</span><span class="p">.</span><span class="nx">get</span><span class="p">(</span><span class="s1">'scroll'</span><span class="p">);</span>
|
|
<span class="k">this</span><span class="p">.</span><span class="nx">set</span><span class="p">(</span><span class="s1">'scroll'</span><span class="p">,</span> <span class="kc">false</span><span class="p">);</span>
|
|
|
|
|
|
<span class="kd">var</span> <span class="nx">hd</span> <span class="o">=</span> <span class="k">this</span><span class="p">.</span><span class="nx">_getBoxSize</span><span class="p">(</span><span class="k">this</span><span class="p">.</span><span class="nx">header</span><span class="p">),</span>
|
|
<span class="nx">ft</span> <span class="o">=</span> <span class="k">this</span><span class="p">.</span><span class="nx">_getBoxSize</span><span class="p">(</span><span class="k">this</span><span class="p">.</span><span class="nx">footer</span><span class="p">),</span>
|
|
<span class="nx">box</span> <span class="o">=</span> <span class="p">[</span><span class="k">this</span><span class="p">.</span><span class="nx">get</span><span class="p">(</span><span class="s1">'height'</span><span class="p">),</span> <span class="k">this</span><span class="p">.</span><span class="nx">get</span><span class="p">(</span><span class="s1">'width'</span><span class="p">)];</span>
|
|
|
|
<span class="kd">var</span> <span class="nx">nh</span> <span class="o">=</span> <span class="p">(</span><span class="nx">box</span><span class="p">[</span><span class="mi">0</span><span class="p">]</span> <span class="o">-</span> <span class="nx">hd</span><span class="p">[</span><span class="mi">0</span><span class="p">]</span> <span class="o">-</span> <span class="nx">ft</span><span class="p">[</span><span class="mi">0</span><span class="p">])</span> <span class="o">-</span> <span class="p">(</span><span class="k">this</span><span class="p">.</span><span class="nx">_gutter</span><span class="p">.</span><span class="nx">top</span> <span class="o">+</span> <span class="k">this</span><span class="p">.</span><span class="nx">_gutter</span><span class="p">.</span><span class="nx">bottom</span><span class="p">),</span>
|
|
<span class="nx">nw</span> <span class="o">=</span> <span class="nx">box</span><span class="p">[</span><span class="mi">1</span><span class="p">]</span> <span class="o">-</span> <span class="p">(</span><span class="k">this</span><span class="p">.</span><span class="nx">_gutter</span><span class="p">.</span><span class="nx">left</span> <span class="o">+</span> <span class="k">this</span><span class="p">.</span><span class="nx">_gutter</span><span class="p">.</span><span class="nx">right</span><span class="p">);</span>
|
|
|
|
<span class="kd">var</span> <span class="nx">wrapH</span> <span class="o">=</span> <span class="p">(</span><span class="nx">nh</span> <span class="o">+</span> <span class="p">(</span><span class="nx">hd</span><span class="p">[</span><span class="mi">0</span><span class="p">]</span> <span class="o">+</span> <span class="nx">ft</span><span class="p">[</span><span class="mi">0</span><span class="p">])),</span>
|
|
<span class="nx">wrapW</span> <span class="o">=</span> <span class="nx">nw</span><span class="p">;</span>
|
|
|
|
<span class="k">if</span> <span class="p">(</span><span class="k">this</span><span class="p">.</span><span class="nx">_collapsed</span> <span class="o">&&</span> <span class="o">!</span><span class="k">this</span><span class="p">.</span><span class="nx">_collapsing</span><span class="p">)</span> <span class="p">{</span>
|
|
<span class="k">this</span><span class="p">.</span><span class="nx">_setHeight</span><span class="p">(</span><span class="k">this</span><span class="p">.</span><span class="nx">_clip</span><span class="p">,</span> <span class="nx">wrapH</span><span class="p">);</span>
|
|
<span class="k">this</span><span class="p">.</span><span class="nx">_setWidth</span><span class="p">(</span><span class="k">this</span><span class="p">.</span><span class="nx">_clip</span><span class="p">,</span> <span class="nx">wrapW</span><span class="p">);</span>
|
|
<span class="nx">Dom</span><span class="p">.</span><span class="nx">setStyle</span><span class="p">(</span><span class="k">this</span><span class="p">.</span><span class="nx">_clip</span><span class="p">,</span> <span class="s1">'top'</span><span class="p">,</span> <span class="k">this</span><span class="p">.</span><span class="nx">get</span><span class="p">(</span><span class="s1">'top'</span><span class="p">)</span> <span class="o">+</span> <span class="k">this</span><span class="p">.</span><span class="nx">_gutter</span><span class="p">.</span><span class="nx">top</span> <span class="o">+</span> <span class="s1">'px'</span><span class="p">);</span>
|
|
<span class="nx">Dom</span><span class="p">.</span><span class="nx">setStyle</span><span class="p">(</span><span class="k">this</span><span class="p">.</span><span class="nx">_clip</span><span class="p">,</span> <span class="s1">'left'</span><span class="p">,</span> <span class="k">this</span><span class="p">.</span><span class="nx">get</span><span class="p">(</span><span class="s1">'left'</span><span class="p">)</span> <span class="o">+</span> <span class="k">this</span><span class="p">.</span><span class="nx">_gutter</span><span class="p">.</span><span class="nx">left</span> <span class="o">+</span> <span class="s1">'px'</span><span class="p">);</span>
|
|
<span class="p">}</span> <span class="k">else</span> <span class="k">if</span> <span class="p">(</span><span class="o">!</span><span class="k">this</span><span class="p">.</span><span class="nx">_collapsed</span> <span class="o">||</span> <span class="p">(</span><span class="k">this</span><span class="p">.</span><span class="nx">_collapsed</span> <span class="o">&&</span> <span class="k">this</span><span class="p">.</span><span class="nx">_collapsing</span><span class="p">))</span> <span class="p">{</span>
|
|
<span class="nx">wrapH</span> <span class="o">=</span> <span class="k">this</span><span class="p">.</span><span class="nx">_setHeight</span><span class="p">(</span><span class="k">this</span><span class="p">.</span><span class="nx">get</span><span class="p">(</span><span class="s1">'wrap'</span><span class="p">),</span> <span class="nx">wrapH</span><span class="p">);</span>
|
|
<span class="nx">wrapW</span> <span class="o">=</span> <span class="k">this</span><span class="p">.</span><span class="nx">_setWidth</span><span class="p">(</span><span class="k">this</span><span class="p">.</span><span class="nx">get</span><span class="p">(</span><span class="s1">'wrap'</span><span class="p">),</span> <span class="nx">wrapW</span><span class="p">);</span>
|
|
<span class="k">this</span><span class="p">.</span><span class="nx">_sizes</span><span class="p">.</span><span class="nx">wrap</span><span class="p">.</span><span class="nx">h</span> <span class="o">=</span> <span class="nx">wrapH</span><span class="p">;</span>
|
|
<span class="k">this</span><span class="p">.</span><span class="nx">_sizes</span><span class="p">.</span><span class="nx">wrap</span><span class="p">.</span><span class="nx">w</span> <span class="o">=</span> <span class="nx">wrapW</span><span class="p">;</span>
|
|
|
|
<span class="nx">Dom</span><span class="p">.</span><span class="nx">setStyle</span><span class="p">(</span><span class="k">this</span><span class="p">.</span><span class="nx">get</span><span class="p">(</span><span class="s1">'wrap'</span><span class="p">),</span> <span class="s1">'top'</span><span class="p">,</span> <span class="k">this</span><span class="p">.</span><span class="nx">_gutter</span><span class="p">.</span><span class="nx">top</span> <span class="o">+</span> <span class="s1">'px'</span><span class="p">);</span>
|
|
<span class="nx">Dom</span><span class="p">.</span><span class="nx">setStyle</span><span class="p">(</span><span class="k">this</span><span class="p">.</span><span class="nx">get</span><span class="p">(</span><span class="s1">'wrap'</span><span class="p">),</span> <span class="s1">'left'</span><span class="p">,</span> <span class="k">this</span><span class="p">.</span><span class="nx">_gutter</span><span class="p">.</span><span class="nx">left</span> <span class="o">+</span> <span class="s1">'px'</span><span class="p">);</span>
|
|
|
|
<span class="k">this</span><span class="p">.</span><span class="nx">_sizes</span><span class="p">.</span><span class="nx">header</span><span class="p">.</span><span class="nx">w</span> <span class="o">=</span> <span class="k">this</span><span class="p">.</span><span class="nx">_setWidth</span><span class="p">(</span><span class="k">this</span><span class="p">.</span><span class="nx">header</span><span class="p">,</span> <span class="nx">wrapW</span><span class="p">);</span>
|
|
<span class="k">this</span><span class="p">.</span><span class="nx">_sizes</span><span class="p">.</span><span class="nx">header</span><span class="p">.</span><span class="nx">h</span> <span class="o">=</span> <span class="nx">hd</span><span class="p">[</span><span class="mi">0</span><span class="p">];</span>
|
|
|
|
<span class="k">this</span><span class="p">.</span><span class="nx">_sizes</span><span class="p">.</span><span class="nx">footer</span><span class="p">.</span><span class="nx">w</span> <span class="o">=</span> <span class="k">this</span><span class="p">.</span><span class="nx">_setWidth</span><span class="p">(</span><span class="k">this</span><span class="p">.</span><span class="nx">footer</span><span class="p">,</span> <span class="nx">wrapW</span><span class="p">);</span>
|
|
<span class="k">this</span><span class="p">.</span><span class="nx">_sizes</span><span class="p">.</span><span class="nx">footer</span><span class="p">.</span><span class="nx">h</span> <span class="o">=</span> <span class="nx">ft</span><span class="p">[</span><span class="mi">0</span><span class="p">];</span>
|
|
|
|
<span class="nx">Dom</span><span class="p">.</span><span class="nx">setStyle</span><span class="p">(</span><span class="k">this</span><span class="p">.</span><span class="nx">footer</span><span class="p">,</span> <span class="s1">'bottom'</span><span class="p">,</span> <span class="s1">'0px'</span><span class="p">);</span>
|
|
|
|
<span class="k">this</span><span class="p">.</span><span class="nx">_sizes</span><span class="p">.</span><span class="nx">body</span><span class="p">.</span><span class="nx">h</span> <span class="o">=</span> <span class="k">this</span><span class="p">.</span><span class="nx">_setHeight</span><span class="p">(</span><span class="k">this</span><span class="p">.</span><span class="nx">body</span><span class="p">,</span> <span class="p">(</span><span class="nx">wrapH</span> <span class="o">-</span> <span class="p">(</span><span class="nx">hd</span><span class="p">[</span><span class="mi">0</span><span class="p">]</span> <span class="o">+</span> <span class="nx">ft</span><span class="p">[</span><span class="mi">0</span><span class="p">])));</span>
|
|
<span class="k">this</span><span class="p">.</span><span class="nx">_sizes</span><span class="p">.</span><span class="nx">body</span><span class="p">.</span><span class="nx">w</span> <span class="o">=</span><span class="k">this</span><span class="p">.</span><span class="nx">_setWidth</span><span class="p">(</span><span class="k">this</span><span class="p">.</span><span class="nx">body</span><span class="p">,</span> <span class="nx">wrapW</span><span class="p">);</span>
|
|
<span class="nx">Dom</span><span class="p">.</span><span class="nx">setStyle</span><span class="p">(</span><span class="k">this</span><span class="p">.</span><span class="nx">body</span><span class="p">,</span> <span class="s1">'top'</span><span class="p">,</span> <span class="nx">hd</span><span class="p">[</span><span class="mi">0</span><span class="p">]</span> <span class="o">+</span> <span class="s1">'px'</span><span class="p">);</span>
|
|
|
|
<span class="k">this</span><span class="p">.</span><span class="nx">set</span><span class="p">(</span><span class="s1">'scroll'</span><span class="p">,</span> <span class="nx">scroll</span><span class="p">);</span>
|
|
<span class="k">this</span><span class="p">.</span><span class="nx">fireEvent</span><span class="p">(</span><span class="s1">'resize'</span><span class="p">);</span>
|
|
<span class="p">}</span>
|
|
<span class="p">}</span>
|
|
<span class="k">return</span> <span class="k">this</span><span class="p">;</span>
|
|
<span class="p">},</span>
|
|
<span class="cm">/**</span>
|
|
<span class="cm"> * @private</span>
|
|
<span class="cm"> * @method _setWidth</span>
|
|
<span class="cm"> * @description Sets the width of the element based on the border size of the element.</span>
|
|
<span class="cm"> * @param {HTMLElement} el The HTMLElement to have it's width set</span>
|
|
<span class="cm"> * @param {Number} w The width that you want it the element set to</span>
|
|
<span class="cm"> * @return {Number} The new width, fixed for borders and IE QuirksMode</span>
|
|
<span class="cm"> */</span>
|
|
<span class="nx">_setWidth</span><span class="o">:</span> <span class="kd">function</span><span class="p">(</span><span class="nx">el</span><span class="p">,</span> <span class="nx">w</span><span class="p">)</span> <span class="p">{</span>
|
|
<span class="k">if</span> <span class="p">(</span><span class="nx">el</span><span class="p">)</span> <span class="p">{</span>
|
|
<span class="kd">var</span> <span class="nx">b</span> <span class="o">=</span> <span class="k">this</span><span class="p">.</span><span class="nx">_getBorderSizes</span><span class="p">(</span><span class="nx">el</span><span class="p">);</span>
|
|
<span class="nx">w</span> <span class="o">=</span> <span class="p">(</span><span class="nx">w</span> <span class="o">-</span> <span class="p">(</span><span class="nx">b</span><span class="p">[</span><span class="mi">1</span><span class="p">]</span> <span class="o">+</span> <span class="nx">b</span><span class="p">[</span><span class="mi">3</span><span class="p">]));</span>
|
|
<span class="nx">w</span> <span class="o">=</span> <span class="k">this</span><span class="p">.</span><span class="nx">_fixQuirks</span><span class="p">(</span><span class="nx">el</span><span class="p">,</span> <span class="nx">w</span><span class="p">,</span> <span class="s1">'w'</span><span class="p">);</span>
|
|
<span class="k">if</span> <span class="p">(</span><span class="nx">w</span> <span class="o"><</span> <span class="mi">0</span><span class="p">)</span> <span class="p">{</span>
|
|
<span class="nx">w</span> <span class="o">=</span> <span class="mi">0</span><span class="p">;</span>
|
|
<span class="p">}</span>
|
|
<span class="nx">Dom</span><span class="p">.</span><span class="nx">setStyle</span><span class="p">(</span><span class="nx">el</span><span class="p">,</span> <span class="s1">'width'</span><span class="p">,</span> <span class="nx">w</span> <span class="o">+</span> <span class="s1">'px'</span><span class="p">);</span>
|
|
<span class="p">}</span>
|
|
<span class="k">return</span> <span class="nx">w</span><span class="p">;</span>
|
|
<span class="p">},</span>
|
|
<span class="cm">/**</span>
|
|
<span class="cm"> * @private</span>
|
|
<span class="cm"> * @method _setHeight</span>
|
|
<span class="cm"> * @description Sets the height of the element based on the border size of the element.</span>
|
|
<span class="cm"> * @param {HTMLElement} el The HTMLElement to have it's height set</span>
|
|
<span class="cm"> * @param {Number} h The height that you want it the element set to</span>
|
|
<span class="cm"> * @return {Number} The new height, fixed for borders and IE QuirksMode</span>
|
|
<span class="cm"> */</span>
|
|
<span class="nx">_setHeight</span><span class="o">:</span> <span class="kd">function</span><span class="p">(</span><span class="nx">el</span><span class="p">,</span> <span class="nx">h</span><span class="p">)</span> <span class="p">{</span>
|
|
<span class="k">if</span> <span class="p">(</span><span class="nx">el</span><span class="p">)</span> <span class="p">{</span>
|
|
<span class="kd">var</span> <span class="nx">b</span> <span class="o">=</span> <span class="k">this</span><span class="p">.</span><span class="nx">_getBorderSizes</span><span class="p">(</span><span class="nx">el</span><span class="p">);</span>
|
|
<span class="nx">h</span> <span class="o">=</span> <span class="p">(</span><span class="nx">h</span> <span class="o">-</span> <span class="p">(</span><span class="nx">b</span><span class="p">[</span><span class="mi">0</span><span class="p">]</span> <span class="o">+</span> <span class="nx">b</span><span class="p">[</span><span class="mi">2</span><span class="p">]));</span>
|
|
<span class="nx">h</span> <span class="o">=</span> <span class="k">this</span><span class="p">.</span><span class="nx">_fixQuirks</span><span class="p">(</span><span class="nx">el</span><span class="p">,</span> <span class="nx">h</span><span class="p">,</span> <span class="s1">'h'</span><span class="p">);</span>
|
|
<span class="k">if</span> <span class="p">(</span><span class="nx">h</span> <span class="o"><</span> <span class="mi">0</span><span class="p">)</span> <span class="p">{</span>
|
|
<span class="nx">h</span> <span class="o">=</span> <span class="mi">0</span><span class="p">;</span>
|
|
<span class="p">}</span>
|
|
<span class="nx">Dom</span><span class="p">.</span><span class="nx">setStyle</span><span class="p">(</span><span class="nx">el</span><span class="p">,</span> <span class="s1">'height'</span><span class="p">,</span> <span class="nx">h</span> <span class="o">+</span> <span class="s1">'px'</span><span class="p">);</span>
|
|
<span class="p">}</span>
|
|
<span class="k">return</span> <span class="nx">h</span><span class="p">;</span>
|
|
<span class="p">},</span>
|
|
<span class="cm">/**</span>
|
|
<span class="cm"> * @private</span>
|
|
<span class="cm"> * @method _fixQuirks</span>
|
|
<span class="cm"> * @description Fixes the box calculations for IE in QuirksMode</span>
|
|
<span class="cm"> * @param {HTMLElement} el The HTMLElement to set the dimension on</span>
|
|
<span class="cm"> * @param {Number} dim The number of the dimension to fix</span>
|
|
<span class="cm"> * @param {String} side The dimension (h or w) to fix. Defaults to h</span>
|
|
<span class="cm"> * @return {Number} The fixed dimension</span>
|
|
<span class="cm"> */</span>
|
|
<span class="nx">_fixQuirks</span><span class="o">:</span> <span class="kd">function</span><span class="p">(</span><span class="nx">el</span><span class="p">,</span> <span class="nx">dim</span><span class="p">,</span> <span class="nx">side</span><span class="p">)</span> <span class="p">{</span>
|
|
<span class="kd">var</span> <span class="nx">i1</span> <span class="o">=</span> <span class="mi">0</span><span class="p">,</span> <span class="nx">i2</span> <span class="o">=</span> <span class="mi">2</span><span class="p">;</span>
|
|
<span class="k">if</span> <span class="p">(</span><span class="nx">side</span> <span class="o">==</span> <span class="s1">'w'</span><span class="p">)</span> <span class="p">{</span>
|
|
<span class="nx">i1</span> <span class="o">=</span> <span class="mi">1</span><span class="p">;</span>
|
|
<span class="nx">i2</span> <span class="o">=</span> <span class="mi">3</span><span class="p">;</span>
|
|
<span class="p">}</span>
|
|
<span class="k">if</span> <span class="p">((</span><span class="k">this</span><span class="p">.</span><span class="nx">browser</span><span class="p">.</span><span class="nx">ie</span> <span class="o"><</span> <span class="mi">8</span><span class="p">)</span> <span class="o">&&</span> <span class="o">!</span><span class="k">this</span><span class="p">.</span><span class="nx">browser</span><span class="p">.</span><span class="nx">standardsMode</span><span class="p">)</span> <span class="p">{</span>
|
|
<span class="c1">//Internet Explorer - Quirks Mode</span>
|
|
<span class="kd">var</span> <span class="nx">b</span> <span class="o">=</span> <span class="k">this</span><span class="p">.</span><span class="nx">_getBorderSizes</span><span class="p">(</span><span class="nx">el</span><span class="p">),</span>
|
|
<span class="nx">bp</span> <span class="o">=</span> <span class="k">this</span><span class="p">.</span><span class="nx">_getBorderSizes</span><span class="p">(</span><span class="nx">el</span><span class="p">.</span><span class="nx">parentNode</span><span class="p">);</span>
|
|
<span class="k">if</span> <span class="p">((</span><span class="nx">b</span><span class="p">[</span><span class="nx">i1</span><span class="p">]</span> <span class="o">===</span> <span class="mi">0</span><span class="p">)</span> <span class="o">&&</span> <span class="p">(</span><span class="nx">b</span><span class="p">[</span><span class="nx">i2</span><span class="p">]</span> <span class="o">===</span> <span class="mi">0</span><span class="p">))</span> <span class="p">{</span> <span class="c1">//No Borders, check parent</span>
|
|
<span class="k">if</span> <span class="p">((</span><span class="nx">bp</span><span class="p">[</span><span class="nx">i1</span><span class="p">]</span> <span class="o">!==</span> <span class="mi">0</span><span class="p">)</span> <span class="o">&&</span> <span class="p">(</span><span class="nx">bp</span><span class="p">[</span><span class="nx">i2</span><span class="p">]</span> <span class="o">!==</span> <span class="mi">0</span><span class="p">))</span> <span class="p">{</span> <span class="c1">//Parent has Borders</span>
|
|
<span class="nx">dim</span> <span class="o">=</span> <span class="p">(</span><span class="nx">dim</span> <span class="o">-</span> <span class="p">(</span><span class="nx">bp</span><span class="p">[</span><span class="nx">i1</span><span class="p">]</span> <span class="o">+</span> <span class="nx">bp</span><span class="p">[</span><span class="nx">i2</span><span class="p">]));</span>
|
|
<span class="p">}</span>
|
|
<span class="p">}</span> <span class="k">else</span> <span class="p">{</span>
|
|
<span class="k">if</span> <span class="p">((</span><span class="nx">bp</span><span class="p">[</span><span class="nx">i1</span><span class="p">]</span> <span class="o">===</span> <span class="mi">0</span><span class="p">)</span> <span class="o">&&</span> <span class="p">(</span><span class="nx">bp</span><span class="p">[</span><span class="nx">i2</span><span class="p">]</span> <span class="o">===</span> <span class="mi">0</span><span class="p">))</span> <span class="p">{</span>
|
|
<span class="nx">dim</span> <span class="o">=</span> <span class="p">(</span><span class="nx">dim</span> <span class="o">+</span> <span class="p">(</span><span class="nx">b</span><span class="p">[</span><span class="nx">i1</span><span class="p">]</span> <span class="o">+</span> <span class="nx">b</span><span class="p">[</span><span class="nx">i2</span><span class="p">]));</span>
|
|
<span class="p">}</span>
|
|
<span class="p">}</span>
|
|
<span class="p">}</span>
|
|
<span class="k">return</span> <span class="nx">dim</span><span class="p">;</span>
|
|
<span class="p">},</span>
|
|
<span class="cm">/**</span>
|
|
<span class="cm"> * @private</span>
|
|
<span class="cm"> * @method _getBoxSize</span>
|
|
<span class="cm"> * @description Get's the elements clientHeight and clientWidth plus the size of the borders</span>
|
|
<span class="cm"> * @param {HTMLElement} el The HTMLElement to get the size of</span>
|
|
<span class="cm"> * @return {Array} An array of height and width</span>
|
|
<span class="cm"> */</span>
|
|
<span class="nx">_getBoxSize</span><span class="o">:</span> <span class="kd">function</span><span class="p">(</span><span class="nx">el</span><span class="p">)</span> <span class="p">{</span>
|
|
<span class="kd">var</span> <span class="nx">size</span> <span class="o">=</span> <span class="p">[</span><span class="mi">0</span><span class="p">,</span> <span class="mi">0</span><span class="p">];</span>
|
|
<span class="k">if</span> <span class="p">(</span><span class="nx">el</span><span class="p">)</span> <span class="p">{</span>
|
|
<span class="k">if</span> <span class="p">(</span><span class="k">this</span><span class="p">.</span><span class="nx">browser</span><span class="p">.</span><span class="nx">ie</span> <span class="o">&&</span> <span class="o">!</span><span class="k">this</span><span class="p">.</span><span class="nx">browser</span><span class="p">.</span><span class="nx">standardsMode</span><span class="p">)</span> <span class="p">{</span>
|
|
<span class="nx">el</span><span class="p">.</span><span class="nx">style</span><span class="p">.</span><span class="nx">zoom</span> <span class="o">=</span> <span class="mi">1</span><span class="p">;</span>
|
|
<span class="p">}</span>
|
|
<span class="kd">var</span> <span class="nx">b</span> <span class="o">=</span> <span class="k">this</span><span class="p">.</span><span class="nx">_getBorderSizes</span><span class="p">(</span><span class="nx">el</span><span class="p">);</span>
|
|
<span class="nx">size</span><span class="p">[</span><span class="mi">0</span><span class="p">]</span> <span class="o">=</span> <span class="nx">el</span><span class="p">.</span><span class="nx">clientHeight</span> <span class="o">+</span> <span class="p">(</span><span class="nx">b</span><span class="p">[</span><span class="mi">0</span><span class="p">]</span> <span class="o">+</span> <span class="nx">b</span><span class="p">[</span><span class="mi">2</span><span class="p">]);</span>
|
|
<span class="nx">size</span><span class="p">[</span><span class="mi">1</span><span class="p">]</span> <span class="o">=</span> <span class="nx">el</span><span class="p">.</span><span class="nx">clientWidth</span> <span class="o">+</span> <span class="p">(</span><span class="nx">b</span><span class="p">[</span><span class="mi">1</span><span class="p">]</span> <span class="o">+</span> <span class="nx">b</span><span class="p">[</span><span class="mi">3</span><span class="p">]);</span>
|
|
<span class="p">}</span>
|
|
<span class="k">return</span> <span class="nx">size</span><span class="p">;</span>
|
|
<span class="p">},</span>
|
|
<span class="cm">/**</span>
|
|
<span class="cm"> * @private</span>
|
|
<span class="cm"> * @method _getBorderSizes</span>
|
|
<span class="cm"> * @description Get the CSS border size of the element passed.</span>
|
|
<span class="cm"> * @param {HTMLElement} el The element to get the border size of</span>
|
|
<span class="cm"> * @return {Array} An array of the top, right, bottom, left borders.</span>
|
|
<span class="cm"> */</span>
|
|
<span class="nx">_getBorderSizes</span><span class="o">:</span> <span class="kd">function</span><span class="p">(</span><span class="nx">el</span><span class="p">)</span> <span class="p">{</span>
|
|
<span class="kd">var</span> <span class="nx">s</span> <span class="o">=</span> <span class="p">[];</span>
|
|
<span class="nx">el</span> <span class="o">=</span> <span class="nx">el</span> <span class="o">||</span> <span class="k">this</span><span class="p">.</span><span class="nx">get</span><span class="p">(</span><span class="s1">'element'</span><span class="p">);</span>
|
|
<span class="k">if</span> <span class="p">(</span><span class="k">this</span><span class="p">.</span><span class="nx">browser</span><span class="p">.</span><span class="nx">ie</span> <span class="o">&&</span> <span class="o">!</span><span class="k">this</span><span class="p">.</span><span class="nx">browser</span><span class="p">.</span><span class="nx">standardsMode</span><span class="p">)</span> <span class="p">{</span>
|
|
<span class="nx">el</span><span class="p">.</span><span class="nx">style</span><span class="p">.</span><span class="nx">zoom</span> <span class="o">=</span> <span class="mi">1</span><span class="p">;</span>
|
|
<span class="p">}</span>
|
|
<span class="nx">s</span><span class="p">[</span><span class="mi">0</span><span class="p">]</span> <span class="o">=</span> <span class="nb">parseInt</span><span class="p">(</span><span class="nx">Dom</span><span class="p">.</span><span class="nx">getStyle</span><span class="p">(</span><span class="nx">el</span><span class="p">,</span> <span class="s1">'borderTopWidth'</span><span class="p">),</span> <span class="mi">10</span><span class="p">);</span>
|
|
<span class="nx">s</span><span class="p">[</span><span class="mi">1</span><span class="p">]</span> <span class="o">=</span> <span class="nb">parseInt</span><span class="p">(</span><span class="nx">Dom</span><span class="p">.</span><span class="nx">getStyle</span><span class="p">(</span><span class="nx">el</span><span class="p">,</span> <span class="s1">'borderRightWidth'</span><span class="p">),</span> <span class="mi">10</span><span class="p">);</span>
|
|
<span class="nx">s</span><span class="p">[</span><span class="mi">2</span><span class="p">]</span> <span class="o">=</span> <span class="nb">parseInt</span><span class="p">(</span><span class="nx">Dom</span><span class="p">.</span><span class="nx">getStyle</span><span class="p">(</span><span class="nx">el</span><span class="p">,</span> <span class="s1">'borderBottomWidth'</span><span class="p">),</span> <span class="mi">10</span><span class="p">);</span>
|
|
<span class="nx">s</span><span class="p">[</span><span class="mi">3</span><span class="p">]</span> <span class="o">=</span> <span class="nb">parseInt</span><span class="p">(</span><span class="nx">Dom</span><span class="p">.</span><span class="nx">getStyle</span><span class="p">(</span><span class="nx">el</span><span class="p">,</span> <span class="s1">'borderLeftWidth'</span><span class="p">),</span> <span class="mi">10</span><span class="p">);</span>
|
|
|
|
<span class="c1">//IE will return NaN on these if they are set to auto, we'll set them to 0</span>
|
|
<span class="k">for</span> <span class="p">(</span><span class="kd">var</span> <span class="nx">i</span> <span class="o">=</span> <span class="mi">0</span><span class="p">;</span> <span class="nx">i</span> <span class="o"><</span> <span class="nx">s</span><span class="p">.</span><span class="nx">length</span><span class="p">;</span> <span class="nx">i</span><span class="o">++</span><span class="p">)</span> <span class="p">{</span>
|
|
<span class="k">if</span> <span class="p">(</span><span class="nb">isNaN</span><span class="p">(</span><span class="nx">s</span><span class="p">[</span><span class="nx">i</span><span class="p">]))</span> <span class="p">{</span>
|
|
<span class="nx">s</span><span class="p">[</span><span class="nx">i</span><span class="p">]</span> <span class="o">=</span> <span class="mi">0</span><span class="p">;</span>
|
|
<span class="p">}</span>
|
|
<span class="p">}</span>
|
|
<span class="k">return</span> <span class="nx">s</span><span class="p">;</span>
|
|
<span class="p">},</span>
|
|
<span class="cm">/**</span>
|
|
<span class="cm"> * @private</span>
|
|
<span class="cm"> * @method _createClip</span>
|
|
<span class="cm"> * @description Create the clip element used when the Unit is collapsed</span>
|
|
<span class="cm"> */</span>
|
|
<span class="nx">_createClip</span><span class="o">:</span> <span class="kd">function</span><span class="p">()</span> <span class="p">{</span>
|
|
<span class="k">if</span> <span class="p">(</span><span class="o">!</span><span class="k">this</span><span class="p">.</span><span class="nx">_clip</span><span class="p">)</span> <span class="p">{</span>
|
|
<span class="k">this</span><span class="p">.</span><span class="nx">_clip</span> <span class="o">=</span> <span class="nb">document</span><span class="p">.</span><span class="nx">createElement</span><span class="p">(</span><span class="s1">'div'</span><span class="p">);</span>
|
|
<span class="k">this</span><span class="p">.</span><span class="nx">_clip</span><span class="p">.</span><span class="nx">className</span> <span class="o">=</span> <span class="s1">'yui-layout-clip yui-layout-clip-'</span> <span class="o">+</span> <span class="k">this</span><span class="p">.</span><span class="nx">get</span><span class="p">(</span><span class="s1">'position'</span><span class="p">);</span>
|
|
<span class="k">this</span><span class="p">.</span><span class="nx">_clip</span><span class="p">.</span><span class="nx">innerHTML</span> <span class="o">=</span> <span class="s1">'<div class="collapse"></div>'</span><span class="p">;</span>
|
|
<span class="kd">var</span> <span class="nx">c</span> <span class="o">=</span> <span class="k">this</span><span class="p">.</span><span class="nx">_clip</span><span class="p">.</span><span class="nx">firstChild</span><span class="p">;</span>
|
|
<span class="nx">c</span><span class="p">.</span><span class="nx">title</span> <span class="o">=</span> <span class="k">this</span><span class="p">.</span><span class="nx">STR_EXPAND</span><span class="p">;</span>
|
|
<span class="nx">Event</span><span class="p">.</span><span class="nx">on</span><span class="p">(</span><span class="nx">c</span><span class="p">,</span> <span class="s1">'click'</span><span class="p">,</span> <span class="k">this</span><span class="p">.</span><span class="nx">expand</span><span class="p">,</span> <span class="k">this</span><span class="p">,</span> <span class="kc">true</span><span class="p">);</span>
|
|
<span class="k">this</span><span class="p">.</span><span class="nx">get</span><span class="p">(</span><span class="s1">'element'</span><span class="p">).</span><span class="nx">parentNode</span><span class="p">.</span><span class="nx">appendChild</span><span class="p">(</span><span class="k">this</span><span class="p">.</span><span class="nx">_clip</span><span class="p">);</span>
|
|
<span class="p">}</span>
|
|
<span class="p">},</span>
|
|
<span class="cm">/**</span>
|
|
<span class="cm"> * @private</span>
|
|
<span class="cm"> * @method _toggleClip</span>
|
|
<span class="cm"> * @description Toggle th current state of the Clip element and set it's height, width and position</span>
|
|
<span class="cm"> */</span>
|
|
<span class="nx">_toggleClip</span><span class="o">:</span> <span class="kd">function</span><span class="p">()</span> <span class="p">{</span>
|
|
<span class="k">if</span> <span class="p">(</span><span class="o">!</span><span class="k">this</span><span class="p">.</span><span class="nx">_collapsed</span><span class="p">)</span> <span class="p">{</span>
|
|
<span class="c1">//show</span>
|
|
<span class="kd">var</span> <span class="nx">hd</span> <span class="o">=</span> <span class="k">this</span><span class="p">.</span><span class="nx">_getBoxSize</span><span class="p">(</span><span class="k">this</span><span class="p">.</span><span class="nx">header</span><span class="p">),</span>
|
|
<span class="nx">ft</span> <span class="o">=</span> <span class="k">this</span><span class="p">.</span><span class="nx">_getBoxSize</span><span class="p">(</span><span class="k">this</span><span class="p">.</span><span class="nx">footer</span><span class="p">),</span>
|
|
<span class="nx">box</span> <span class="o">=</span> <span class="p">[</span><span class="k">this</span><span class="p">.</span><span class="nx">get</span><span class="p">(</span><span class="s1">'height'</span><span class="p">),</span> <span class="k">this</span><span class="p">.</span><span class="nx">get</span><span class="p">(</span><span class="s1">'width'</span><span class="p">)];</span>
|
|
|
|
|
|
<span class="kd">var</span> <span class="nx">nh</span> <span class="o">=</span> <span class="p">(</span><span class="nx">box</span><span class="p">[</span><span class="mi">0</span><span class="p">]</span> <span class="o">-</span> <span class="nx">hd</span><span class="p">[</span><span class="mi">0</span><span class="p">]</span> <span class="o">-</span> <span class="nx">ft</span><span class="p">[</span><span class="mi">0</span><span class="p">])</span> <span class="o">-</span> <span class="p">(</span><span class="k">this</span><span class="p">.</span><span class="nx">_gutter</span><span class="p">.</span><span class="nx">top</span> <span class="o">+</span> <span class="k">this</span><span class="p">.</span><span class="nx">_gutter</span><span class="p">.</span><span class="nx">bottom</span><span class="p">),</span>
|
|
<span class="nx">nw</span> <span class="o">=</span> <span class="nx">box</span><span class="p">[</span><span class="mi">1</span><span class="p">]</span> <span class="o">-</span> <span class="p">(</span><span class="k">this</span><span class="p">.</span><span class="nx">_gutter</span><span class="p">.</span><span class="nx">left</span> <span class="o">+</span> <span class="k">this</span><span class="p">.</span><span class="nx">_gutter</span><span class="p">.</span><span class="nx">right</span><span class="p">),</span>
|
|
<span class="nx">wrapH</span> <span class="o">=</span> <span class="p">(</span><span class="nx">nh</span> <span class="o">+</span> <span class="p">(</span><span class="nx">hd</span><span class="p">[</span><span class="mi">0</span><span class="p">]</span> <span class="o">+</span> <span class="nx">ft</span><span class="p">[</span><span class="mi">0</span><span class="p">]));</span>
|
|
|
|
<span class="k">switch</span> <span class="p">(</span><span class="k">this</span><span class="p">.</span><span class="nx">get</span><span class="p">(</span><span class="s1">'position'</span><span class="p">))</span> <span class="p">{</span>
|
|
<span class="k">case</span> <span class="s1">'top'</span><span class="o">:</span>
|
|
<span class="k">case</span> <span class="s1">'bottom'</span><span class="o">:</span>
|
|
<span class="k">this</span><span class="p">.</span><span class="nx">_setWidth</span><span class="p">(</span><span class="k">this</span><span class="p">.</span><span class="nx">_clip</span><span class="p">,</span> <span class="nx">nw</span><span class="p">);</span>
|
|
<span class="k">this</span><span class="p">.</span><span class="nx">_setHeight</span><span class="p">(</span><span class="k">this</span><span class="p">.</span><span class="nx">_clip</span><span class="p">,</span> <span class="k">this</span><span class="p">.</span><span class="nx">get</span><span class="p">(</span><span class="s1">'collapseSize'</span><span class="p">));</span>
|
|
<span class="nx">Dom</span><span class="p">.</span><span class="nx">setStyle</span><span class="p">(</span><span class="k">this</span><span class="p">.</span><span class="nx">_clip</span><span class="p">,</span> <span class="s1">'left'</span><span class="p">,</span> <span class="p">(</span><span class="k">this</span><span class="p">.</span><span class="nx">_lastLeft</span> <span class="o">+</span> <span class="k">this</span><span class="p">.</span><span class="nx">_gutter</span><span class="p">.</span><span class="nx">left</span><span class="p">)</span> <span class="o">+</span> <span class="s1">'px'</span><span class="p">);</span>
|
|
<span class="k">if</span> <span class="p">(</span><span class="k">this</span><span class="p">.</span><span class="nx">get</span><span class="p">(</span><span class="s1">'position'</span><span class="p">)</span> <span class="o">==</span> <span class="s1">'bottom'</span><span class="p">)</span> <span class="p">{</span>
|
|
<span class="nx">Dom</span><span class="p">.</span><span class="nx">setStyle</span><span class="p">(</span><span class="k">this</span><span class="p">.</span><span class="nx">_clip</span><span class="p">,</span> <span class="s1">'top'</span><span class="p">,</span> <span class="p">((</span><span class="k">this</span><span class="p">.</span><span class="nx">_lastTop</span> <span class="o">+</span> <span class="k">this</span><span class="p">.</span><span class="nx">_lastHeight</span><span class="p">)</span> <span class="o">-</span> <span class="p">(</span><span class="k">this</span><span class="p">.</span><span class="nx">get</span><span class="p">(</span><span class="s1">'collapseSize'</span><span class="p">)</span> <span class="o">-</span> <span class="k">this</span><span class="p">.</span><span class="nx">_gutter</span><span class="p">.</span><span class="nx">top</span><span class="p">))</span> <span class="o">+</span> <span class="s1">'px'</span><span class="p">);</span>
|
|
<span class="p">}</span> <span class="k">else</span> <span class="p">{</span>
|
|
<span class="nx">Dom</span><span class="p">.</span><span class="nx">setStyle</span><span class="p">(</span><span class="k">this</span><span class="p">.</span><span class="nx">_clip</span><span class="p">,</span> <span class="s1">'top'</span><span class="p">,</span> <span class="k">this</span><span class="p">.</span><span class="nx">get</span><span class="p">(</span><span class="s1">'top'</span><span class="p">)</span> <span class="o">+</span> <span class="k">this</span><span class="p">.</span><span class="nx">_gutter</span><span class="p">.</span><span class="nx">top</span> <span class="o">+</span> <span class="s1">'px'</span><span class="p">);</span>
|
|
<span class="p">}</span>
|
|
<span class="k">break</span><span class="p">;</span>
|
|
<span class="k">case</span> <span class="s1">'left'</span><span class="o">:</span>
|
|
<span class="k">case</span> <span class="s1">'right'</span><span class="o">:</span>
|
|
<span class="k">this</span><span class="p">.</span><span class="nx">_setWidth</span><span class="p">(</span><span class="k">this</span><span class="p">.</span><span class="nx">_clip</span><span class="p">,</span> <span class="k">this</span><span class="p">.</span><span class="nx">get</span><span class="p">(</span><span class="s1">'collapseSize'</span><span class="p">));</span>
|
|
<span class="k">this</span><span class="p">.</span><span class="nx">_setHeight</span><span class="p">(</span><span class="k">this</span><span class="p">.</span><span class="nx">_clip</span><span class="p">,</span> <span class="nx">wrapH</span><span class="p">);</span>
|
|
<span class="nx">Dom</span><span class="p">.</span><span class="nx">setStyle</span><span class="p">(</span><span class="k">this</span><span class="p">.</span><span class="nx">_clip</span><span class="p">,</span> <span class="s1">'top'</span><span class="p">,</span> <span class="p">(</span><span class="k">this</span><span class="p">.</span><span class="nx">get</span><span class="p">(</span><span class="s1">'top'</span><span class="p">)</span> <span class="o">+</span> <span class="k">this</span><span class="p">.</span><span class="nx">_gutter</span><span class="p">.</span><span class="nx">top</span><span class="p">)</span> <span class="o">+</span> <span class="s1">'px'</span><span class="p">);</span>
|
|
<span class="k">if</span> <span class="p">(</span><span class="k">this</span><span class="p">.</span><span class="nx">get</span><span class="p">(</span><span class="s1">'position'</span><span class="p">)</span> <span class="o">==</span> <span class="s1">'right'</span><span class="p">)</span> <span class="p">{</span>
|
|
<span class="nx">Dom</span><span class="p">.</span><span class="nx">setStyle</span><span class="p">(</span><span class="k">this</span><span class="p">.</span><span class="nx">_clip</span><span class="p">,</span> <span class="s1">'left'</span><span class="p">,</span> <span class="p">(((</span><span class="k">this</span><span class="p">.</span><span class="nx">_lastLeft</span> <span class="o">+</span> <span class="k">this</span><span class="p">.</span><span class="nx">_lastWidth</span><span class="p">)</span> <span class="o">-</span> <span class="k">this</span><span class="p">.</span><span class="nx">get</span><span class="p">(</span><span class="s1">'collapseSize'</span><span class="p">))</span> <span class="o">-</span> <span class="k">this</span><span class="p">.</span><span class="nx">_gutter</span><span class="p">.</span><span class="nx">left</span><span class="p">)</span> <span class="o">+</span> <span class="s1">'px'</span><span class="p">);</span>
|
|
<span class="p">}</span> <span class="k">else</span> <span class="p">{</span>
|
|
<span class="nx">Dom</span><span class="p">.</span><span class="nx">setStyle</span><span class="p">(</span><span class="k">this</span><span class="p">.</span><span class="nx">_clip</span><span class="p">,</span> <span class="s1">'left'</span><span class="p">,</span> <span class="p">(</span><span class="k">this</span><span class="p">.</span><span class="nx">get</span><span class="p">(</span><span class="s1">'left'</span><span class="p">)</span> <span class="o">+</span> <span class="k">this</span><span class="p">.</span><span class="nx">_gutter</span><span class="p">.</span><span class="nx">left</span><span class="p">)</span> <span class="o">+</span> <span class="s1">'px'</span><span class="p">);</span>
|
|
<span class="p">}</span>
|
|
<span class="k">break</span><span class="p">;</span>
|
|
<span class="p">}</span>
|
|
|
|
<span class="nx">Dom</span><span class="p">.</span><span class="nx">setStyle</span><span class="p">(</span><span class="k">this</span><span class="p">.</span><span class="nx">_clip</span><span class="p">,</span> <span class="s1">'display'</span><span class="p">,</span> <span class="s1">'block'</span><span class="p">);</span>
|
|
<span class="k">this</span><span class="p">.</span><span class="nx">setStyle</span><span class="p">(</span><span class="s1">'display'</span><span class="p">,</span> <span class="s1">'none'</span><span class="p">);</span>
|
|
<span class="p">}</span> <span class="k">else</span> <span class="p">{</span>
|
|
<span class="c1">//Hide</span>
|
|
<span class="nx">Dom</span><span class="p">.</span><span class="nx">setStyle</span><span class="p">(</span><span class="k">this</span><span class="p">.</span><span class="nx">_clip</span><span class="p">,</span> <span class="s1">'display'</span><span class="p">,</span> <span class="s1">'none'</span><span class="p">);</span>
|
|
<span class="p">}</span>
|
|
<span class="p">},</span>
|
|
<span class="cm">/**</span>
|
|
<span class="cm"> * @method getSizes</span>
|
|
<span class="cm"> * @description Get a reference to the internal sizes object for this unit</span>
|
|
<span class="cm"> * @return {Object} An object of the sizes used for calculations</span>
|
|
<span class="cm"> */</span>
|
|
<span class="nx">getSizes</span><span class="o">:</span> <span class="kd">function</span><span class="p">()</span> <span class="p">{</span>
|
|
<span class="k">return</span> <span class="k">this</span><span class="p">.</span><span class="nx">_sizes</span><span class="p">;</span>
|
|
<span class="p">},</span>
|
|
<span class="cm">/**</span>
|
|
<span class="cm"> * @method toggle</span>
|
|
<span class="cm"> * @description Toggles the Unit, replacing it with a clipped version.</span>
|
|
<span class="cm"> * @return {<a href="YAHOO.widget.LayoutUnit.html">YAHOO.widget.LayoutUnit</a>} The LayoutUnit instance</span>
|
|
<span class="cm"> */</span>
|
|
<span class="nx">toggle</span><span class="o">:</span> <span class="kd">function</span><span class="p">()</span> <span class="p">{</span>
|
|
<span class="k">if</span> <span class="p">(</span><span class="k">this</span><span class="p">.</span><span class="nx">_collapsed</span><span class="p">)</span> <span class="p">{</span>
|
|
<span class="k">this</span><span class="p">.</span><span class="nx">expand</span><span class="p">();</span>
|
|
<span class="p">}</span> <span class="k">else</span> <span class="p">{</span>
|
|
<span class="k">this</span><span class="p">.</span><span class="nx">collapse</span><span class="p">();</span>
|
|
<span class="p">}</span>
|
|
<span class="k">return</span> <span class="k">this</span><span class="p">;</span>
|
|
<span class="p">},</span>
|
|
<span class="cm">/**</span>
|
|
<span class="cm"> * @method expand</span>
|
|
<span class="cm"> * @description Expand the Unit if it is collapsed.</span>
|
|
<span class="cm"> * @return {<a href="YAHOO.widget.LayoutUnit.html">YAHOO.widget.LayoutUnit</a>} The LayoutUnit instance</span>
|
|
<span class="cm"> */</span>
|
|
<span class="nx">expand</span><span class="o">:</span> <span class="kd">function</span><span class="p">()</span> <span class="p">{</span>
|
|
<span class="k">if</span> <span class="p">(</span><span class="o">!</span><span class="k">this</span><span class="p">.</span><span class="nx">_collapsed</span><span class="p">)</span> <span class="p">{</span>
|
|
<span class="k">return</span> <span class="k">this</span><span class="p">;</span>
|
|
<span class="p">}</span>
|
|
<span class="kd">var</span> <span class="nx">retVal</span> <span class="o">=</span> <span class="k">this</span><span class="p">.</span><span class="nx">fireEvent</span><span class="p">(</span><span class="s1">'beforeExpand'</span><span class="p">);</span>
|
|
<span class="k">if</span> <span class="p">(</span><span class="nx">retVal</span> <span class="o">===</span> <span class="kc">false</span><span class="p">)</span> <span class="p">{</span>
|
|
<span class="k">return</span> <span class="k">this</span><span class="p">;</span>
|
|
<span class="p">}</span>
|
|
|
|
<span class="k">this</span><span class="p">.</span><span class="nx">_collapsing</span> <span class="o">=</span> <span class="kc">true</span><span class="p">;</span>
|
|
<span class="k">this</span><span class="p">.</span><span class="nx">setStyle</span><span class="p">(</span><span class="s1">'zIndex'</span><span class="p">,</span> <span class="k">this</span><span class="p">.</span><span class="nx">get</span><span class="p">(</span><span class="s1">'parent'</span><span class="p">).</span><span class="nx">_zIndex</span> <span class="o">+</span> <span class="mi">1</span><span class="p">);</span>
|
|
|
|
<span class="k">if</span> <span class="p">(</span><span class="k">this</span><span class="p">.</span><span class="nx">_anim</span><span class="p">)</span> <span class="p">{</span>
|
|
<span class="k">this</span><span class="p">.</span><span class="nx">setStyle</span><span class="p">(</span><span class="s1">'display'</span><span class="p">,</span> <span class="s1">'none'</span><span class="p">);</span>
|
|
<span class="kd">var</span> <span class="nx">attr</span> <span class="o">=</span> <span class="p">{},</span> <span class="nx">s</span><span class="p">;</span>
|
|
|
|
<span class="k">switch</span> <span class="p">(</span><span class="k">this</span><span class="p">.</span><span class="nx">get</span><span class="p">(</span><span class="s1">'position'</span><span class="p">))</span> <span class="p">{</span>
|
|
<span class="k">case</span> <span class="s1">'left'</span><span class="o">:</span>
|
|
<span class="k">case</span> <span class="s1">'right'</span><span class="o">:</span>
|
|
<span class="k">this</span><span class="p">.</span><span class="nx">set</span><span class="p">(</span><span class="s1">'width'</span><span class="p">,</span> <span class="k">this</span><span class="p">.</span><span class="nx">_lastWidth</span><span class="p">,</span> <span class="kc">true</span><span class="p">);</span>
|
|
<span class="k">this</span><span class="p">.</span><span class="nx">setStyle</span><span class="p">(</span><span class="s1">'width'</span><span class="p">,</span> <span class="k">this</span><span class="p">.</span><span class="nx">_lastWidth</span> <span class="o">+</span> <span class="s1">'px'</span><span class="p">);</span>
|
|
<span class="k">this</span><span class="p">.</span><span class="nx">get</span><span class="p">(</span><span class="s1">'parent'</span><span class="p">).</span><span class="nx">resize</span><span class="p">(</span><span class="kc">false</span><span class="p">);</span>
|
|
<span class="nx">s</span> <span class="o">=</span> <span class="k">this</span><span class="p">.</span><span class="nx">get</span><span class="p">(</span><span class="s1">'parent'</span><span class="p">).</span><span class="nx">getSizes</span><span class="p">()[</span><span class="k">this</span><span class="p">.</span><span class="nx">get</span><span class="p">(</span><span class="s1">'position'</span><span class="p">)];</span>
|
|
<span class="k">this</span><span class="p">.</span><span class="nx">set</span><span class="p">(</span><span class="s1">'height'</span><span class="p">,</span> <span class="nx">s</span><span class="p">.</span><span class="nx">h</span><span class="p">,</span> <span class="kc">true</span><span class="p">);</span>
|
|
<span class="kd">var</span> <span class="nx">left</span> <span class="o">=</span> <span class="nx">s</span><span class="p">.</span><span class="nx">l</span><span class="p">;</span>
|
|
<span class="nx">attr</span> <span class="o">=</span> <span class="p">{</span>
|
|
<span class="nx">left</span><span class="o">:</span> <span class="p">{</span>
|
|
<span class="nx">to</span><span class="o">:</span> <span class="nx">left</span>
|
|
<span class="p">}</span>
|
|
<span class="p">};</span>
|
|
<span class="k">if</span> <span class="p">(</span><span class="k">this</span><span class="p">.</span><span class="nx">get</span><span class="p">(</span><span class="s1">'position'</span><span class="p">)</span> <span class="o">==</span> <span class="s1">'left'</span><span class="p">)</span> <span class="p">{</span>
|
|
<span class="nx">attr</span><span class="p">.</span><span class="nx">left</span><span class="p">.</span><span class="nx">from</span> <span class="o">=</span> <span class="p">(</span><span class="nx">left</span> <span class="o">-</span> <span class="nx">s</span><span class="p">.</span><span class="nx">w</span><span class="p">);</span>
|
|
<span class="k">this</span><span class="p">.</span><span class="nx">setStyle</span><span class="p">(</span><span class="s1">'left'</span><span class="p">,</span> <span class="p">(</span><span class="nx">left</span> <span class="o">-</span> <span class="nx">s</span><span class="p">.</span><span class="nx">w</span><span class="p">)</span> <span class="o">+</span> <span class="s1">'px'</span><span class="p">);</span>
|
|
<span class="p">}</span>
|
|
<span class="k">break</span><span class="p">;</span>
|
|
<span class="k">case</span> <span class="s1">'top'</span><span class="o">:</span>
|
|
<span class="k">case</span> <span class="s1">'bottom'</span><span class="o">:</span>
|
|
<span class="k">this</span><span class="p">.</span><span class="nx">set</span><span class="p">(</span><span class="s1">'height'</span><span class="p">,</span> <span class="k">this</span><span class="p">.</span><span class="nx">_lastHeight</span><span class="p">,</span> <span class="kc">true</span><span class="p">);</span>
|
|
<span class="k">this</span><span class="p">.</span><span class="nx">setStyle</span><span class="p">(</span><span class="s1">'height'</span><span class="p">,</span> <span class="k">this</span><span class="p">.</span><span class="nx">_lastHeight</span> <span class="o">+</span> <span class="s1">'px'</span><span class="p">);</span>
|
|
<span class="k">this</span><span class="p">.</span><span class="nx">get</span><span class="p">(</span><span class="s1">'parent'</span><span class="p">).</span><span class="nx">resize</span><span class="p">(</span><span class="kc">false</span><span class="p">);</span>
|
|
<span class="nx">s</span> <span class="o">=</span> <span class="k">this</span><span class="p">.</span><span class="nx">get</span><span class="p">(</span><span class="s1">'parent'</span><span class="p">).</span><span class="nx">getSizes</span><span class="p">()[</span><span class="k">this</span><span class="p">.</span><span class="nx">get</span><span class="p">(</span><span class="s1">'position'</span><span class="p">)];</span>
|
|
<span class="k">this</span><span class="p">.</span><span class="nx">set</span><span class="p">(</span><span class="s1">'width'</span><span class="p">,</span> <span class="nx">s</span><span class="p">.</span><span class="nx">w</span><span class="p">,</span> <span class="kc">true</span><span class="p">);</span>
|
|
<span class="kd">var</span> <span class="nx">top</span> <span class="o">=</span> <span class="nx">s</span><span class="p">.</span><span class="nx">t</span><span class="p">;</span>
|
|
<span class="nx">attr</span> <span class="o">=</span> <span class="p">{</span>
|
|
<span class="nx">top</span><span class="o">:</span> <span class="p">{</span>
|
|
<span class="nx">to</span><span class="o">:</span> <span class="nx">top</span>
|
|
<span class="p">}</span>
|
|
<span class="p">};</span>
|
|
<span class="k">if</span> <span class="p">(</span><span class="k">this</span><span class="p">.</span><span class="nx">get</span><span class="p">(</span><span class="s1">'position'</span><span class="p">)</span> <span class="o">==</span> <span class="s1">'top'</span><span class="p">)</span> <span class="p">{</span>
|
|
<span class="k">this</span><span class="p">.</span><span class="nx">setStyle</span><span class="p">(</span><span class="s1">'top'</span><span class="p">,</span> <span class="p">(</span><span class="nx">top</span> <span class="o">-</span> <span class="nx">s</span><span class="p">.</span><span class="nx">h</span><span class="p">)</span> <span class="o">+</span> <span class="s1">'px'</span><span class="p">);</span>
|
|
<span class="nx">attr</span><span class="p">.</span><span class="nx">top</span><span class="p">.</span><span class="nx">from</span> <span class="o">=</span> <span class="p">(</span><span class="nx">top</span> <span class="o">-</span> <span class="nx">s</span><span class="p">.</span><span class="nx">h</span><span class="p">);</span>
|
|
<span class="p">}</span>
|
|
<span class="k">break</span><span class="p">;</span>
|
|
<span class="p">}</span>
|
|
|
|
<span class="k">this</span><span class="p">.</span><span class="nx">_anim</span><span class="p">.</span><span class="nx">attributes</span> <span class="o">=</span> <span class="nx">attr</span><span class="p">;</span>
|
|
<span class="kd">var</span> <span class="nx">exStart</span> <span class="o">=</span> <span class="kd">function</span><span class="p">()</span> <span class="p">{</span>
|
|
<span class="k">this</span><span class="p">.</span><span class="nx">setStyle</span><span class="p">(</span><span class="s1">'display'</span><span class="p">,</span> <span class="s1">'block'</span><span class="p">);</span>
|
|
<span class="k">this</span><span class="p">.</span><span class="nx">resize</span><span class="p">(</span><span class="kc">true</span><span class="p">);</span>
|
|
<span class="k">this</span><span class="p">.</span><span class="nx">_anim</span><span class="p">.</span><span class="nx">onStart</span><span class="p">.</span><span class="nx">unsubscribe</span><span class="p">(</span><span class="nx">exStart</span><span class="p">,</span> <span class="k">this</span><span class="p">,</span> <span class="kc">true</span><span class="p">);</span>
|
|
<span class="p">};</span>
|
|
<span class="kd">var</span> <span class="nx">expand</span> <span class="o">=</span> <span class="kd">function</span><span class="p">()</span> <span class="p">{</span>
|
|
<span class="k">this</span><span class="p">.</span><span class="nx">_collapsing</span> <span class="o">=</span> <span class="kc">false</span><span class="p">;</span>
|
|
<span class="k">this</span><span class="p">.</span><span class="nx">setStyle</span><span class="p">(</span><span class="s1">'zIndex'</span><span class="p">,</span> <span class="k">this</span><span class="p">.</span><span class="nx">get</span><span class="p">(</span><span class="s1">'parent'</span><span class="p">).</span><span class="nx">_zIndex</span><span class="p">);</span>
|
|
<span class="k">this</span><span class="p">.</span><span class="nx">set</span><span class="p">(</span><span class="s1">'width'</span><span class="p">,</span> <span class="k">this</span><span class="p">.</span><span class="nx">_lastWidth</span><span class="p">);</span>
|
|
<span class="k">this</span><span class="p">.</span><span class="nx">set</span><span class="p">(</span><span class="s1">'height'</span><span class="p">,</span> <span class="k">this</span><span class="p">.</span><span class="nx">_lastHeight</span><span class="p">);</span>
|
|
<span class="k">this</span><span class="p">.</span><span class="nx">_collapsed</span> <span class="o">=</span> <span class="kc">false</span><span class="p">;</span>
|
|
<span class="k">this</span><span class="p">.</span><span class="nx">resize</span><span class="p">();</span>
|
|
<span class="k">this</span><span class="p">.</span><span class="nx">set</span><span class="p">(</span><span class="s1">'scroll'</span><span class="p">,</span> <span class="k">this</span><span class="p">.</span><span class="nx">_lastScroll</span><span class="p">);</span>
|
|
<span class="k">if</span> <span class="p">(</span><span class="k">this</span><span class="p">.</span><span class="nx">_lastScrollTop</span> <span class="o">></span> <span class="mi">0</span><span class="p">)</span> <span class="p">{</span>
|
|
<span class="k">this</span><span class="p">.</span><span class="nx">body</span><span class="p">.</span><span class="nx">scrollTop</span> <span class="o">=</span> <span class="k">this</span><span class="p">.</span><span class="nx">_lastScrollTop</span><span class="p">;</span>
|
|
<span class="p">}</span>
|
|
<span class="k">this</span><span class="p">.</span><span class="nx">_anim</span><span class="p">.</span><span class="nx">onComplete</span><span class="p">.</span><span class="nx">unsubscribe</span><span class="p">(</span><span class="nx">expand</span><span class="p">,</span> <span class="k">this</span><span class="p">,</span> <span class="kc">true</span><span class="p">);</span>
|
|
<span class="k">this</span><span class="p">.</span><span class="nx">fireEvent</span><span class="p">(</span><span class="s1">'expand'</span><span class="p">);</span>
|
|
<span class="p">};</span>
|
|
<span class="k">this</span><span class="p">.</span><span class="nx">_anim</span><span class="p">.</span><span class="nx">onStart</span><span class="p">.</span><span class="nx">subscribe</span><span class="p">(</span><span class="nx">exStart</span><span class="p">,</span> <span class="k">this</span><span class="p">,</span> <span class="kc">true</span><span class="p">);</span>
|
|
<span class="k">this</span><span class="p">.</span><span class="nx">_anim</span><span class="p">.</span><span class="nx">onComplete</span><span class="p">.</span><span class="nx">subscribe</span><span class="p">(</span><span class="nx">expand</span><span class="p">,</span> <span class="k">this</span><span class="p">,</span> <span class="kc">true</span><span class="p">);</span>
|
|
<span class="k">this</span><span class="p">.</span><span class="nx">_anim</span><span class="p">.</span><span class="nx">animate</span><span class="p">();</span>
|
|
<span class="k">this</span><span class="p">.</span><span class="nx">_toggleClip</span><span class="p">();</span>
|
|
<span class="p">}</span> <span class="k">else</span> <span class="p">{</span>
|
|
<span class="k">this</span><span class="p">.</span><span class="nx">_collapsing</span> <span class="o">=</span> <span class="kc">false</span><span class="p">;</span>
|
|
<span class="k">this</span><span class="p">.</span><span class="nx">_toggleClip</span><span class="p">();</span>
|
|
<span class="k">this</span><span class="p">.</span><span class="nx">_collapsed</span> <span class="o">=</span> <span class="kc">false</span><span class="p">;</span>
|
|
<span class="k">this</span><span class="p">.</span><span class="nx">setStyle</span><span class="p">(</span><span class="s1">'zIndex'</span><span class="p">,</span> <span class="k">this</span><span class="p">.</span><span class="nx">get</span><span class="p">(</span><span class="s1">'parent'</span><span class="p">).</span><span class="nx">_zIndex</span><span class="p">);</span>
|
|
<span class="k">this</span><span class="p">.</span><span class="nx">setStyle</span><span class="p">(</span><span class="s1">'display'</span><span class="p">,</span> <span class="s1">'block'</span><span class="p">);</span>
|
|
<span class="k">this</span><span class="p">.</span><span class="nx">set</span><span class="p">(</span><span class="s1">'width'</span><span class="p">,</span> <span class="k">this</span><span class="p">.</span><span class="nx">_lastWidth</span><span class="p">);</span>
|
|
<span class="k">this</span><span class="p">.</span><span class="nx">set</span><span class="p">(</span><span class="s1">'height'</span><span class="p">,</span> <span class="k">this</span><span class="p">.</span><span class="nx">_lastHeight</span><span class="p">);</span>
|
|
<span class="k">this</span><span class="p">.</span><span class="nx">resize</span><span class="p">();</span>
|
|
<span class="k">this</span><span class="p">.</span><span class="nx">set</span><span class="p">(</span><span class="s1">'scroll'</span><span class="p">,</span> <span class="k">this</span><span class="p">.</span><span class="nx">_lastScroll</span><span class="p">);</span>
|
|
<span class="k">if</span> <span class="p">(</span><span class="k">this</span><span class="p">.</span><span class="nx">_lastScrollTop</span> <span class="o">></span> <span class="mi">0</span><span class="p">)</span> <span class="p">{</span>
|
|
<span class="k">this</span><span class="p">.</span><span class="nx">body</span><span class="p">.</span><span class="nx">scrollTop</span> <span class="o">=</span> <span class="k">this</span><span class="p">.</span><span class="nx">_lastScrollTop</span><span class="p">;</span>
|
|
<span class="p">}</span>
|
|
<span class="k">this</span><span class="p">.</span><span class="nx">fireEvent</span><span class="p">(</span><span class="s1">'expand'</span><span class="p">);</span>
|
|
<span class="p">}</span>
|
|
<span class="k">return</span> <span class="k">this</span><span class="p">;</span>
|
|
<span class="p">},</span>
|
|
<span class="cm">/**</span>
|
|
<span class="cm"> * @method collapse</span>
|
|
<span class="cm"> * @description Collapse the Unit if it is not collapsed.</span>
|
|
<span class="cm"> * @return {<a href="YAHOO.widget.LayoutUnit.html">YAHOO.widget.LayoutUnit</a>} The LayoutUnit instance</span>
|
|
<span class="cm"> */</span>
|
|
<span class="nx">collapse</span><span class="o">:</span> <span class="kd">function</span><span class="p">()</span> <span class="p">{</span>
|
|
<span class="k">if</span> <span class="p">(</span><span class="k">this</span><span class="p">.</span><span class="nx">_collapsed</span><span class="p">)</span> <span class="p">{</span>
|
|
<span class="k">return</span> <span class="k">this</span><span class="p">;</span>
|
|
<span class="p">}</span>
|
|
<span class="kd">var</span> <span class="nx">retValue</span> <span class="o">=</span> <span class="k">this</span><span class="p">.</span><span class="nx">fireEvent</span><span class="p">(</span><span class="s1">'beforeCollapse'</span><span class="p">);</span>
|
|
<span class="k">if</span> <span class="p">(</span><span class="nx">retValue</span> <span class="o">===</span> <span class="kc">false</span><span class="p">)</span> <span class="p">{</span>
|
|
<span class="k">return</span> <span class="k">this</span><span class="p">;</span>
|
|
<span class="p">}</span>
|
|
<span class="k">if</span> <span class="p">(</span><span class="o">!</span><span class="k">this</span><span class="p">.</span><span class="nx">_clip</span><span class="p">)</span> <span class="p">{</span>
|
|
<span class="k">this</span><span class="p">.</span><span class="nx">_createClip</span><span class="p">();</span>
|
|
<span class="p">}</span>
|
|
<span class="k">this</span><span class="p">.</span><span class="nx">_collapsing</span> <span class="o">=</span> <span class="kc">true</span><span class="p">;</span>
|
|
<span class="kd">var</span> <span class="nx">w</span> <span class="o">=</span> <span class="k">this</span><span class="p">.</span><span class="nx">get</span><span class="p">(</span><span class="s1">'width'</span><span class="p">),</span>
|
|
<span class="nx">h</span> <span class="o">=</span> <span class="k">this</span><span class="p">.</span><span class="nx">get</span><span class="p">(</span><span class="s1">'height'</span><span class="p">),</span>
|
|
<span class="nx">attr</span> <span class="o">=</span> <span class="p">{};</span>
|
|
<span class="k">this</span><span class="p">.</span><span class="nx">_lastWidth</span> <span class="o">=</span> <span class="nx">w</span><span class="p">;</span>
|
|
<span class="k">this</span><span class="p">.</span><span class="nx">_lastHeight</span> <span class="o">=</span> <span class="nx">h</span><span class="p">;</span>
|
|
<span class="k">this</span><span class="p">.</span><span class="nx">_lastScroll</span> <span class="o">=</span> <span class="k">this</span><span class="p">.</span><span class="nx">get</span><span class="p">(</span><span class="s1">'scroll'</span><span class="p">);</span>
|
|
<span class="k">this</span><span class="p">.</span><span class="nx">_lastScrollTop</span> <span class="o">=</span> <span class="k">this</span><span class="p">.</span><span class="nx">body</span><span class="p">.</span><span class="nx">scrollTop</span><span class="p">;</span>
|
|
<span class="k">this</span><span class="p">.</span><span class="nx">set</span><span class="p">(</span><span class="s1">'scroll'</span><span class="p">,</span> <span class="kc">false</span><span class="p">,</span> <span class="kc">true</span><span class="p">);</span>
|
|
<span class="k">this</span><span class="p">.</span><span class="nx">_lastLeft</span> <span class="o">=</span> <span class="nb">parseInt</span><span class="p">(</span><span class="k">this</span><span class="p">.</span><span class="nx">get</span><span class="p">(</span><span class="s1">'element'</span><span class="p">).</span><span class="nx">style</span><span class="p">.</span><span class="nx">left</span><span class="p">,</span> <span class="mi">10</span><span class="p">);</span>
|
|
<span class="k">this</span><span class="p">.</span><span class="nx">_lastTop</span> <span class="o">=</span> <span class="nb">parseInt</span><span class="p">(</span><span class="k">this</span><span class="p">.</span><span class="nx">get</span><span class="p">(</span><span class="s1">'element'</span><span class="p">).</span><span class="nx">style</span><span class="p">.</span><span class="nx">top</span><span class="p">,</span> <span class="mi">10</span><span class="p">);</span>
|
|
<span class="k">if</span> <span class="p">(</span><span class="nb">isNaN</span><span class="p">(</span><span class="k">this</span><span class="p">.</span><span class="nx">_lastTop</span><span class="p">))</span> <span class="p">{</span>
|
|
<span class="k">this</span><span class="p">.</span><span class="nx">_lastTop</span> <span class="o">=</span> <span class="mi">0</span><span class="p">;</span>
|
|
<span class="k">this</span><span class="p">.</span><span class="nx">set</span><span class="p">(</span><span class="s1">'top'</span><span class="p">,</span> <span class="mi">0</span><span class="p">);</span>
|
|
<span class="p">}</span>
|
|
<span class="k">if</span> <span class="p">(</span><span class="nb">isNaN</span><span class="p">(</span><span class="k">this</span><span class="p">.</span><span class="nx">_lastLeft</span><span class="p">))</span> <span class="p">{</span>
|
|
<span class="k">this</span><span class="p">.</span><span class="nx">_lastLeft</span> <span class="o">=</span> <span class="mi">0</span><span class="p">;</span>
|
|
<span class="k">this</span><span class="p">.</span><span class="nx">set</span><span class="p">(</span><span class="s1">'left'</span><span class="p">,</span> <span class="mi">0</span><span class="p">);</span>
|
|
<span class="p">}</span>
|
|
<span class="k">this</span><span class="p">.</span><span class="nx">setStyle</span><span class="p">(</span><span class="s1">'zIndex'</span><span class="p">,</span> <span class="k">this</span><span class="p">.</span><span class="nx">get</span><span class="p">(</span><span class="s1">'parent'</span><span class="p">).</span><span class="nx">_zIndex</span> <span class="o">+</span> <span class="mi">1</span><span class="p">);</span>
|
|
<span class="kd">var</span> <span class="nx">pos</span> <span class="o">=</span> <span class="k">this</span><span class="p">.</span><span class="nx">get</span><span class="p">(</span><span class="s1">'position'</span><span class="p">);</span>
|
|
|
|
<span class="k">switch</span> <span class="p">(</span><span class="nx">pos</span><span class="p">)</span> <span class="p">{</span>
|
|
<span class="k">case</span> <span class="s1">'top'</span><span class="o">:</span>
|
|
<span class="k">case</span> <span class="s1">'bottom'</span><span class="o">:</span>
|
|
<span class="k">this</span><span class="p">.</span><span class="nx">set</span><span class="p">(</span><span class="s1">'height'</span><span class="p">,</span> <span class="p">(</span><span class="k">this</span><span class="p">.</span><span class="nx">get</span><span class="p">(</span><span class="s1">'collapseSize'</span><span class="p">)</span> <span class="o">+</span> <span class="p">(</span><span class="k">this</span><span class="p">.</span><span class="nx">_gutter</span><span class="p">.</span><span class="nx">top</span> <span class="o">+</span> <span class="k">this</span><span class="p">.</span><span class="nx">_gutter</span><span class="p">.</span><span class="nx">bottom</span><span class="p">)));</span>
|
|
<span class="nx">attr</span> <span class="o">=</span> <span class="p">{</span>
|
|
<span class="nx">top</span><span class="o">:</span> <span class="p">{</span>
|
|
<span class="nx">to</span><span class="o">:</span> <span class="p">(</span><span class="k">this</span><span class="p">.</span><span class="nx">get</span><span class="p">(</span><span class="s1">'top'</span><span class="p">)</span> <span class="o">-</span> <span class="nx">h</span><span class="p">)</span>
|
|
<span class="p">}</span>
|
|
<span class="p">};</span>
|
|
<span class="k">if</span> <span class="p">(</span><span class="nx">pos</span> <span class="o">==</span> <span class="s1">'bottom'</span><span class="p">)</span> <span class="p">{</span>
|
|
<span class="nx">attr</span><span class="p">.</span><span class="nx">top</span><span class="p">.</span><span class="nx">to</span> <span class="o">=</span> <span class="p">(</span><span class="k">this</span><span class="p">.</span><span class="nx">get</span><span class="p">(</span><span class="s1">'top'</span><span class="p">)</span> <span class="o">+</span> <span class="nx">h</span><span class="p">);</span>
|
|
<span class="p">}</span>
|
|
<span class="k">break</span><span class="p">;</span>
|
|
<span class="k">case</span> <span class="s1">'left'</span><span class="o">:</span>
|
|
<span class="k">case</span> <span class="s1">'right'</span><span class="o">:</span>
|
|
<span class="k">this</span><span class="p">.</span><span class="nx">set</span><span class="p">(</span><span class="s1">'width'</span><span class="p">,</span> <span class="p">(</span><span class="k">this</span><span class="p">.</span><span class="nx">get</span><span class="p">(</span><span class="s1">'collapseSize'</span><span class="p">)</span> <span class="o">+</span> <span class="p">(</span><span class="k">this</span><span class="p">.</span><span class="nx">_gutter</span><span class="p">.</span><span class="nx">left</span> <span class="o">+</span> <span class="k">this</span><span class="p">.</span><span class="nx">_gutter</span><span class="p">.</span><span class="nx">right</span><span class="p">)));</span>
|
|
<span class="nx">attr</span> <span class="o">=</span> <span class="p">{</span>
|
|
<span class="nx">left</span><span class="o">:</span> <span class="p">{</span>
|
|
<span class="nx">to</span><span class="o">:</span> <span class="o">-</span><span class="p">(</span><span class="k">this</span><span class="p">.</span><span class="nx">_lastWidth</span><span class="p">)</span>
|
|
<span class="p">}</span>
|
|
<span class="p">};</span>
|
|
<span class="k">if</span> <span class="p">(</span><span class="nx">pos</span> <span class="o">==</span> <span class="s1">'right'</span><span class="p">)</span> <span class="p">{</span>
|
|
<span class="nx">attr</span><span class="p">.</span><span class="nx">left</span> <span class="o">=</span> <span class="p">{</span>
|
|
<span class="nx">to</span><span class="o">:</span> <span class="p">(</span><span class="k">this</span><span class="p">.</span><span class="nx">get</span><span class="p">(</span><span class="s1">'left'</span><span class="p">)</span> <span class="o">+</span> <span class="nx">w</span><span class="p">)</span>
|
|
<span class="p">};</span>
|
|
<span class="p">}</span>
|
|
<span class="k">break</span><span class="p">;</span>
|
|
<span class="p">}</span>
|
|
<span class="k">if</span> <span class="p">(</span><span class="k">this</span><span class="p">.</span><span class="nx">_anim</span><span class="p">)</span> <span class="p">{</span>
|
|
<span class="k">this</span><span class="p">.</span><span class="nx">_anim</span><span class="p">.</span><span class="nx">attributes</span> <span class="o">=</span> <span class="nx">attr</span><span class="p">;</span>
|
|
<span class="kd">var</span> <span class="nx">collapse</span> <span class="o">=</span> <span class="kd">function</span><span class="p">()</span> <span class="p">{</span>
|
|
<span class="k">this</span><span class="p">.</span><span class="nx">_collapsing</span> <span class="o">=</span> <span class="kc">false</span><span class="p">;</span>
|
|
<span class="k">this</span><span class="p">.</span><span class="nx">_toggleClip</span><span class="p">();</span>
|
|
<span class="k">this</span><span class="p">.</span><span class="nx">setStyle</span><span class="p">(</span><span class="s1">'zIndex'</span><span class="p">,</span> <span class="k">this</span><span class="p">.</span><span class="nx">get</span><span class="p">(</span><span class="s1">'parent'</span><span class="p">).</span><span class="nx">_zIndex</span><span class="p">);</span>
|
|
<span class="k">this</span><span class="p">.</span><span class="nx">_collapsed</span> <span class="o">=</span> <span class="kc">true</span><span class="p">;</span>
|
|
<span class="k">this</span><span class="p">.</span><span class="nx">get</span><span class="p">(</span><span class="s1">'parent'</span><span class="p">).</span><span class="nx">resize</span><span class="p">();</span>
|
|
<span class="k">this</span><span class="p">.</span><span class="nx">_anim</span><span class="p">.</span><span class="nx">onComplete</span><span class="p">.</span><span class="nx">unsubscribe</span><span class="p">(</span><span class="nx">collapse</span><span class="p">,</span> <span class="k">this</span><span class="p">,</span> <span class="kc">true</span><span class="p">);</span>
|
|
<span class="k">this</span><span class="p">.</span><span class="nx">fireEvent</span><span class="p">(</span><span class="s1">'collapse'</span><span class="p">);</span>
|
|
<span class="p">};</span>
|
|
<span class="k">this</span><span class="p">.</span><span class="nx">_anim</span><span class="p">.</span><span class="nx">onComplete</span><span class="p">.</span><span class="nx">subscribe</span><span class="p">(</span><span class="nx">collapse</span><span class="p">,</span> <span class="k">this</span><span class="p">,</span> <span class="kc">true</span><span class="p">);</span>
|
|
<span class="k">this</span><span class="p">.</span><span class="nx">_anim</span><span class="p">.</span><span class="nx">animate</span><span class="p">();</span>
|
|
<span class="p">}</span> <span class="k">else</span> <span class="p">{</span>
|
|
<span class="k">this</span><span class="p">.</span><span class="nx">_collapsing</span> <span class="o">=</span> <span class="kc">false</span><span class="p">;</span>
|
|
<span class="k">this</span><span class="p">.</span><span class="nx">setStyle</span><span class="p">(</span><span class="s1">'display'</span><span class="p">,</span> <span class="s1">'none'</span><span class="p">);</span>
|
|
<span class="k">this</span><span class="p">.</span><span class="nx">_toggleClip</span><span class="p">();</span>
|
|
<span class="k">this</span><span class="p">.</span><span class="nx">setStyle</span><span class="p">(</span><span class="s1">'zIndex'</span><span class="p">,</span> <span class="k">this</span><span class="p">.</span><span class="nx">get</span><span class="p">(</span><span class="s1">'parent'</span><span class="p">).</span><span class="nx">_zIndex</span><span class="p">);</span>
|
|
<span class="k">this</span><span class="p">.</span><span class="nx">get</span><span class="p">(</span><span class="s1">'parent'</span><span class="p">).</span><span class="nx">resize</span><span class="p">();</span>
|
|
<span class="k">this</span><span class="p">.</span><span class="nx">_collapsed</span> <span class="o">=</span> <span class="kc">true</span><span class="p">;</span>
|
|
<span class="k">this</span><span class="p">.</span><span class="nx">fireEvent</span><span class="p">(</span><span class="s1">'collapse'</span><span class="p">);</span>
|
|
<span class="p">}</span>
|
|
<span class="k">return</span> <span class="k">this</span><span class="p">;</span>
|
|
<span class="p">},</span>
|
|
<span class="cm">/**</span>
|
|
<span class="cm"> * @method close</span>
|
|
<span class="cm"> * @description Close the unit, removing it from the parent Layout.</span>
|
|
<span class="cm"> * @return {<a href="YAHOO.widget.Layout.html">YAHOO.widget.Layout</a>} The parent Layout instance</span>
|
|
<span class="cm"> */</span>
|
|
<span class="nx">close</span><span class="o">:</span> <span class="kd">function</span><span class="p">()</span> <span class="p">{</span>
|
|
<span class="k">this</span><span class="p">.</span><span class="nx">setStyle</span><span class="p">(</span><span class="s1">'display'</span><span class="p">,</span> <span class="s1">'none'</span><span class="p">);</span>
|
|
<span class="k">this</span><span class="p">.</span><span class="nx">get</span><span class="p">(</span><span class="s1">'parent'</span><span class="p">).</span><span class="nx">removeUnit</span><span class="p">(</span><span class="k">this</span><span class="p">);</span>
|
|
<span class="k">this</span><span class="p">.</span><span class="nx">fireEvent</span><span class="p">(</span><span class="s1">'close'</span><span class="p">);</span>
|
|
<span class="k">if</span> <span class="p">(</span><span class="k">this</span><span class="p">.</span><span class="nx">_clip</span><span class="p">)</span> <span class="p">{</span>
|
|
<span class="k">this</span><span class="p">.</span><span class="nx">_clip</span><span class="p">.</span><span class="nx">parentNode</span><span class="p">.</span><span class="nx">removeChild</span><span class="p">(</span><span class="k">this</span><span class="p">.</span><span class="nx">_clip</span><span class="p">);</span>
|
|
<span class="k">this</span><span class="p">.</span><span class="nx">_clip</span> <span class="o">=</span> <span class="kc">null</span><span class="p">;</span>
|
|
<span class="p">}</span>
|
|
<span class="k">return</span> <span class="k">this</span><span class="p">.</span><span class="nx">get</span><span class="p">(</span><span class="s1">'parent'</span><span class="p">);</span>
|
|
<span class="p">},</span>
|
|
<span class="cm">/**</span>
|
|
<span class="cm"> * @property loadHandler</span>
|
|
<span class="cm"> * @description Callback method for the YUI Connection Manager used for load the body using AJAX</span>
|
|
<span class="cm"> * @type Object</span>
|
|
<span class="cm"> */</span>
|
|
<span class="nx">loadHandler</span><span class="o">:</span> <span class="p">{</span>
|
|
<span class="nx">success</span><span class="o">:</span> <span class="kd">function</span><span class="p">(</span><span class="nx">o</span><span class="p">)</span> <span class="p">{</span>
|
|
<span class="k">this</span><span class="p">.</span><span class="nx">body</span><span class="p">.</span><span class="nx">innerHTML</span> <span class="o">=</span> <span class="nx">o</span><span class="p">.</span><span class="nx">responseText</span><span class="p">;</span>
|
|
<span class="k">this</span><span class="p">.</span><span class="nx">resize</span> <span class="p">(</span><span class="kc">true</span><span class="p">);</span>
|
|
<span class="p">},</span>
|
|
<span class="nx">failure</span><span class="o">:</span> <span class="kd">function</span><span class="p">(</span><span class="nx">o</span><span class="p">)</span> <span class="p">{</span>
|
|
<span class="p">}</span>
|
|
<span class="p">},</span>
|
|
<span class="cm">/**</span>
|
|
<span class="cm"> * @property dataConnection</span>
|
|
<span class="cm"> * @description YUI Connection Manager handler</span>
|
|
<span class="cm"> * @type Object</span>
|
|
<span class="cm"> */</span>
|
|
<span class="nx">dataConnection</span><span class="o">:</span> <span class="kc">null</span><span class="p">,</span>
|
|
<span class="cm">/**</span>
|
|
<span class="cm"> * @private</span>
|
|
<span class="cm"> * @property _loading</span>
|
|
<span class="cm"> * @description During the loading process this variable will be true</span>
|
|
<span class="cm"> * @type Number</span>
|
|
<span class="cm"> */</span>
|
|
<span class="nx">_loading</span><span class="o">:</span> <span class="kc">false</span><span class="p">,</span>
|
|
<span class="cm">/**</span>
|
|
<span class="cm"> * @method loadContent</span>
|
|
<span class="cm"> * @description Loading the content of the unit using the connection manager</span>
|
|
<span class="cm"> * @return {object} YUI Connection Manager handler</span>
|
|
<span class="cm"> */</span>
|
|
<span class="nx">loadContent</span><span class="o">:</span> <span class="kd">function</span><span class="p">()</span> <span class="p">{</span>
|
|
<span class="c1">// load dynamic content unless already loading or loaded and caching</span>
|
|
<span class="k">if</span> <span class="p">(</span><span class="nx">YAHOO</span><span class="p">.</span><span class="nx">util</span><span class="p">.</span><span class="nx">Connect</span> <span class="o">&&</span> <span class="k">this</span><span class="p">.</span><span class="nx">get</span><span class="p">(</span><span class="s1">'dataSrc'</span><span class="p">)</span> <span class="o">&&</span> <span class="o">!</span><span class="k">this</span><span class="p">.</span><span class="nx">_loading</span> <span class="o">&&</span> <span class="o">!</span><span class="k">this</span><span class="p">.</span><span class="nx">get</span><span class="p">(</span><span class="s1">'dataLoaded'</span><span class="p">))</span> <span class="p">{</span>
|
|
<span class="k">this</span><span class="p">.</span><span class="nx">_loading</span> <span class="o">=</span> <span class="kc">true</span><span class="p">;</span>
|
|
<span class="nx">Dom</span><span class="p">.</span><span class="nx">addClass</span><span class="p">(</span><span class="k">this</span><span class="p">.</span><span class="nx">body</span><span class="p">,</span> <span class="k">this</span><span class="p">.</span><span class="nx">LOADING_CLASSNAME</span><span class="p">);</span>
|
|
<span class="k">this</span><span class="p">.</span><span class="nx">dataConnection</span> <span class="o">=</span> <span class="nx">YAHOO</span><span class="p">.</span><span class="nx">util</span><span class="p">.</span><span class="nx">Connect</span><span class="p">.</span><span class="nx">asyncRequest</span><span class="p">(</span>
|
|
<span class="k">this</span><span class="p">.</span><span class="nx">get</span><span class="p">(</span><span class="s1">'loadMethod'</span><span class="p">),</span>
|
|
<span class="k">this</span><span class="p">.</span><span class="nx">get</span><span class="p">(</span><span class="s1">'dataSrc'</span><span class="p">),</span>
|
|
<span class="p">{</span>
|
|
<span class="nx">success</span><span class="o">:</span> <span class="kd">function</span><span class="p">(</span><span class="nx">o</span><span class="p">)</span> <span class="p">{</span>
|
|
<span class="k">this</span><span class="p">.</span><span class="nx">loadHandler</span><span class="p">.</span><span class="nx">success</span><span class="p">.</span><span class="nx">call</span><span class="p">(</span><span class="k">this</span><span class="p">,</span> <span class="nx">o</span><span class="p">);</span>
|
|
<span class="k">this</span><span class="p">.</span><span class="nx">set</span><span class="p">(</span><span class="s1">'dataLoaded'</span><span class="p">,</span> <span class="kc">true</span><span class="p">);</span>
|
|
<span class="k">this</span><span class="p">.</span><span class="nx">dataConnection</span> <span class="o">=</span> <span class="kc">null</span><span class="p">;</span>
|
|
<span class="nx">Dom</span><span class="p">.</span><span class="nx">removeClass</span><span class="p">(</span><span class="k">this</span><span class="p">.</span><span class="nx">body</span><span class="p">,</span> <span class="k">this</span><span class="p">.</span><span class="nx">LOADING_CLASSNAME</span><span class="p">);</span>
|
|
<span class="k">this</span><span class="p">.</span><span class="nx">_loading</span> <span class="o">=</span> <span class="kc">false</span><span class="p">;</span>
|
|
<span class="k">this</span><span class="p">.</span><span class="nx">fireEvent</span><span class="p">(</span><span class="s1">'load'</span><span class="p">);</span>
|
|
<span class="p">},</span>
|
|
<span class="nx">failure</span><span class="o">:</span> <span class="kd">function</span><span class="p">(</span><span class="nx">o</span><span class="p">)</span> <span class="p">{</span>
|
|
<span class="k">this</span><span class="p">.</span><span class="nx">loadHandler</span><span class="p">.</span><span class="nx">failure</span><span class="p">.</span><span class="nx">call</span><span class="p">(</span><span class="k">this</span><span class="p">,</span> <span class="nx">o</span><span class="p">);</span>
|
|
<span class="k">this</span><span class="p">.</span><span class="nx">dataConnection</span> <span class="o">=</span> <span class="kc">null</span><span class="p">;</span>
|
|
<span class="nx">Dom</span><span class="p">.</span><span class="nx">removeClass</span><span class="p">(</span><span class="k">this</span><span class="p">.</span><span class="nx">body</span><span class="p">,</span> <span class="k">this</span><span class="p">.</span><span class="nx">LOADING_CLASSNAME</span><span class="p">);</span>
|
|
<span class="k">this</span><span class="p">.</span><span class="nx">_loading</span> <span class="o">=</span> <span class="kc">false</span><span class="p">;</span>
|
|
<span class="k">this</span><span class="p">.</span><span class="nx">fireEvent</span><span class="p">(</span><span class="s1">'loadError'</span><span class="p">,</span> <span class="p">{</span> <span class="nx">error</span><span class="o">:</span> <span class="nx">o</span> <span class="p">});</span>
|
|
<span class="p">},</span>
|
|
<span class="nx">scope</span><span class="o">:</span> <span class="k">this</span><span class="p">,</span>
|
|
<span class="nx">timeout</span><span class="o">:</span> <span class="k">this</span><span class="p">.</span><span class="nx">get</span><span class="p">(</span><span class="s1">'dataTimeout'</span><span class="p">)</span>
|
|
<span class="p">}</span>
|
|
<span class="p">);</span>
|
|
<span class="k">return</span> <span class="k">this</span><span class="p">.</span><span class="nx">dataConnection</span><span class="p">;</span>
|
|
<span class="p">}</span>
|
|
<span class="k">return</span> <span class="kc">false</span><span class="p">;</span>
|
|
<span class="p">},</span>
|
|
<span class="cm">/**</span>
|
|
<span class="cm"> * @private</span>
|
|
<span class="cm"> * @method init</span>
|
|
<span class="cm"> * @description The initalization method inherited from Element.</span>
|
|
<span class="cm"> */</span>
|
|
<span class="nx">init</span><span class="o">:</span> <span class="kd">function</span><span class="p">(</span><span class="nx">p_oElement</span><span class="p">,</span> <span class="nx">p_oAttributes</span><span class="p">)</span> <span class="p">{</span>
|
|
<span class="nx">YAHOO</span><span class="p">.</span><span class="nx">log</span><span class="p">(</span><span class="s1">'init'</span><span class="p">,</span> <span class="s1">'info'</span><span class="p">,</span> <span class="s1">'LayoutUnit'</span><span class="p">);</span>
|
|
<span class="k">this</span><span class="p">.</span><span class="nx">_gutter</span> <span class="o">=</span> <span class="p">{</span>
|
|
<span class="nx">left</span><span class="o">:</span> <span class="mi">0</span><span class="p">,</span>
|
|
<span class="nx">right</span><span class="o">:</span> <span class="mi">0</span><span class="p">,</span>
|
|
<span class="nx">top</span><span class="o">:</span> <span class="mi">0</span><span class="p">,</span>
|
|
<span class="nx">bottom</span><span class="o">:</span> <span class="mi">0</span>
|
|
<span class="p">};</span>
|
|
<span class="k">this</span><span class="p">.</span><span class="nx">_sizes</span> <span class="o">=</span> <span class="p">{</span>
|
|
<span class="nx">wrap</span><span class="o">:</span> <span class="p">{</span>
|
|
<span class="nx">h</span><span class="o">:</span> <span class="mi">0</span><span class="p">,</span>
|
|
<span class="nx">w</span><span class="o">:</span> <span class="mi">0</span>
|
|
<span class="p">},</span>
|
|
<span class="nx">header</span><span class="o">:</span> <span class="p">{</span>
|
|
<span class="nx">h</span><span class="o">:</span> <span class="mi">0</span><span class="p">,</span>
|
|
<span class="nx">w</span><span class="o">:</span> <span class="mi">0</span>
|
|
<span class="p">},</span>
|
|
<span class="nx">body</span><span class="o">:</span> <span class="p">{</span>
|
|
<span class="nx">h</span><span class="o">:</span> <span class="mi">0</span><span class="p">,</span>
|
|
<span class="nx">w</span><span class="o">:</span> <span class="mi">0</span>
|
|
<span class="p">},</span>
|
|
<span class="nx">footer</span><span class="o">:</span> <span class="p">{</span>
|
|
<span class="nx">h</span><span class="o">:</span> <span class="mi">0</span><span class="p">,</span>
|
|
<span class="nx">w</span><span class="o">:</span> <span class="mi">0</span>
|
|
<span class="p">}</span>
|
|
<span class="p">};</span>
|
|
|
|
<span class="nx">LayoutUnit</span><span class="p">.</span><span class="nx">superclass</span><span class="p">.</span><span class="nx">init</span><span class="p">.</span><span class="nx">call</span><span class="p">(</span><span class="k">this</span><span class="p">,</span> <span class="nx">p_oElement</span><span class="p">,</span> <span class="nx">p_oAttributes</span><span class="p">);</span>
|
|
|
|
<span class="k">this</span><span class="p">.</span><span class="nx">browser</span> <span class="o">=</span> <span class="k">this</span><span class="p">.</span><span class="nx">get</span><span class="p">(</span><span class="s1">'parent'</span><span class="p">).</span><span class="nx">browser</span><span class="p">;</span>
|
|
|
|
<span class="kd">var</span> <span class="nx">id</span> <span class="o">=</span> <span class="nx">p_oElement</span><span class="p">;</span>
|
|
<span class="k">if</span> <span class="p">(</span><span class="o">!</span><span class="nx">Lang</span><span class="p">.</span><span class="nx">isString</span><span class="p">(</span><span class="nx">id</span><span class="p">))</span> <span class="p">{</span>
|
|
<span class="nx">id</span> <span class="o">=</span> <span class="nx">Dom</span><span class="p">.</span><span class="nx">generateId</span><span class="p">(</span><span class="nx">id</span><span class="p">);</span>
|
|
<span class="p">}</span>
|
|
<span class="nx">LayoutUnit</span><span class="p">.</span><span class="nx">_instances</span><span class="p">[</span><span class="nx">id</span><span class="p">]</span> <span class="o">=</span> <span class="k">this</span><span class="p">;</span>
|
|
|
|
<span class="k">this</span><span class="p">.</span><span class="nx">setStyle</span><span class="p">(</span><span class="s1">'position'</span><span class="p">,</span> <span class="s1">'absolute'</span><span class="p">);</span>
|
|
|
|
<span class="k">this</span><span class="p">.</span><span class="nx">addClass</span><span class="p">(</span><span class="s1">'yui-layout-unit'</span><span class="p">);</span>
|
|
<span class="k">this</span><span class="p">.</span><span class="nx">addClass</span><span class="p">(</span><span class="s1">'yui-layout-unit-'</span> <span class="o">+</span> <span class="k">this</span><span class="p">.</span><span class="nx">get</span><span class="p">(</span><span class="s1">'position'</span><span class="p">));</span>
|
|
|
|
|
|
<span class="kd">var</span> <span class="nx">header</span> <span class="o">=</span> <span class="k">this</span><span class="p">.</span><span class="nx">getElementsByClassName</span><span class="p">(</span><span class="s1">'yui-layout-hd'</span><span class="p">,</span> <span class="s1">'div'</span><span class="p">)[</span><span class="mi">0</span><span class="p">];</span>
|
|
<span class="k">if</span> <span class="p">(</span><span class="nx">header</span><span class="p">)</span> <span class="p">{</span>
|
|
<span class="k">this</span><span class="p">.</span><span class="nx">header</span> <span class="o">=</span> <span class="nx">header</span><span class="p">;</span>
|
|
<span class="p">}</span>
|
|
<span class="kd">var</span> <span class="nx">body</span> <span class="o">=</span> <span class="k">this</span><span class="p">.</span><span class="nx">getElementsByClassName</span><span class="p">(</span><span class="s1">'yui-layout-bd'</span><span class="p">,</span> <span class="s1">'div'</span><span class="p">)[</span><span class="mi">0</span><span class="p">];</span>
|
|
<span class="k">if</span> <span class="p">(</span><span class="nx">body</span><span class="p">)</span> <span class="p">{</span>
|
|
<span class="k">this</span><span class="p">.</span><span class="nx">body</span> <span class="o">=</span> <span class="nx">body</span><span class="p">;</span>
|
|
<span class="p">}</span>
|
|
<span class="kd">var</span> <span class="nx">footer</span> <span class="o">=</span> <span class="k">this</span><span class="p">.</span><span class="nx">getElementsByClassName</span><span class="p">(</span><span class="s1">'yui-layout-ft'</span><span class="p">,</span> <span class="s1">'div'</span><span class="p">)[</span><span class="mi">0</span><span class="p">];</span>
|
|
<span class="k">if</span> <span class="p">(</span><span class="nx">footer</span><span class="p">)</span> <span class="p">{</span>
|
|
<span class="k">this</span><span class="p">.</span><span class="nx">footer</span> <span class="o">=</span> <span class="nx">footer</span><span class="p">;</span>
|
|
<span class="p">}</span>
|
|
|
|
<span class="k">this</span><span class="p">.</span><span class="nx">on</span><span class="p">(</span><span class="s1">'contentChange'</span><span class="p">,</span> <span class="k">this</span><span class="p">.</span><span class="nx">resize</span><span class="p">,</span> <span class="k">this</span><span class="p">,</span> <span class="kc">true</span><span class="p">);</span>
|
|
<span class="k">this</span><span class="p">.</span><span class="nx">_lastScrollTop</span> <span class="o">=</span> <span class="mi">0</span><span class="p">;</span>
|
|
|
|
<span class="k">this</span><span class="p">.</span><span class="nx">set</span><span class="p">(</span><span class="s1">'animate'</span><span class="p">,</span> <span class="k">this</span><span class="p">.</span><span class="nx">get</span><span class="p">(</span><span class="s1">'animate'</span><span class="p">));</span>
|
|
<span class="p">},</span>
|
|
<span class="cm">/**</span>
|
|
<span class="cm"> * @private</span>
|
|
<span class="cm"> * @method initAttributes</span>
|
|
<span class="cm"> * @description Processes the config</span>
|
|
<span class="cm"> */</span>
|
|
<span class="nx">initAttributes</span><span class="o">:</span> <span class="kd">function</span><span class="p">(</span><span class="nx">attr</span><span class="p">)</span> <span class="p">{</span>
|
|
<span class="nx">LayoutUnit</span><span class="p">.</span><span class="nx">superclass</span><span class="p">.</span><span class="nx">initAttributes</span><span class="p">.</span><span class="nx">call</span><span class="p">(</span><span class="k">this</span><span class="p">,</span> <span class="nx">attr</span><span class="p">);</span>
|
|
|
|
<span class="cm">/**</span>
|
|
<span class="cm"> * @private</span>
|
|
<span class="cm"> * @attribute wrap</span>
|
|
<span class="cm"> * @description A reference to the wrap element</span>
|
|
<span class="cm"> * @type HTMLElement</span>
|
|
<span class="cm"> */</span>
|
|
<span class="k">this</span><span class="p">.</span><span class="nx">setAttributeConfig</span><span class="p">(</span><span class="s1">'wrap'</span><span class="p">,</span> <span class="p">{</span>
|
|
<span class="nx">value</span><span class="o">:</span> <span class="nx">attr</span><span class="p">.</span><span class="nx">wrap</span> <span class="o">||</span> <span class="kc">null</span><span class="p">,</span>
|
|
<span class="nx">method</span><span class="o">:</span> <span class="kd">function</span><span class="p">(</span><span class="nx">w</span><span class="p">)</span> <span class="p">{</span>
|
|
<span class="k">if</span> <span class="p">(</span><span class="nx">w</span><span class="p">)</span> <span class="p">{</span>
|
|
<span class="kd">var</span> <span class="nx">id</span> <span class="o">=</span> <span class="nx">Dom</span><span class="p">.</span><span class="nx">generateId</span><span class="p">(</span><span class="nx">w</span><span class="p">);</span>
|
|
<span class="nx">LayoutUnit</span><span class="p">.</span><span class="nx">_instances</span><span class="p">[</span><span class="nx">id</span><span class="p">]</span> <span class="o">=</span> <span class="k">this</span><span class="p">;</span>
|
|
<span class="p">}</span>
|
|
<span class="p">}</span>
|
|
<span class="p">});</span>
|
|
<span class="cm">/**</span>
|
|
<span class="cm"> * @attribute grids</span>
|
|
<span class="cm"> * @description Set this option to true if you want the LayoutUnit to fix the first layer of YUI CSS Grids (margins)</span>
|
|
<span class="cm"> * @type Boolean</span>
|
|
<span class="cm"> */</span>
|
|
<span class="k">this</span><span class="p">.</span><span class="nx">setAttributeConfig</span><span class="p">(</span><span class="s1">'grids'</span><span class="p">,</span> <span class="p">{</span>
|
|
<span class="nx">value</span><span class="o">:</span> <span class="nx">attr</span><span class="p">.</span><span class="nx">grids</span> <span class="o">||</span> <span class="kc">false</span>
|
|
<span class="p">});</span>
|
|
<span class="cm">/**</span>
|
|
<span class="cm"> * @private</span>
|
|
<span class="cm"> * @attribute top</span>
|
|
<span class="cm"> * @description The current top positioning of the Unit</span>
|
|
<span class="cm"> * @type Number</span>
|
|
<span class="cm"> */</span>
|
|
<span class="k">this</span><span class="p">.</span><span class="nx">setAttributeConfig</span><span class="p">(</span><span class="s1">'top'</span><span class="p">,</span> <span class="p">{</span>
|
|
<span class="nx">value</span><span class="o">:</span> <span class="nx">attr</span><span class="p">.</span><span class="nx">top</span> <span class="o">||</span> <span class="mi">0</span><span class="p">,</span>
|
|
<span class="nx">validator</span><span class="o">:</span> <span class="nx">Lang</span><span class="p">.</span><span class="nx">isNumber</span><span class="p">,</span>
|
|
<span class="nx">method</span><span class="o">:</span> <span class="kd">function</span><span class="p">(</span><span class="nx">t</span><span class="p">)</span> <span class="p">{</span>
|
|
<span class="k">if</span> <span class="p">(</span><span class="o">!</span><span class="k">this</span><span class="p">.</span><span class="nx">_collapsing</span><span class="p">)</span> <span class="p">{</span>
|
|
<span class="k">this</span><span class="p">.</span><span class="nx">setStyle</span><span class="p">(</span><span class="s1">'top'</span><span class="p">,</span> <span class="nx">t</span> <span class="o">+</span> <span class="s1">'px'</span><span class="p">);</span>
|
|
<span class="p">}</span>
|
|
<span class="p">}</span>
|
|
<span class="p">});</span>
|
|
<span class="cm">/**</span>
|
|
<span class="cm"> * @private</span>
|
|
<span class="cm"> * @attribute left</span>
|
|
<span class="cm"> * @description The current left position of the Unit</span>
|
|
<span class="cm"> * @type Number</span>
|
|
<span class="cm"> */</span>
|
|
<span class="k">this</span><span class="p">.</span><span class="nx">setAttributeConfig</span><span class="p">(</span><span class="s1">'left'</span><span class="p">,</span> <span class="p">{</span>
|
|
<span class="nx">value</span><span class="o">:</span> <span class="nx">attr</span><span class="p">.</span><span class="nx">left</span> <span class="o">||</span> <span class="mi">0</span><span class="p">,</span>
|
|
<span class="nx">validator</span><span class="o">:</span> <span class="nx">Lang</span><span class="p">.</span><span class="nx">isNumber</span><span class="p">,</span>
|
|
<span class="nx">method</span><span class="o">:</span> <span class="kd">function</span><span class="p">(</span><span class="nx">l</span><span class="p">)</span> <span class="p">{</span>
|
|
<span class="k">if</span> <span class="p">(</span><span class="o">!</span><span class="k">this</span><span class="p">.</span><span class="nx">_collapsing</span><span class="p">)</span> <span class="p">{</span>
|
|
<span class="k">this</span><span class="p">.</span><span class="nx">setStyle</span><span class="p">(</span><span class="s1">'left'</span><span class="p">,</span> <span class="nx">l</span> <span class="o">+</span> <span class="s1">'px'</span><span class="p">);</span>
|
|
<span class="p">}</span>
|
|
<span class="p">}</span>
|
|
<span class="p">});</span>
|
|
|
|
<span class="cm">/**</span>
|
|
<span class="cm"> * @attribute minWidth</span>
|
|
<span class="cm"> * @description The minWidth parameter passed to the Resize Utility</span>
|
|
<span class="cm"> * @type Number</span>
|
|
<span class="cm"> */</span>
|
|
<span class="k">this</span><span class="p">.</span><span class="nx">setAttributeConfig</span><span class="p">(</span><span class="s1">'minWidth'</span><span class="p">,</span> <span class="p">{</span>
|
|
<span class="nx">value</span><span class="o">:</span> <span class="nx">attr</span><span class="p">.</span><span class="nx">minWidth</span> <span class="o">||</span> <span class="kc">false</span><span class="p">,</span>
|
|
<span class="nx">method</span><span class="o">:</span> <span class="kd">function</span><span class="p">(</span><span class="nx">v</span><span class="p">)</span> <span class="p">{</span>
|
|
<span class="k">if</span> <span class="p">(</span><span class="k">this</span><span class="p">.</span><span class="nx">_resize</span><span class="p">)</span> <span class="p">{</span>
|
|
<span class="k">this</span><span class="p">.</span><span class="nx">_resize</span><span class="p">.</span><span class="nx">set</span><span class="p">(</span><span class="s1">'minWidth'</span><span class="p">,</span> <span class="nx">v</span><span class="p">);</span>
|
|
<span class="p">}</span>
|
|
<span class="p">},</span>
|
|
<span class="nx">validator</span><span class="o">:</span> <span class="nx">YAHOO</span><span class="p">.</span><span class="nx">lang</span><span class="p">.</span><span class="nx">isNumber</span>
|
|
<span class="p">});</span>
|
|
|
|
<span class="cm">/**</span>
|
|
<span class="cm"> * @attribute maxWidth</span>
|
|
<span class="cm"> * @description The maxWidth parameter passed to the Resize Utility</span>
|
|
<span class="cm"> * @type Number</span>
|
|
<span class="cm"> */</span>
|
|
<span class="k">this</span><span class="p">.</span><span class="nx">setAttributeConfig</span><span class="p">(</span><span class="s1">'maxWidth'</span><span class="p">,</span> <span class="p">{</span>
|
|
<span class="nx">value</span><span class="o">:</span> <span class="nx">attr</span><span class="p">.</span><span class="nx">maxWidth</span> <span class="o">||</span> <span class="kc">false</span><span class="p">,</span>
|
|
<span class="nx">method</span><span class="o">:</span> <span class="kd">function</span><span class="p">(</span><span class="nx">v</span><span class="p">)</span> <span class="p">{</span>
|
|
<span class="k">if</span> <span class="p">(</span><span class="k">this</span><span class="p">.</span><span class="nx">_resize</span><span class="p">)</span> <span class="p">{</span>
|
|
<span class="k">this</span><span class="p">.</span><span class="nx">_resize</span><span class="p">.</span><span class="nx">set</span><span class="p">(</span><span class="s1">'maxWidth'</span><span class="p">,</span> <span class="nx">v</span><span class="p">);</span>
|
|
<span class="p">}</span>
|
|
<span class="p">},</span>
|
|
<span class="nx">validator</span><span class="o">:</span> <span class="nx">YAHOO</span><span class="p">.</span><span class="nx">lang</span><span class="p">.</span><span class="nx">isNumber</span>
|
|
<span class="p">});</span>
|
|
|
|
<span class="cm">/**</span>
|
|
<span class="cm"> * @attribute minHeight</span>
|
|
<span class="cm"> * @description The minHeight parameter passed to the Resize Utility</span>
|
|
<span class="cm"> * @type Number</span>
|
|
<span class="cm"> */</span>
|
|
<span class="k">this</span><span class="p">.</span><span class="nx">setAttributeConfig</span><span class="p">(</span><span class="s1">'minHeight'</span><span class="p">,</span> <span class="p">{</span>
|
|
<span class="nx">value</span><span class="o">:</span> <span class="nx">attr</span><span class="p">.</span><span class="nx">minHeight</span> <span class="o">||</span> <span class="kc">false</span><span class="p">,</span>
|
|
<span class="nx">method</span><span class="o">:</span> <span class="kd">function</span><span class="p">(</span><span class="nx">v</span><span class="p">)</span> <span class="p">{</span>
|
|
<span class="k">if</span> <span class="p">(</span><span class="k">this</span><span class="p">.</span><span class="nx">_resize</span><span class="p">)</span> <span class="p">{</span>
|
|
<span class="k">this</span><span class="p">.</span><span class="nx">_resize</span><span class="p">.</span><span class="nx">set</span><span class="p">(</span><span class="s1">'minHeight'</span><span class="p">,</span> <span class="nx">v</span><span class="p">);</span>
|
|
<span class="p">}</span>
|
|
<span class="p">},</span>
|
|
<span class="nx">validator</span><span class="o">:</span> <span class="nx">YAHOO</span><span class="p">.</span><span class="nx">lang</span><span class="p">.</span><span class="nx">isNumber</span>
|
|
<span class="p">});</span>
|
|
|
|
<span class="cm">/**</span>
|
|
<span class="cm"> * @attribute maxHeight</span>
|
|
<span class="cm"> * @description The maxHeight parameter passed to the Resize Utility</span>
|
|
<span class="cm"> * @type Number</span>
|
|
<span class="cm"> */</span>
|
|
<span class="k">this</span><span class="p">.</span><span class="nx">setAttributeConfig</span><span class="p">(</span><span class="s1">'maxHeight'</span><span class="p">,</span> <span class="p">{</span>
|
|
<span class="nx">value</span><span class="o">:</span> <span class="nx">attr</span><span class="p">.</span><span class="nx">maxHeight</span> <span class="o">||</span> <span class="kc">false</span><span class="p">,</span>
|
|
<span class="nx">method</span><span class="o">:</span> <span class="kd">function</span><span class="p">(</span><span class="nx">v</span><span class="p">)</span> <span class="p">{</span>
|
|
<span class="k">if</span> <span class="p">(</span><span class="k">this</span><span class="p">.</span><span class="nx">_resize</span><span class="p">)</span> <span class="p">{</span>
|
|
<span class="k">this</span><span class="p">.</span><span class="nx">_resize</span><span class="p">.</span><span class="nx">set</span><span class="p">(</span><span class="s1">'maxHeight'</span><span class="p">,</span> <span class="nx">v</span><span class="p">);</span>
|
|
<span class="p">}</span>
|
|
<span class="p">},</span>
|
|
<span class="nx">validator</span><span class="o">:</span> <span class="nx">YAHOO</span><span class="p">.</span><span class="nx">lang</span><span class="p">.</span><span class="nx">isNumber</span>
|
|
<span class="p">});</span>
|
|
|
|
<span class="cm">/**</span>
|
|
<span class="cm"> * @attribute height</span>
|
|
<span class="cm"> * @description The height of the Unit</span>
|
|
<span class="cm"> * @type Number</span>
|
|
<span class="cm"> */</span>
|
|
<span class="k">this</span><span class="p">.</span><span class="nx">setAttributeConfig</span><span class="p">(</span><span class="s1">'height'</span><span class="p">,</span> <span class="p">{</span>
|
|
<span class="nx">value</span><span class="o">:</span> <span class="nx">attr</span><span class="p">.</span><span class="nx">height</span><span class="p">,</span>
|
|
<span class="nx">validator</span><span class="o">:</span> <span class="nx">Lang</span><span class="p">.</span><span class="nx">isNumber</span><span class="p">,</span>
|
|
<span class="nx">method</span><span class="o">:</span> <span class="kd">function</span><span class="p">(</span><span class="nx">h</span><span class="p">)</span> <span class="p">{</span>
|
|
<span class="k">if</span> <span class="p">(</span><span class="o">!</span><span class="k">this</span><span class="p">.</span><span class="nx">_collapsing</span><span class="p">)</span> <span class="p">{</span>
|
|
<span class="k">if</span> <span class="p">(</span><span class="nx">h</span> <span class="o"><</span> <span class="mi">0</span><span class="p">)</span> <span class="p">{</span>
|
|
<span class="nx">h</span> <span class="o">=</span> <span class="mi">0</span><span class="p">;</span>
|
|
<span class="p">}</span>
|
|
<span class="k">this</span><span class="p">.</span><span class="nx">setStyle</span><span class="p">(</span><span class="s1">'height'</span><span class="p">,</span> <span class="nx">h</span> <span class="o">+</span> <span class="s1">'px'</span><span class="p">);</span>
|
|
<span class="p">}</span>
|
|
<span class="p">}</span>
|
|
<span class="p">});</span>
|
|
|
|
<span class="cm">/**</span>
|
|
<span class="cm"> * @attribute width</span>
|
|
<span class="cm"> * @description The width of the Unit</span>
|
|
<span class="cm"> * @type Number</span>
|
|
<span class="cm"> */</span>
|
|
<span class="k">this</span><span class="p">.</span><span class="nx">setAttributeConfig</span><span class="p">(</span><span class="s1">'width'</span><span class="p">,</span> <span class="p">{</span>
|
|
<span class="nx">value</span><span class="o">:</span> <span class="nx">attr</span><span class="p">.</span><span class="nx">width</span><span class="p">,</span>
|
|
<span class="nx">validator</span><span class="o">:</span> <span class="nx">Lang</span><span class="p">.</span><span class="nx">isNumber</span><span class="p">,</span>
|
|
<span class="nx">method</span><span class="o">:</span> <span class="kd">function</span><span class="p">(</span><span class="nx">w</span><span class="p">)</span> <span class="p">{</span>
|
|
<span class="k">if</span> <span class="p">(</span><span class="o">!</span><span class="k">this</span><span class="p">.</span><span class="nx">_collapsing</span><span class="p">)</span> <span class="p">{</span>
|
|
<span class="k">if</span> <span class="p">(</span><span class="nx">w</span> <span class="o"><</span> <span class="mi">0</span><span class="p">)</span> <span class="p">{</span>
|
|
<span class="nx">w</span> <span class="o">=</span> <span class="mi">0</span><span class="p">;</span>
|
|
<span class="p">}</span>
|
|
<span class="k">this</span><span class="p">.</span><span class="nx">setStyle</span><span class="p">(</span><span class="s1">'width'</span><span class="p">,</span> <span class="nx">w</span> <span class="o">+</span> <span class="s1">'px'</span><span class="p">);</span>
|
|
<span class="p">}</span>
|
|
<span class="p">}</span>
|
|
<span class="p">});</span>
|
|
<span class="cm">/**</span>
|
|
<span class="cm"> * @attribute zIndex</span>
|
|
<span class="cm"> * @description The CSS zIndex to give to the unit, so you can have overlapping elements such as menus in a unit.</span>
|
|
<span class="cm"> * @type {Number}</span>
|
|
<span class="cm"> */</span>
|
|
<span class="k">this</span><span class="p">.</span><span class="nx">setAttributeConfig</span><span class="p">(</span><span class="s1">'zIndex'</span><span class="p">,</span> <span class="p">{</span>
|
|
<span class="nx">value</span><span class="o">:</span> <span class="nx">attr</span><span class="p">.</span><span class="nx">zIndex</span> <span class="o">||</span> <span class="kc">false</span><span class="p">,</span>
|
|
<span class="nx">method</span><span class="o">:</span> <span class="kd">function</span><span class="p">(</span><span class="nx">z</span><span class="p">)</span> <span class="p">{</span>
|
|
<span class="k">this</span><span class="p">.</span><span class="nx">setStyle</span><span class="p">(</span><span class="s1">'zIndex'</span><span class="p">,</span> <span class="nx">z</span><span class="p">);</span>
|
|
<span class="p">}</span>
|
|
<span class="p">});</span>
|
|
<span class="cm">/**</span>
|
|
<span class="cm"> * @attribute position</span>
|
|
<span class="cm"> * @description The position (top, right, bottom, left or center) of the Unit in the Layout</span>
|
|
<span class="cm"> * @type {String}</span>
|
|
<span class="cm"> */</span>
|
|
<span class="k">this</span><span class="p">.</span><span class="nx">setAttributeConfig</span><span class="p">(</span><span class="s1">'position'</span><span class="p">,</span> <span class="p">{</span>
|
|
<span class="nx">value</span><span class="o">:</span> <span class="nx">attr</span><span class="p">.</span><span class="nx">position</span>
|
|
<span class="p">});</span>
|
|
<span class="cm">/**</span>
|
|
<span class="cm"> * @attribute gutter</span>
|
|
<span class="cm"> * @description The gutter that we should apply to the parent Layout around this Unit. Supports standard CSS markup: (2 4 0 5) or (2) or (2 5)</span>
|
|
<span class="cm"> * @type String</span>
|
|
<span class="cm"> */</span>
|
|
<span class="k">this</span><span class="p">.</span><span class="nx">setAttributeConfig</span><span class="p">(</span><span class="s1">'gutter'</span><span class="p">,</span> <span class="p">{</span>
|
|
<span class="nx">value</span><span class="o">:</span> <span class="nx">attr</span><span class="p">.</span><span class="nx">gutter</span> <span class="o">||</span> <span class="mi">0</span><span class="p">,</span>
|
|
<span class="nx">validator</span><span class="o">:</span> <span class="nx">YAHOO</span><span class="p">.</span><span class="nx">lang</span><span class="p">.</span><span class="nx">isString</span><span class="p">,</span>
|
|
<span class="nx">method</span><span class="o">:</span> <span class="kd">function</span><span class="p">(</span><span class="nx">gutter</span><span class="p">)</span> <span class="p">{</span>
|
|
<span class="kd">var</span> <span class="nx">p</span> <span class="o">=</span> <span class="nx">gutter</span><span class="p">.</span><span class="nx">split</span><span class="p">(</span><span class="s1">' '</span><span class="p">);</span>
|
|
<span class="k">if</span> <span class="p">(</span><span class="nx">p</span><span class="p">.</span><span class="nx">length</span><span class="p">)</span> <span class="p">{</span>
|
|
<span class="k">this</span><span class="p">.</span><span class="nx">_gutter</span><span class="p">.</span><span class="nx">top</span> <span class="o">=</span> <span class="nb">parseInt</span><span class="p">(</span><span class="nx">p</span><span class="p">[</span><span class="mi">0</span><span class="p">],</span> <span class="mi">10</span><span class="p">);</span>
|
|
<span class="k">if</span> <span class="p">(</span><span class="nx">p</span><span class="p">[</span><span class="mi">1</span><span class="p">])</span> <span class="p">{</span>
|
|
<span class="k">this</span><span class="p">.</span><span class="nx">_gutter</span><span class="p">.</span><span class="nx">right</span> <span class="o">=</span> <span class="nb">parseInt</span><span class="p">(</span><span class="nx">p</span><span class="p">[</span><span class="mi">1</span><span class="p">],</span> <span class="mi">10</span><span class="p">);</span>
|
|
<span class="p">}</span> <span class="k">else</span> <span class="p">{</span>
|
|
<span class="k">this</span><span class="p">.</span><span class="nx">_gutter</span><span class="p">.</span><span class="nx">right</span> <span class="o">=</span> <span class="k">this</span><span class="p">.</span><span class="nx">_gutter</span><span class="p">.</span><span class="nx">top</span><span class="p">;</span>
|
|
<span class="p">}</span>
|
|
<span class="k">if</span> <span class="p">(</span><span class="nx">p</span><span class="p">[</span><span class="mi">2</span><span class="p">])</span> <span class="p">{</span>
|
|
<span class="k">this</span><span class="p">.</span><span class="nx">_gutter</span><span class="p">.</span><span class="nx">bottom</span> <span class="o">=</span> <span class="nb">parseInt</span><span class="p">(</span><span class="nx">p</span><span class="p">[</span><span class="mi">2</span><span class="p">],</span> <span class="mi">10</span><span class="p">);</span>
|
|
<span class="p">}</span> <span class="k">else</span> <span class="p">{</span>
|
|
<span class="k">this</span><span class="p">.</span><span class="nx">_gutter</span><span class="p">.</span><span class="nx">bottom</span> <span class="o">=</span> <span class="k">this</span><span class="p">.</span><span class="nx">_gutter</span><span class="p">.</span><span class="nx">top</span><span class="p">;</span>
|
|
<span class="p">}</span>
|
|
<span class="k">if</span> <span class="p">(</span><span class="nx">p</span><span class="p">[</span><span class="mi">3</span><span class="p">])</span> <span class="p">{</span>
|
|
<span class="k">this</span><span class="p">.</span><span class="nx">_gutter</span><span class="p">.</span><span class="nx">left</span> <span class="o">=</span> <span class="nb">parseInt</span><span class="p">(</span><span class="nx">p</span><span class="p">[</span><span class="mi">3</span><span class="p">],</span> <span class="mi">10</span><span class="p">);</span>
|
|
<span class="p">}</span> <span class="k">else</span> <span class="k">if</span> <span class="p">(</span><span class="nx">p</span><span class="p">[</span><span class="mi">1</span><span class="p">])</span> <span class="p">{</span>
|
|
<span class="k">this</span><span class="p">.</span><span class="nx">_gutter</span><span class="p">.</span><span class="nx">left</span> <span class="o">=</span> <span class="k">this</span><span class="p">.</span><span class="nx">_gutter</span><span class="p">.</span><span class="nx">right</span><span class="p">;</span>
|
|
<span class="p">}</span> <span class="k">else</span> <span class="p">{</span>
|
|
<span class="k">this</span><span class="p">.</span><span class="nx">_gutter</span><span class="p">.</span><span class="nx">left</span> <span class="o">=</span> <span class="k">this</span><span class="p">.</span><span class="nx">_gutter</span><span class="p">.</span><span class="nx">top</span><span class="p">;</span>
|
|
<span class="p">}</span>
|
|
<span class="p">}</span>
|
|
<span class="p">}</span>
|
|
<span class="p">});</span>
|
|
<span class="cm">/**</span>
|
|
<span class="cm"> * @attribute parent</span>
|
|
<span class="cm"> * @description The parent Layout that we are assigned to</span>
|
|
<span class="cm"> * @type {Object} YAHOO.widget.Layout</span>
|
|
<span class="cm"> */</span>
|
|
<span class="k">this</span><span class="p">.</span><span class="nx">setAttributeConfig</span><span class="p">(</span><span class="s1">'parent'</span><span class="p">,</span> <span class="p">{</span>
|
|
<span class="nx">writeOnce</span><span class="o">:</span> <span class="kc">true</span><span class="p">,</span>
|
|
<span class="nx">value</span><span class="o">:</span> <span class="nx">attr</span><span class="p">.</span><span class="nx">parent</span> <span class="o">||</span> <span class="kc">false</span><span class="p">,</span>
|
|
<span class="nx">method</span><span class="o">:</span> <span class="kd">function</span><span class="p">(</span><span class="nx">p</span><span class="p">)</span> <span class="p">{</span>
|
|
<span class="k">if</span> <span class="p">(</span><span class="nx">p</span><span class="p">)</span> <span class="p">{</span>
|
|
<span class="nx">p</span><span class="p">.</span><span class="nx">on</span><span class="p">(</span><span class="s1">'resize'</span><span class="p">,</span> <span class="k">this</span><span class="p">.</span><span class="nx">resize</span><span class="p">,</span> <span class="k">this</span><span class="p">,</span> <span class="kc">true</span><span class="p">);</span>
|
|
<span class="p">}</span>
|
|
|
|
<span class="p">}</span>
|
|
<span class="p">});</span>
|
|
<span class="cm">/**</span>
|
|
<span class="cm"> * @attribute collapseSize</span>
|
|
<span class="cm"> * @description The pixel size of the Clip that we will collapse to</span>
|
|
<span class="cm"> * @type Number</span>
|
|
<span class="cm"> */</span>
|
|
<span class="k">this</span><span class="p">.</span><span class="nx">setAttributeConfig</span><span class="p">(</span><span class="s1">'collapseSize'</span><span class="p">,</span> <span class="p">{</span>
|
|
<span class="nx">value</span><span class="o">:</span> <span class="nx">attr</span><span class="p">.</span><span class="nx">collapseSize</span> <span class="o">||</span> <span class="mi">25</span><span class="p">,</span>
|
|
<span class="nx">validator</span><span class="o">:</span> <span class="nx">YAHOO</span><span class="p">.</span><span class="nx">lang</span><span class="p">.</span><span class="nx">isNumber</span>
|
|
<span class="p">});</span>
|
|
<span class="cm">/**</span>
|
|
<span class="cm"> * @attribute duration</span>
|
|
<span class="cm"> * @description The duration to give the Animation Utility when animating the opening and closing of Units</span>
|
|
<span class="cm"> */</span>
|
|
<span class="k">this</span><span class="p">.</span><span class="nx">setAttributeConfig</span><span class="p">(</span><span class="s1">'duration'</span><span class="p">,</span> <span class="p">{</span>
|
|
<span class="nx">value</span><span class="o">:</span> <span class="nx">attr</span><span class="p">.</span><span class="nx">duration</span> <span class="o">||</span> <span class="mf">0.5</span>
|
|
<span class="p">});</span>
|
|
<span class="cm">/**</span>
|
|
<span class="cm"> * @attribute easing</span>
|
|
<span class="cm"> * @description The Animation Easing to apply to the Animation instance for this unit.</span>
|
|
<span class="cm"> */</span>
|
|
<span class="k">this</span><span class="p">.</span><span class="nx">setAttributeConfig</span><span class="p">(</span><span class="s1">'easing'</span><span class="p">,</span> <span class="p">{</span>
|
|
<span class="nx">value</span><span class="o">:</span> <span class="nx">attr</span><span class="p">.</span><span class="nx">easing</span> <span class="o">||</span> <span class="p">((</span><span class="nx">YAHOO</span><span class="p">.</span><span class="nx">util</span> <span class="o">&&</span> <span class="nx">YAHOO</span><span class="p">.</span><span class="nx">util</span><span class="p">.</span><span class="nx">Easing</span><span class="p">)</span> <span class="o">?</span> <span class="nx">YAHOO</span><span class="p">.</span><span class="nx">util</span><span class="p">.</span><span class="nx">Easing</span><span class="p">.</span><span class="nx">BounceIn</span> <span class="o">:</span> <span class="s1">'false'</span><span class="p">)</span>
|
|
<span class="p">});</span>
|
|
<span class="cm">/**</span>
|
|
<span class="cm"> * @attribute animate</span>
|
|
<span class="cm"> * @description Use animation to collapse/expand the unit</span>
|
|
<span class="cm"> * @type Boolean</span>
|
|
<span class="cm"> */</span>
|
|
<span class="k">this</span><span class="p">.</span><span class="nx">setAttributeConfig</span><span class="p">(</span><span class="s1">'animate'</span><span class="p">,</span> <span class="p">{</span>
|
|
<span class="nx">value</span><span class="o">:</span> <span class="p">((</span><span class="nx">attr</span><span class="p">.</span><span class="nx">animate</span> <span class="o">===</span> <span class="kc">false</span><span class="p">)</span> <span class="o">?</span> <span class="kc">false</span> <span class="o">:</span> <span class="kc">true</span><span class="p">),</span>
|
|
<span class="nx">validator</span><span class="o">:</span> <span class="kd">function</span><span class="p">()</span> <span class="p">{</span>
|
|
<span class="kd">var</span> <span class="nx">anim</span> <span class="o">=</span> <span class="kc">false</span><span class="p">;</span>
|
|
<span class="k">if</span> <span class="p">(</span><span class="nx">YAHOO</span><span class="p">.</span><span class="nx">util</span><span class="p">.</span><span class="nx">Anim</span><span class="p">)</span> <span class="p">{</span>
|
|
<span class="nx">anim</span> <span class="o">=</span> <span class="kc">true</span><span class="p">;</span>
|
|
<span class="p">}</span>
|
|
<span class="k">return</span> <span class="nx">anim</span><span class="p">;</span>
|
|
<span class="p">},</span>
|
|
<span class="nx">method</span><span class="o">:</span> <span class="kd">function</span><span class="p">(</span><span class="nx">anim</span><span class="p">)</span> <span class="p">{</span>
|
|
<span class="k">if</span> <span class="p">(</span><span class="nx">anim</span><span class="p">)</span> <span class="p">{</span>
|
|
<span class="k">this</span><span class="p">.</span><span class="nx">_anim</span> <span class="o">=</span> <span class="k">new</span> <span class="nx">YAHOO</span><span class="p">.</span><span class="nx">util</span><span class="p">.</span><span class="nx">Anim</span><span class="p">(</span><span class="k">this</span><span class="p">.</span><span class="nx">get</span><span class="p">(</span><span class="s1">'element'</span><span class="p">),</span> <span class="p">{},</span> <span class="k">this</span><span class="p">.</span><span class="nx">get</span><span class="p">(</span><span class="s1">'duration'</span><span class="p">),</span> <span class="k">this</span><span class="p">.</span><span class="nx">get</span><span class="p">(</span><span class="s1">'easing'</span><span class="p">));</span>
|
|
<span class="p">}</span> <span class="k">else</span> <span class="p">{</span>
|
|
<span class="k">this</span><span class="p">.</span><span class="nx">_anim</span> <span class="o">=</span> <span class="kc">false</span><span class="p">;</span>
|
|
<span class="p">}</span>
|
|
<span class="p">}</span>
|
|
<span class="p">});</span>
|
|
<span class="cm">/**</span>
|
|
<span class="cm"> * @attribute header</span>
|
|
<span class="cm"> * @description The text to use as the Header of the Unit</span>
|
|
<span class="cm"> */</span>
|
|
<span class="k">this</span><span class="p">.</span><span class="nx">setAttributeConfig</span><span class="p">(</span><span class="s1">'header'</span><span class="p">,</span> <span class="p">{</span>
|
|
<span class="nx">value</span><span class="o">:</span> <span class="nx">attr</span><span class="p">.</span><span class="nx">header</span> <span class="o">||</span> <span class="kc">false</span><span class="p">,</span>
|
|
<span class="nx">method</span><span class="o">:</span> <span class="kd">function</span><span class="p">(</span><span class="nx">txt</span><span class="p">)</span> <span class="p">{</span>
|
|
<span class="k">if</span> <span class="p">(</span><span class="nx">txt</span> <span class="o">===</span> <span class="kc">false</span><span class="p">)</span> <span class="p">{</span>
|
|
<span class="c1">//Remove the footer</span>
|
|
<span class="k">if</span> <span class="p">(</span><span class="k">this</span><span class="p">.</span><span class="nx">header</span><span class="p">)</span> <span class="p">{</span>
|
|
<span class="nx">Dom</span><span class="p">.</span><span class="nx">addClass</span><span class="p">(</span><span class="k">this</span><span class="p">.</span><span class="nx">body</span><span class="p">,</span> <span class="s1">'yui-layout-bd-nohd'</span><span class="p">);</span>
|
|
<span class="k">this</span><span class="p">.</span><span class="nx">header</span><span class="p">.</span><span class="nx">parentNode</span><span class="p">.</span><span class="nx">removeChild</span><span class="p">(</span><span class="k">this</span><span class="p">.</span><span class="nx">header</span><span class="p">);</span>
|
|
<span class="k">this</span><span class="p">.</span><span class="nx">header</span> <span class="o">=</span> <span class="kc">null</span><span class="p">;</span>
|
|
<span class="p">}</span>
|
|
<span class="p">}</span> <span class="k">else</span> <span class="p">{</span>
|
|
<span class="k">if</span> <span class="p">(</span><span class="o">!</span><span class="k">this</span><span class="p">.</span><span class="nx">header</span><span class="p">)</span> <span class="p">{</span>
|
|
<span class="kd">var</span> <span class="nx">header</span> <span class="o">=</span> <span class="k">this</span><span class="p">.</span><span class="nx">getElementsByClassName</span><span class="p">(</span><span class="s1">'yui-layout-hd'</span><span class="p">,</span> <span class="s1">'div'</span><span class="p">)[</span><span class="mi">0</span><span class="p">];</span>
|
|
<span class="k">if</span> <span class="p">(</span><span class="o">!</span><span class="nx">header</span><span class="p">)</span> <span class="p">{</span>
|
|
<span class="nx">header</span> <span class="o">=</span> <span class="k">this</span><span class="p">.</span><span class="nx">_createHeader</span><span class="p">();</span>
|
|
<span class="p">}</span>
|
|
<span class="k">this</span><span class="p">.</span><span class="nx">header</span> <span class="o">=</span> <span class="nx">header</span><span class="p">;</span>
|
|
<span class="p">}</span>
|
|
<span class="kd">var</span> <span class="nx">h</span> <span class="o">=</span> <span class="k">this</span><span class="p">.</span><span class="nx">header</span><span class="p">.</span><span class="nx">getElementsByTagName</span><span class="p">(</span><span class="s1">'h2'</span><span class="p">)[</span><span class="mi">0</span><span class="p">];</span>
|
|
<span class="k">if</span> <span class="p">(</span><span class="o">!</span><span class="nx">h</span><span class="p">)</span> <span class="p">{</span>
|
|
<span class="nx">h</span> <span class="o">=</span> <span class="nb">document</span><span class="p">.</span><span class="nx">createElement</span><span class="p">(</span><span class="s1">'h2'</span><span class="p">);</span>
|
|
<span class="k">this</span><span class="p">.</span><span class="nx">header</span><span class="p">.</span><span class="nx">appendChild</span><span class="p">(</span><span class="nx">h</span><span class="p">);</span>
|
|
<span class="p">}</span>
|
|
<span class="nx">h</span><span class="p">.</span><span class="nx">innerHTML</span> <span class="o">=</span> <span class="nx">txt</span><span class="p">;</span>
|
|
<span class="k">if</span> <span class="p">(</span><span class="k">this</span><span class="p">.</span><span class="nx">body</span><span class="p">)</span> <span class="p">{</span>
|
|
<span class="nx">Dom</span><span class="p">.</span><span class="nx">removeClass</span><span class="p">(</span><span class="k">this</span><span class="p">.</span><span class="nx">body</span><span class="p">,</span> <span class="s1">'yui-layout-bd-nohd'</span><span class="p">);</span>
|
|
<span class="p">}</span>
|
|
<span class="p">}</span>
|
|
<span class="k">this</span><span class="p">.</span><span class="nx">fireEvent</span><span class="p">(</span><span class="s1">'contentChange'</span><span class="p">,</span> <span class="p">{</span> <span class="nx">target</span><span class="o">:</span> <span class="s1">'header'</span> <span class="p">});</span>
|
|
<span class="p">}</span>
|
|
<span class="p">});</span>
|
|
<span class="cm">/**</span>
|
|
<span class="cm"> * @attribute proxy</span>
|
|
<span class="cm"> * @description Use the proxy config setting for the Resize Utility</span>
|
|
<span class="cm"> * @type Boolean</span>
|
|
<span class="cm"> */</span>
|
|
<span class="k">this</span><span class="p">.</span><span class="nx">setAttributeConfig</span><span class="p">(</span><span class="s1">'proxy'</span><span class="p">,</span> <span class="p">{</span>
|
|
<span class="nx">writeOnce</span><span class="o">:</span> <span class="kc">true</span><span class="p">,</span>
|
|
<span class="nx">value</span><span class="o">:</span> <span class="p">((</span><span class="nx">attr</span><span class="p">.</span><span class="nx">proxy</span> <span class="o">===</span> <span class="kc">false</span><span class="p">)</span> <span class="o">?</span> <span class="kc">false</span> <span class="o">:</span> <span class="kc">true</span><span class="p">)</span>
|
|
<span class="p">});</span>
|
|
<span class="cm">/**</span>
|
|
<span class="cm"> * @attribute body</span>
|
|
<span class="cm"> * @description The content for the body. If we find an element in the page with an id that matches the passed option we will move that element into the body of this unit.</span>
|
|
<span class="cm"> */</span>
|
|
<span class="k">this</span><span class="p">.</span><span class="nx">setAttributeConfig</span><span class="p">(</span><span class="s1">'body'</span><span class="p">,</span> <span class="p">{</span>
|
|
<span class="nx">value</span><span class="o">:</span> <span class="nx">attr</span><span class="p">.</span><span class="nx">body</span> <span class="o">||</span> <span class="kc">false</span><span class="p">,</span>
|
|
<span class="nx">method</span><span class="o">:</span> <span class="kd">function</span><span class="p">(</span><span class="nx">content</span><span class="p">)</span> <span class="p">{</span>
|
|
<span class="k">if</span> <span class="p">(</span><span class="o">!</span><span class="k">this</span><span class="p">.</span><span class="nx">body</span><span class="p">)</span> <span class="p">{</span>
|
|
<span class="kd">var</span> <span class="nx">body</span> <span class="o">=</span> <span class="k">this</span><span class="p">.</span><span class="nx">getElementsByClassName</span><span class="p">(</span><span class="s1">'yui-layout-bd'</span><span class="p">,</span> <span class="s1">'div'</span><span class="p">)[</span><span class="mi">0</span><span class="p">];</span>
|
|
<span class="k">if</span> <span class="p">(</span><span class="nx">body</span><span class="p">)</span> <span class="p">{</span>
|
|
<span class="k">this</span><span class="p">.</span><span class="nx">body</span> <span class="o">=</span> <span class="nx">body</span><span class="p">;</span>
|
|
<span class="p">}</span> <span class="k">else</span> <span class="p">{</span>
|
|
<span class="nx">body</span> <span class="o">=</span> <span class="nb">document</span><span class="p">.</span><span class="nx">createElement</span><span class="p">(</span><span class="s1">'div'</span><span class="p">);</span>
|
|
<span class="nx">body</span><span class="p">.</span><span class="nx">className</span> <span class="o">=</span> <span class="s1">'yui-layout-bd'</span><span class="p">;</span>
|
|
<span class="k">this</span><span class="p">.</span><span class="nx">body</span> <span class="o">=</span> <span class="nx">body</span><span class="p">;</span>
|
|
<span class="k">this</span><span class="p">.</span><span class="nx">get</span><span class="p">(</span><span class="s1">'wrap'</span><span class="p">).</span><span class="nx">appendChild</span><span class="p">(</span><span class="nx">body</span><span class="p">);</span>
|
|
<span class="p">}</span>
|
|
<span class="p">}</span>
|
|
<span class="k">if</span> <span class="p">(</span><span class="o">!</span><span class="k">this</span><span class="p">.</span><span class="nx">header</span><span class="p">)</span> <span class="p">{</span>
|
|
<span class="nx">Dom</span><span class="p">.</span><span class="nx">addClass</span><span class="p">(</span><span class="k">this</span><span class="p">.</span><span class="nx">body</span><span class="p">,</span> <span class="s1">'yui-layout-bd-nohd'</span><span class="p">);</span>
|
|
<span class="p">}</span>
|
|
<span class="nx">Dom</span><span class="p">.</span><span class="nx">addClass</span><span class="p">(</span><span class="k">this</span><span class="p">.</span><span class="nx">body</span><span class="p">,</span> <span class="s1">'yui-layout-bd-noft'</span><span class="p">);</span>
|
|
|
|
|
|
<span class="kd">var</span> <span class="nx">el</span> <span class="o">=</span> <span class="kc">null</span><span class="p">;</span>
|
|
<span class="k">if</span> <span class="p">(</span><span class="nx">Lang</span><span class="p">.</span><span class="nx">isString</span><span class="p">(</span><span class="nx">content</span><span class="p">))</span> <span class="p">{</span>
|
|
<span class="nx">el</span> <span class="o">=</span> <span class="nx">Dom</span><span class="p">.</span><span class="nx">get</span><span class="p">(</span><span class="nx">content</span><span class="p">);</span>
|
|
<span class="p">}</span> <span class="k">else</span> <span class="k">if</span> <span class="p">(</span><span class="nx">content</span> <span class="o">&&</span> <span class="nx">content</span><span class="p">.</span><span class="nx">tagName</span><span class="p">)</span> <span class="p">{</span>
|
|
<span class="nx">el</span> <span class="o">=</span> <span class="nx">content</span><span class="p">;</span>
|
|
<span class="p">}</span>
|
|
<span class="k">if</span> <span class="p">(</span><span class="nx">el</span><span class="p">)</span> <span class="p">{</span>
|
|
<span class="kd">var</span> <span class="nx">id</span> <span class="o">=</span> <span class="nx">Dom</span><span class="p">.</span><span class="nx">generateId</span><span class="p">(</span><span class="nx">el</span><span class="p">);</span>
|
|
<span class="nx">LayoutUnit</span><span class="p">.</span><span class="nx">_instances</span><span class="p">[</span><span class="nx">id</span><span class="p">]</span> <span class="o">=</span> <span class="k">this</span><span class="p">;</span>
|
|
<span class="k">this</span><span class="p">.</span><span class="nx">body</span><span class="p">.</span><span class="nx">appendChild</span><span class="p">(</span><span class="nx">el</span><span class="p">);</span>
|
|
<span class="p">}</span> <span class="k">else</span> <span class="p">{</span>
|
|
<span class="k">this</span><span class="p">.</span><span class="nx">body</span><span class="p">.</span><span class="nx">innerHTML</span> <span class="o">=</span> <span class="nx">content</span><span class="p">;</span>
|
|
<span class="p">}</span>
|
|
|
|
<span class="k">this</span><span class="p">.</span><span class="nx">_cleanGrids</span><span class="p">();</span>
|
|
|
|
<span class="k">this</span><span class="p">.</span><span class="nx">fireEvent</span><span class="p">(</span><span class="s1">'contentChange'</span><span class="p">,</span> <span class="p">{</span> <span class="nx">target</span><span class="o">:</span> <span class="s1">'body'</span> <span class="p">});</span>
|
|
<span class="p">}</span>
|
|
<span class="p">});</span>
|
|
|
|
<span class="cm">/**</span>
|
|
<span class="cm"> * @attribute footer</span>
|
|
<span class="cm"> * @description The content for the footer. If we find an element in the page with an id that matches the passed option we will move that element into the footer of this unit.</span>
|
|
<span class="cm"> */</span>
|
|
<span class="k">this</span><span class="p">.</span><span class="nx">setAttributeConfig</span><span class="p">(</span><span class="s1">'footer'</span><span class="p">,</span> <span class="p">{</span>
|
|
<span class="nx">value</span><span class="o">:</span> <span class="nx">attr</span><span class="p">.</span><span class="nx">footer</span> <span class="o">||</span> <span class="kc">false</span><span class="p">,</span>
|
|
<span class="nx">method</span><span class="o">:</span> <span class="kd">function</span><span class="p">(</span><span class="nx">content</span><span class="p">)</span> <span class="p">{</span>
|
|
<span class="k">if</span> <span class="p">(</span><span class="nx">content</span> <span class="o">===</span> <span class="kc">false</span><span class="p">)</span> <span class="p">{</span>
|
|
<span class="c1">//Remove the footer</span>
|
|
<span class="k">if</span> <span class="p">(</span><span class="k">this</span><span class="p">.</span><span class="nx">footer</span><span class="p">)</span> <span class="p">{</span>
|
|
<span class="nx">Dom</span><span class="p">.</span><span class="nx">addClass</span><span class="p">(</span><span class="k">this</span><span class="p">.</span><span class="nx">body</span><span class="p">,</span> <span class="s1">'yui-layout-bd-noft'</span><span class="p">);</span>
|
|
<span class="k">this</span><span class="p">.</span><span class="nx">footer</span><span class="p">.</span><span class="nx">parentNode</span><span class="p">.</span><span class="nx">removeChild</span><span class="p">(</span><span class="k">this</span><span class="p">.</span><span class="nx">footer</span><span class="p">);</span>
|
|
<span class="k">this</span><span class="p">.</span><span class="nx">footer</span> <span class="o">=</span> <span class="kc">null</span><span class="p">;</span>
|
|
<span class="p">}</span>
|
|
<span class="p">}</span> <span class="k">else</span> <span class="p">{</span>
|
|
<span class="k">if</span> <span class="p">(</span><span class="o">!</span><span class="k">this</span><span class="p">.</span><span class="nx">footer</span><span class="p">)</span> <span class="p">{</span>
|
|
<span class="kd">var</span> <span class="nx">ft</span> <span class="o">=</span> <span class="k">this</span><span class="p">.</span><span class="nx">getElementsByClassName</span><span class="p">(</span><span class="s1">'yui-layout-ft'</span><span class="p">,</span> <span class="s1">'div'</span><span class="p">)[</span><span class="mi">0</span><span class="p">];</span>
|
|
<span class="k">if</span> <span class="p">(</span><span class="o">!</span><span class="nx">ft</span><span class="p">)</span> <span class="p">{</span>
|
|
<span class="nx">ft</span> <span class="o">=</span> <span class="nb">document</span><span class="p">.</span><span class="nx">createElement</span><span class="p">(</span><span class="s1">'div'</span><span class="p">);</span>
|
|
<span class="nx">ft</span><span class="p">.</span><span class="nx">className</span> <span class="o">=</span> <span class="s1">'yui-layout-ft'</span><span class="p">;</span>
|
|
<span class="k">this</span><span class="p">.</span><span class="nx">footer</span> <span class="o">=</span> <span class="nx">ft</span><span class="p">;</span>
|
|
<span class="k">this</span><span class="p">.</span><span class="nx">get</span><span class="p">(</span><span class="s1">'wrap'</span><span class="p">).</span><span class="nx">appendChild</span><span class="p">(</span><span class="nx">ft</span><span class="p">);</span>
|
|
<span class="p">}</span> <span class="k">else</span> <span class="p">{</span>
|
|
<span class="k">this</span><span class="p">.</span><span class="nx">footer</span> <span class="o">=</span> <span class="nx">ft</span><span class="p">;</span>
|
|
<span class="p">}</span>
|
|
<span class="p">}</span>
|
|
<span class="kd">var</span> <span class="nx">el</span> <span class="o">=</span> <span class="kc">null</span><span class="p">;</span>
|
|
<span class="k">if</span> <span class="p">(</span><span class="nx">Lang</span><span class="p">.</span><span class="nx">isString</span><span class="p">(</span><span class="nx">content</span><span class="p">))</span> <span class="p">{</span>
|
|
<span class="nx">el</span> <span class="o">=</span> <span class="nx">Dom</span><span class="p">.</span><span class="nx">get</span><span class="p">(</span><span class="nx">content</span><span class="p">);</span>
|
|
<span class="p">}</span> <span class="k">else</span> <span class="k">if</span> <span class="p">(</span><span class="nx">content</span> <span class="o">&&</span> <span class="nx">content</span><span class="p">.</span><span class="nx">tagName</span><span class="p">)</span> <span class="p">{</span>
|
|
<span class="nx">el</span> <span class="o">=</span> <span class="nx">content</span><span class="p">;</span>
|
|
<span class="p">}</span>
|
|
<span class="k">if</span> <span class="p">(</span><span class="nx">el</span><span class="p">)</span> <span class="p">{</span>
|
|
<span class="k">this</span><span class="p">.</span><span class="nx">footer</span><span class="p">.</span><span class="nx">appendChild</span><span class="p">(</span><span class="nx">el</span><span class="p">);</span>
|
|
<span class="p">}</span> <span class="k">else</span> <span class="p">{</span>
|
|
<span class="k">this</span><span class="p">.</span><span class="nx">footer</span><span class="p">.</span><span class="nx">innerHTML</span> <span class="o">=</span> <span class="nx">content</span><span class="p">;</span>
|
|
<span class="p">}</span>
|
|
<span class="nx">Dom</span><span class="p">.</span><span class="nx">removeClass</span><span class="p">(</span><span class="k">this</span><span class="p">.</span><span class="nx">body</span><span class="p">,</span> <span class="s1">'yui-layout-bd-noft'</span><span class="p">);</span>
|
|
<span class="p">}</span>
|
|
<span class="k">this</span><span class="p">.</span><span class="nx">fireEvent</span><span class="p">(</span><span class="s1">'contentChange'</span><span class="p">,</span> <span class="p">{</span> <span class="nx">target</span><span class="o">:</span> <span class="s1">'footer'</span> <span class="p">});</span>
|
|
<span class="p">}</span>
|
|
<span class="p">});</span>
|
|
<span class="cm">/**</span>
|
|
<span class="cm"> * @attribute close</span>
|
|
<span class="cm"> * @description Adds a close icon to the unit</span>
|
|
<span class="cm"> */</span>
|
|
<span class="k">this</span><span class="p">.</span><span class="nx">setAttributeConfig</span><span class="p">(</span><span class="s1">'close'</span><span class="p">,</span> <span class="p">{</span>
|
|
<span class="nx">value</span><span class="o">:</span> <span class="nx">attr</span><span class="p">.</span><span class="nx">close</span> <span class="o">||</span> <span class="kc">false</span><span class="p">,</span>
|
|
<span class="nx">method</span><span class="o">:</span> <span class="kd">function</span><span class="p">(</span><span class="nx">close</span><span class="p">)</span> <span class="p">{</span>
|
|
<span class="c1">//Position Center doesn't get this</span>
|
|
<span class="k">if</span> <span class="p">(</span><span class="k">this</span><span class="p">.</span><span class="nx">get</span><span class="p">(</span><span class="s1">'position'</span><span class="p">)</span> <span class="o">==</span> <span class="s1">'center'</span><span class="p">)</span> <span class="p">{</span>
|
|
<span class="nx">YAHOO</span><span class="p">.</span><span class="nx">log</span><span class="p">(</span><span class="s1">'Position center unit cannot have close'</span><span class="p">,</span> <span class="s1">'error'</span><span class="p">,</span> <span class="s1">'LayoutUnit'</span><span class="p">);</span>
|
|
<span class="k">return</span> <span class="kc">false</span><span class="p">;</span>
|
|
<span class="p">}</span>
|
|
<span class="k">if</span> <span class="p">(</span><span class="o">!</span><span class="k">this</span><span class="p">.</span><span class="nx">header</span> <span class="o">&&</span> <span class="nx">close</span><span class="p">)</span> <span class="p">{</span>
|
|
<span class="k">this</span><span class="p">.</span><span class="nx">_createHeader</span><span class="p">();</span>
|
|
<span class="p">}</span>
|
|
<span class="kd">var</span> <span class="nx">c</span> <span class="o">=</span> <span class="nx">Dom</span><span class="p">.</span><span class="nx">getElementsByClassName</span><span class="p">(</span><span class="s1">'close'</span><span class="p">,</span> <span class="s1">'div'</span><span class="p">,</span> <span class="k">this</span><span class="p">.</span><span class="nx">header</span><span class="p">)[</span><span class="mi">0</span><span class="p">];</span>
|
|
<span class="k">if</span> <span class="p">(</span><span class="nx">close</span><span class="p">)</span> <span class="p">{</span>
|
|
<span class="c1">//Force some header text if there isn't any</span>
|
|
<span class="k">if</span> <span class="p">(</span><span class="o">!</span><span class="k">this</span><span class="p">.</span><span class="nx">get</span><span class="p">(</span><span class="s1">'header'</span><span class="p">))</span> <span class="p">{</span>
|
|
<span class="k">this</span><span class="p">.</span><span class="nx">set</span><span class="p">(</span><span class="s1">'header'</span><span class="p">,</span> <span class="s1">'&nbsp;'</span><span class="p">);</span>
|
|
<span class="p">}</span>
|
|
<span class="k">if</span> <span class="p">(</span><span class="o">!</span><span class="nx">c</span><span class="p">)</span> <span class="p">{</span>
|
|
<span class="nx">c</span> <span class="o">=</span> <span class="nb">document</span><span class="p">.</span><span class="nx">createElement</span><span class="p">(</span><span class="s1">'div'</span><span class="p">);</span>
|
|
<span class="nx">c</span><span class="p">.</span><span class="nx">className</span> <span class="o">=</span> <span class="s1">'close'</span><span class="p">;</span>
|
|
<span class="k">this</span><span class="p">.</span><span class="nx">header</span><span class="p">.</span><span class="nx">appendChild</span><span class="p">(</span><span class="nx">c</span><span class="p">);</span>
|
|
<span class="nx">Event</span><span class="p">.</span><span class="nx">on</span><span class="p">(</span><span class="nx">c</span><span class="p">,</span> <span class="s1">'click'</span><span class="p">,</span> <span class="k">this</span><span class="p">.</span><span class="nx">close</span><span class="p">,</span> <span class="k">this</span><span class="p">,</span> <span class="kc">true</span><span class="p">);</span>
|
|
<span class="p">}</span>
|
|
<span class="nx">c</span><span class="p">.</span><span class="nx">title</span> <span class="o">=</span> <span class="k">this</span><span class="p">.</span><span class="nx">STR_CLOSE</span><span class="p">;</span>
|
|
<span class="p">}</span> <span class="k">else</span> <span class="k">if</span> <span class="p">(</span><span class="nx">c</span> <span class="o">&&</span> <span class="nx">c</span><span class="p">.</span><span class="nx">parentNode</span><span class="p">)</span> <span class="p">{</span>
|
|
<span class="nx">Event</span><span class="p">.</span><span class="nx">purgeElement</span><span class="p">(</span><span class="nx">c</span><span class="p">);</span>
|
|
<span class="nx">c</span><span class="p">.</span><span class="nx">parentNode</span><span class="p">.</span><span class="nx">removeChild</span><span class="p">(</span><span class="nx">c</span><span class="p">);</span>
|
|
<span class="p">}</span>
|
|
<span class="k">this</span><span class="p">.</span><span class="nx">_configs</span><span class="p">.</span><span class="nx">close</span><span class="p">.</span><span class="nx">value</span> <span class="o">=</span> <span class="nx">close</span><span class="p">;</span>
|
|
<span class="k">this</span><span class="p">.</span><span class="nx">set</span><span class="p">(</span><span class="s1">'collapse'</span><span class="p">,</span> <span class="k">this</span><span class="p">.</span><span class="nx">get</span><span class="p">(</span><span class="s1">'collapse'</span><span class="p">));</span> <span class="c1">//Reset so we get the right classnames</span>
|
|
<span class="p">}</span>
|
|
<span class="p">});</span>
|
|
|
|
<span class="cm">/**</span>
|
|
<span class="cm"> * @attribute collapse</span>
|
|
<span class="cm"> * @description Adds a collapse icon to the unit</span>
|
|
<span class="cm"> */</span>
|
|
<span class="k">this</span><span class="p">.</span><span class="nx">setAttributeConfig</span><span class="p">(</span><span class="s1">'collapse'</span><span class="p">,</span> <span class="p">{</span>
|
|
<span class="nx">value</span><span class="o">:</span> <span class="nx">attr</span><span class="p">.</span><span class="nx">collapse</span> <span class="o">||</span> <span class="kc">false</span><span class="p">,</span>
|
|
<span class="nx">method</span><span class="o">:</span> <span class="kd">function</span><span class="p">(</span><span class="nx">collapse</span><span class="p">)</span> <span class="p">{</span>
|
|
<span class="c1">//Position Center doesn't get this</span>
|
|
<span class="k">if</span> <span class="p">(</span><span class="k">this</span><span class="p">.</span><span class="nx">get</span><span class="p">(</span><span class="s1">'position'</span><span class="p">)</span> <span class="o">==</span> <span class="s1">'center'</span><span class="p">)</span> <span class="p">{</span>
|
|
<span class="nx">YAHOO</span><span class="p">.</span><span class="nx">log</span><span class="p">(</span><span class="s1">'Position center unit cannot have collapse'</span><span class="p">,</span> <span class="s1">'error'</span><span class="p">,</span> <span class="s1">'LayoutUnit'</span><span class="p">);</span>
|
|
<span class="k">return</span> <span class="kc">false</span><span class="p">;</span>
|
|
<span class="p">}</span>
|
|
<span class="k">if</span> <span class="p">(</span><span class="o">!</span><span class="k">this</span><span class="p">.</span><span class="nx">header</span> <span class="o">&&</span> <span class="nx">collapse</span><span class="p">)</span> <span class="p">{</span>
|
|
<span class="k">this</span><span class="p">.</span><span class="nx">_createHeader</span><span class="p">();</span>
|
|
<span class="p">}</span>
|
|
<span class="kd">var</span> <span class="nx">c</span> <span class="o">=</span> <span class="nx">Dom</span><span class="p">.</span><span class="nx">getElementsByClassName</span><span class="p">(</span><span class="s1">'collapse'</span><span class="p">,</span> <span class="s1">'div'</span><span class="p">,</span> <span class="k">this</span><span class="p">.</span><span class="nx">header</span><span class="p">)[</span><span class="mi">0</span><span class="p">];</span>
|
|
<span class="k">if</span> <span class="p">(</span><span class="nx">collapse</span><span class="p">)</span> <span class="p">{</span>
|
|
<span class="c1">//Force some header text if there isn't any</span>
|
|
<span class="k">if</span> <span class="p">(</span><span class="o">!</span><span class="k">this</span><span class="p">.</span><span class="nx">get</span><span class="p">(</span><span class="s1">'header'</span><span class="p">))</span> <span class="p">{</span>
|
|
<span class="k">this</span><span class="p">.</span><span class="nx">set</span><span class="p">(</span><span class="s1">'header'</span><span class="p">,</span> <span class="s1">'&nbsp;'</span><span class="p">);</span>
|
|
<span class="p">}</span>
|
|
<span class="k">if</span> <span class="p">(</span><span class="o">!</span><span class="nx">c</span><span class="p">)</span> <span class="p">{</span>
|
|
<span class="nx">c</span> <span class="o">=</span> <span class="nb">document</span><span class="p">.</span><span class="nx">createElement</span><span class="p">(</span><span class="s1">'div'</span><span class="p">);</span>
|
|
<span class="k">this</span><span class="p">.</span><span class="nx">header</span><span class="p">.</span><span class="nx">appendChild</span><span class="p">(</span><span class="nx">c</span><span class="p">);</span>
|
|
<span class="nx">Event</span><span class="p">.</span><span class="nx">on</span><span class="p">(</span><span class="nx">c</span><span class="p">,</span> <span class="s1">'click'</span><span class="p">,</span> <span class="k">this</span><span class="p">.</span><span class="nx">collapse</span><span class="p">,</span> <span class="k">this</span><span class="p">,</span> <span class="kc">true</span><span class="p">);</span>
|
|
<span class="p">}</span>
|
|
<span class="nx">c</span><span class="p">.</span><span class="nx">title</span> <span class="o">=</span> <span class="k">this</span><span class="p">.</span><span class="nx">STR_COLLAPSE</span><span class="p">;</span>
|
|
<span class="nx">c</span><span class="p">.</span><span class="nx">className</span> <span class="o">=</span> <span class="s1">'collapse'</span> <span class="o">+</span> <span class="p">((</span><span class="k">this</span><span class="p">.</span><span class="nx">get</span><span class="p">(</span><span class="s1">'close'</span><span class="p">))</span> <span class="o">?</span> <span class="s1">' collapse-close'</span> <span class="o">:</span> <span class="s1">''</span><span class="p">);</span>
|
|
<span class="p">}</span> <span class="k">else</span> <span class="k">if</span> <span class="p">(</span><span class="nx">c</span> <span class="o">&&</span> <span class="nx">c</span><span class="p">.</span><span class="nx">parentNode</span><span class="p">)</span> <span class="p">{</span>
|
|
<span class="nx">Event</span><span class="p">.</span><span class="nx">purgeElement</span><span class="p">(</span><span class="nx">c</span><span class="p">);</span>
|
|
<span class="nx">c</span><span class="p">.</span><span class="nx">parentNode</span><span class="p">.</span><span class="nx">removeChild</span><span class="p">(</span><span class="nx">c</span><span class="p">);</span>
|
|
<span class="p">}</span>
|
|
<span class="p">}</span>
|
|
<span class="p">});</span>
|
|
<span class="cm">/**</span>
|
|
<span class="cm"> * @attribute scroll</span>
|
|
<span class="cm"> * @description Adds a class to the unit to allow for overflow: auto (yui-layout-scroll), default is overflow: hidden (yui-layout-noscroll). If true scroll bars will be placed on the element when the content exceeds the given area, false will put overflow hidden to hide the content. Passing null will render the content as usual overflow.</span>
|
|
<span class="cm"> * @type Boolean/Null</span>
|
|
<span class="cm"> */</span>
|
|
|
|
<span class="k">this</span><span class="p">.</span><span class="nx">setAttributeConfig</span><span class="p">(</span><span class="s1">'scroll'</span><span class="p">,</span> <span class="p">{</span>
|
|
<span class="nx">value</span><span class="o">:</span> <span class="p">(((</span><span class="nx">attr</span><span class="p">.</span><span class="nx">scroll</span> <span class="o">===</span> <span class="kc">true</span><span class="p">)</span> <span class="o">||</span> <span class="p">(</span><span class="nx">attr</span><span class="p">.</span><span class="nx">scroll</span> <span class="o">===</span> <span class="kc">false</span><span class="p">)</span> <span class="o">||</span> <span class="p">(</span><span class="nx">attr</span><span class="p">.</span><span class="nx">scroll</span> <span class="o">===</span> <span class="kc">null</span><span class="p">))</span> <span class="o">?</span> <span class="nx">attr</span><span class="p">.</span><span class="nx">scroll</span> <span class="o">:</span> <span class="kc">false</span><span class="p">),</span>
|
|
<span class="nx">method</span><span class="o">:</span> <span class="kd">function</span><span class="p">(</span><span class="nx">scroll</span><span class="p">)</span> <span class="p">{</span>
|
|
<span class="k">if</span> <span class="p">((</span><span class="nx">scroll</span> <span class="o">===</span> <span class="kc">false</span><span class="p">)</span> <span class="o">&&</span> <span class="o">!</span><span class="k">this</span><span class="p">.</span><span class="nx">_collapsed</span><span class="p">)</span> <span class="p">{</span> <span class="c1">//Removing scroll bar</span>
|
|
<span class="k">if</span> <span class="p">(</span><span class="k">this</span><span class="p">.</span><span class="nx">body</span><span class="p">)</span> <span class="p">{</span>
|
|
<span class="k">if</span> <span class="p">(</span><span class="k">this</span><span class="p">.</span><span class="nx">body</span><span class="p">.</span><span class="nx">scrollTop</span> <span class="o">></span> <span class="mi">0</span><span class="p">)</span> <span class="p">{</span>
|
|
<span class="k">this</span><span class="p">.</span><span class="nx">_lastScrollTop</span> <span class="o">=</span> <span class="k">this</span><span class="p">.</span><span class="nx">body</span><span class="p">.</span><span class="nx">scrollTop</span><span class="p">;</span>
|
|
<span class="p">}</span>
|
|
<span class="p">}</span>
|
|
<span class="p">}</span>
|
|
|
|
<span class="k">if</span> <span class="p">(</span><span class="nx">scroll</span> <span class="o">===</span> <span class="kc">true</span><span class="p">)</span> <span class="p">{</span>
|
|
<span class="k">this</span><span class="p">.</span><span class="nx">addClass</span><span class="p">(</span><span class="s1">'yui-layout-scroll'</span><span class="p">);</span>
|
|
<span class="k">this</span><span class="p">.</span><span class="nx">removeClass</span><span class="p">(</span><span class="s1">'yui-layout-noscroll'</span><span class="p">);</span>
|
|
<span class="k">if</span> <span class="p">(</span><span class="k">this</span><span class="p">.</span><span class="nx">_lastScrollTop</span> <span class="o">></span> <span class="mi">0</span><span class="p">)</span> <span class="p">{</span>
|
|
<span class="k">if</span> <span class="p">(</span><span class="k">this</span><span class="p">.</span><span class="nx">body</span><span class="p">)</span> <span class="p">{</span>
|
|
<span class="k">this</span><span class="p">.</span><span class="nx">body</span><span class="p">.</span><span class="nx">scrollTop</span> <span class="o">=</span> <span class="k">this</span><span class="p">.</span><span class="nx">_lastScrollTop</span><span class="p">;</span>
|
|
<span class="p">}</span>
|
|
<span class="p">}</span>
|
|
<span class="p">}</span> <span class="k">else</span> <span class="k">if</span> <span class="p">(</span><span class="nx">scroll</span> <span class="o">===</span> <span class="kc">false</span><span class="p">)</span> <span class="p">{</span>
|
|
<span class="k">this</span><span class="p">.</span><span class="nx">removeClass</span><span class="p">(</span><span class="s1">'yui-layout-scroll'</span><span class="p">);</span>
|
|
<span class="k">this</span><span class="p">.</span><span class="nx">addClass</span><span class="p">(</span><span class="s1">'yui-layout-noscroll'</span><span class="p">);</span>
|
|
<span class="p">}</span> <span class="k">else</span> <span class="k">if</span> <span class="p">(</span><span class="nx">scroll</span> <span class="o">===</span> <span class="kc">null</span><span class="p">)</span> <span class="p">{</span>
|
|
<span class="k">this</span><span class="p">.</span><span class="nx">removeClass</span><span class="p">(</span><span class="s1">'yui-layout-scroll'</span><span class="p">);</span>
|
|
<span class="k">this</span><span class="p">.</span><span class="nx">removeClass</span><span class="p">(</span><span class="s1">'yui-layout-noscroll'</span><span class="p">);</span>
|
|
<span class="p">}</span>
|
|
<span class="p">}</span>
|
|
<span class="p">});</span>
|
|
<span class="cm">/**</span>
|
|
<span class="cm"> * @attribute hover</span>
|
|
<span class="cm"> * @description Config option to pass to the Resize Utility</span>
|
|
<span class="cm"> */</span>
|
|
<span class="k">this</span><span class="p">.</span><span class="nx">setAttributeConfig</span><span class="p">(</span><span class="s1">'hover'</span><span class="p">,</span> <span class="p">{</span>
|
|
<span class="nx">writeOnce</span><span class="o">:</span> <span class="kc">true</span><span class="p">,</span>
|
|
<span class="nx">value</span><span class="o">:</span> <span class="nx">attr</span><span class="p">.</span><span class="nx">hover</span> <span class="o">||</span> <span class="kc">false</span><span class="p">,</span>
|
|
<span class="nx">validator</span><span class="o">:</span> <span class="nx">YAHOO</span><span class="p">.</span><span class="nx">lang</span><span class="p">.</span><span class="nx">isBoolean</span>
|
|
<span class="p">});</span>
|
|
<span class="cm">/**</span>
|
|
<span class="cm"> * @attribute useShim</span>
|
|
<span class="cm"> * @description Config option to pass to the Resize Utility</span>
|
|
<span class="cm"> */</span>
|
|
<span class="k">this</span><span class="p">.</span><span class="nx">setAttributeConfig</span><span class="p">(</span><span class="s1">'useShim'</span><span class="p">,</span> <span class="p">{</span>
|
|
<span class="nx">value</span><span class="o">:</span> <span class="nx">attr</span><span class="p">.</span><span class="nx">useShim</span> <span class="o">||</span> <span class="kc">false</span><span class="p">,</span>
|
|
<span class="nx">validator</span><span class="o">:</span> <span class="nx">YAHOO</span><span class="p">.</span><span class="nx">lang</span><span class="p">.</span><span class="nx">isBoolean</span><span class="p">,</span>
|
|
<span class="nx">method</span><span class="o">:</span> <span class="kd">function</span><span class="p">(</span><span class="nx">u</span><span class="p">)</span> <span class="p">{</span>
|
|
<span class="k">if</span> <span class="p">(</span><span class="k">this</span><span class="p">.</span><span class="nx">_resize</span><span class="p">)</span> <span class="p">{</span>
|
|
<span class="k">this</span><span class="p">.</span><span class="nx">_resize</span><span class="p">.</span><span class="nx">set</span><span class="p">(</span><span class="s1">'useShim'</span><span class="p">,</span> <span class="nx">u</span><span class="p">);</span>
|
|
<span class="p">}</span>
|
|
<span class="p">}</span>
|
|
<span class="p">});</span>
|
|
<span class="cm">/**</span>
|
|
<span class="cm"> * @attribute resize</span>
|
|
<span class="cm"> * @description Should a Resize instance be added to this unit</span>
|
|
<span class="cm"> */</span>
|
|
|
|
<span class="k">this</span><span class="p">.</span><span class="nx">setAttributeConfig</span><span class="p">(</span><span class="s1">'resize'</span><span class="p">,</span> <span class="p">{</span>
|
|
<span class="nx">value</span><span class="o">:</span> <span class="nx">attr</span><span class="p">.</span><span class="nx">resize</span> <span class="o">||</span> <span class="kc">false</span><span class="p">,</span>
|
|
<span class="nx">validator</span><span class="o">:</span> <span class="kd">function</span><span class="p">(</span><span class="nx">r</span><span class="p">)</span> <span class="p">{</span>
|
|
<span class="k">if</span> <span class="p">(</span><span class="nx">YAHOO</span><span class="p">.</span><span class="nx">util</span> <span class="o">&&</span> <span class="nx">YAHOO</span><span class="p">.</span><span class="nx">util</span><span class="p">.</span><span class="nx">Resize</span><span class="p">)</span> <span class="p">{</span>
|
|
<span class="k">return</span> <span class="kc">true</span><span class="p">;</span>
|
|
<span class="p">}</span>
|
|
<span class="k">return</span> <span class="kc">false</span><span class="p">;</span>
|
|
<span class="p">},</span>
|
|
<span class="nx">method</span><span class="o">:</span> <span class="kd">function</span><span class="p">(</span><span class="nx">resize</span><span class="p">)</span> <span class="p">{</span>
|
|
<span class="k">if</span> <span class="p">(</span><span class="nx">resize</span> <span class="o">&&</span> <span class="o">!</span><span class="k">this</span><span class="p">.</span><span class="nx">_resize</span><span class="p">)</span> <span class="p">{</span>
|
|
<span class="c1">//Position Center doesn't get this</span>
|
|
<span class="k">if</span> <span class="p">(</span><span class="k">this</span><span class="p">.</span><span class="nx">get</span><span class="p">(</span><span class="s1">'position'</span><span class="p">)</span> <span class="o">==</span> <span class="s1">'center'</span><span class="p">)</span> <span class="p">{</span>
|
|
<span class="nx">YAHOO</span><span class="p">.</span><span class="nx">log</span><span class="p">(</span><span class="s1">'Position center unit cannot have resize'</span><span class="p">,</span> <span class="s1">'error'</span><span class="p">,</span> <span class="s1">'LayoutUnit'</span><span class="p">);</span>
|
|
<span class="k">return</span> <span class="kc">false</span><span class="p">;</span>
|
|
<span class="p">}</span>
|
|
<span class="kd">var</span> <span class="nx">handle</span> <span class="o">=</span> <span class="kc">false</span><span class="p">;</span> <span class="c1">//To catch center</span>
|
|
<span class="k">switch</span> <span class="p">(</span><span class="k">this</span><span class="p">.</span><span class="nx">get</span><span class="p">(</span><span class="s1">'position'</span><span class="p">))</span> <span class="p">{</span>
|
|
<span class="k">case</span> <span class="s1">'top'</span><span class="o">:</span>
|
|
<span class="nx">handle</span> <span class="o">=</span> <span class="s1">'b'</span><span class="p">;</span>
|
|
<span class="k">break</span><span class="p">;</span>
|
|
<span class="k">case</span> <span class="s1">'bottom'</span><span class="o">:</span>
|
|
<span class="nx">handle</span> <span class="o">=</span> <span class="s1">'t'</span><span class="p">;</span>
|
|
<span class="k">break</span><span class="p">;</span>
|
|
<span class="k">case</span> <span class="s1">'right'</span><span class="o">:</span>
|
|
<span class="nx">handle</span> <span class="o">=</span> <span class="s1">'l'</span><span class="p">;</span>
|
|
<span class="k">break</span><span class="p">;</span>
|
|
<span class="k">case</span> <span class="s1">'left'</span><span class="o">:</span>
|
|
<span class="nx">handle</span> <span class="o">=</span> <span class="s1">'r'</span><span class="p">;</span>
|
|
<span class="k">break</span><span class="p">;</span>
|
|
<span class="p">}</span>
|
|
|
|
<span class="k">this</span><span class="p">.</span><span class="nx">setStyle</span><span class="p">(</span><span class="s1">'position'</span><span class="p">,</span> <span class="s1">'absolute'</span><span class="p">);</span> <span class="c1">//Make sure Resize get's a position</span>
|
|
|
|
<span class="k">if</span> <span class="p">(</span><span class="nx">handle</span><span class="p">)</span> <span class="p">{</span>
|
|
<span class="k">this</span><span class="p">.</span><span class="nx">_resize</span> <span class="o">=</span> <span class="k">new</span> <span class="nx">YAHOO</span><span class="p">.</span><span class="nx">util</span><span class="p">.</span><span class="nx">Resize</span><span class="p">(</span><span class="k">this</span><span class="p">.</span><span class="nx">get</span><span class="p">(</span><span class="s1">'element'</span><span class="p">),</span> <span class="p">{</span>
|
|
<span class="nx">proxy</span><span class="o">:</span> <span class="k">this</span><span class="p">.</span><span class="nx">get</span><span class="p">(</span><span class="s1">'proxy'</span><span class="p">),</span>
|
|
<span class="nx">hover</span><span class="o">:</span> <span class="k">this</span><span class="p">.</span><span class="nx">get</span><span class="p">(</span><span class="s1">'hover'</span><span class="p">),</span>
|
|
<span class="nx">status</span><span class="o">:</span> <span class="kc">false</span><span class="p">,</span>
|
|
<span class="nx">autoRatio</span><span class="o">:</span> <span class="kc">false</span><span class="p">,</span>
|
|
<span class="nx">handles</span><span class="o">:</span> <span class="p">[</span><span class="nx">handle</span><span class="p">],</span>
|
|
<span class="nx">minWidth</span><span class="o">:</span> <span class="k">this</span><span class="p">.</span><span class="nx">get</span><span class="p">(</span><span class="s1">'minWidth'</span><span class="p">),</span>
|
|
<span class="nx">maxWidth</span><span class="o">:</span> <span class="k">this</span><span class="p">.</span><span class="nx">get</span><span class="p">(</span><span class="s1">'maxWidth'</span><span class="p">),</span>
|
|
<span class="nx">minHeight</span><span class="o">:</span> <span class="k">this</span><span class="p">.</span><span class="nx">get</span><span class="p">(</span><span class="s1">'minHeight'</span><span class="p">),</span>
|
|
<span class="nx">maxHeight</span><span class="o">:</span> <span class="k">this</span><span class="p">.</span><span class="nx">get</span><span class="p">(</span><span class="s1">'maxHeight'</span><span class="p">),</span>
|
|
<span class="nx">height</span><span class="o">:</span> <span class="k">this</span><span class="p">.</span><span class="nx">get</span><span class="p">(</span><span class="s1">'height'</span><span class="p">),</span>
|
|
<span class="nx">width</span><span class="o">:</span> <span class="k">this</span><span class="p">.</span><span class="nx">get</span><span class="p">(</span><span class="s1">'width'</span><span class="p">),</span>
|
|
<span class="nx">setSize</span><span class="o">:</span> <span class="kc">false</span><span class="p">,</span>
|
|
<span class="nx">useShim</span><span class="o">:</span> <span class="k">this</span><span class="p">.</span><span class="nx">get</span><span class="p">(</span><span class="s1">'useShim'</span><span class="p">),</span>
|
|
<span class="nx">wrap</span><span class="o">:</span> <span class="kc">false</span>
|
|
<span class="p">});</span>
|
|
|
|
<span class="k">this</span><span class="p">.</span><span class="nx">_resize</span><span class="p">.</span><span class="nx">_handles</span><span class="p">[</span><span class="nx">handle</span><span class="p">].</span><span class="nx">innerHTML</span> <span class="o">=</span> <span class="s1">'<div class="yui-layout-resize-knob"></div>'</span><span class="p">;</span>
|
|
|
|
<span class="k">if</span> <span class="p">(</span><span class="k">this</span><span class="p">.</span><span class="nx">get</span><span class="p">(</span><span class="s1">'proxy'</span><span class="p">))</span> <span class="p">{</span>
|
|
<span class="kd">var</span> <span class="nx">proxy</span> <span class="o">=</span> <span class="k">this</span><span class="p">.</span><span class="nx">_resize</span><span class="p">.</span><span class="nx">getProxyEl</span><span class="p">();</span>
|
|
<span class="nx">proxy</span><span class="p">.</span><span class="nx">innerHTML</span> <span class="o">=</span> <span class="s1">'<div class="yui-layout-handle-'</span> <span class="o">+</span> <span class="nx">handle</span> <span class="o">+</span> <span class="s1">'"></div>'</span><span class="p">;</span>
|
|
<span class="p">}</span>
|
|
<span class="k">this</span><span class="p">.</span><span class="nx">_resize</span><span class="p">.</span><span class="nx">on</span><span class="p">(</span><span class="s1">'startResize'</span><span class="p">,</span> <span class="kd">function</span><span class="p">(</span><span class="nx">ev</span><span class="p">)</span> <span class="p">{</span>
|
|
<span class="k">this</span><span class="p">.</span><span class="nx">_lastScroll</span> <span class="o">=</span> <span class="k">this</span><span class="p">.</span><span class="nx">get</span><span class="p">(</span><span class="s1">'scroll'</span><span class="p">);</span>
|
|
<span class="k">this</span><span class="p">.</span><span class="nx">set</span><span class="p">(</span><span class="s1">'scroll'</span><span class="p">,</span> <span class="kc">false</span><span class="p">);</span>
|
|
<span class="k">if</span> <span class="p">(</span><span class="k">this</span><span class="p">.</span><span class="nx">get</span><span class="p">(</span><span class="s1">'parent'</span><span class="p">))</span> <span class="p">{</span>
|
|
<span class="k">this</span><span class="p">.</span><span class="nx">get</span><span class="p">(</span><span class="s1">'parent'</span><span class="p">).</span><span class="nx">fireEvent</span><span class="p">(</span><span class="s1">'startResize'</span><span class="p">);</span>
|
|
<span class="kd">var</span> <span class="nx">c</span> <span class="o">=</span> <span class="k">this</span><span class="p">.</span><span class="nx">get</span><span class="p">(</span><span class="s1">'parent'</span><span class="p">).</span><span class="nx">getUnitByPosition</span><span class="p">(</span><span class="s1">'center'</span><span class="p">);</span>
|
|
<span class="k">this</span><span class="p">.</span><span class="nx">_lastCenterScroll</span> <span class="o">=</span> <span class="nx">c</span><span class="p">.</span><span class="nx">get</span><span class="p">(</span><span class="s1">'scroll'</span><span class="p">);</span>
|
|
<span class="nx">c</span><span class="p">.</span><span class="nx">addClass</span><span class="p">(</span><span class="k">this</span><span class="p">.</span><span class="nx">_resize</span><span class="p">.</span><span class="nx">CSS_RESIZING</span><span class="p">);</span>
|
|
<span class="nx">c</span><span class="p">.</span><span class="nx">set</span><span class="p">(</span><span class="s1">'scroll'</span><span class="p">,</span> <span class="kc">false</span><span class="p">);</span>
|
|
<span class="p">}</span>
|
|
<span class="k">this</span><span class="p">.</span><span class="nx">fireEvent</span><span class="p">(</span><span class="s1">'startResize'</span><span class="p">);</span>
|
|
<span class="p">},</span> <span class="k">this</span><span class="p">,</span> <span class="kc">true</span><span class="p">);</span>
|
|
<span class="k">this</span><span class="p">.</span><span class="nx">_resize</span><span class="p">.</span><span class="nx">on</span><span class="p">(</span><span class="s1">'resize'</span><span class="p">,</span> <span class="kd">function</span><span class="p">(</span><span class="nx">ev</span><span class="p">)</span> <span class="p">{</span>
|
|
<span class="k">this</span><span class="p">.</span><span class="nx">set</span><span class="p">(</span><span class="s1">'height'</span><span class="p">,</span> <span class="nx">ev</span><span class="p">.</span><span class="nx">height</span><span class="p">);</span>
|
|
<span class="k">this</span><span class="p">.</span><span class="nx">set</span><span class="p">(</span><span class="s1">'width'</span><span class="p">,</span> <span class="nx">ev</span><span class="p">.</span><span class="nx">width</span><span class="p">);</span>
|
|
<span class="p">},</span> <span class="k">this</span><span class="p">,</span> <span class="kc">true</span><span class="p">);</span>
|
|
<span class="k">this</span><span class="p">.</span><span class="nx">_resize</span><span class="p">.</span><span class="nx">on</span><span class="p">(</span><span class="s1">'endResize'</span><span class="p">,</span> <span class="kd">function</span><span class="p">(</span><span class="nx">ev</span><span class="p">)</span> <span class="p">{</span>
|
|
<span class="k">this</span><span class="p">.</span><span class="nx">set</span><span class="p">(</span><span class="s1">'scroll'</span><span class="p">,</span> <span class="k">this</span><span class="p">.</span><span class="nx">_lastScroll</span><span class="p">);</span>
|
|
<span class="k">if</span> <span class="p">(</span><span class="k">this</span><span class="p">.</span><span class="nx">get</span><span class="p">(</span><span class="s1">'parent'</span><span class="p">))</span> <span class="p">{</span>
|
|
<span class="kd">var</span> <span class="nx">c</span> <span class="o">=</span> <span class="k">this</span><span class="p">.</span><span class="nx">get</span><span class="p">(</span><span class="s1">'parent'</span><span class="p">).</span><span class="nx">getUnitByPosition</span><span class="p">(</span><span class="s1">'center'</span><span class="p">);</span>
|
|
<span class="nx">c</span><span class="p">.</span><span class="nx">set</span><span class="p">(</span><span class="s1">'scroll'</span><span class="p">,</span> <span class="k">this</span><span class="p">.</span><span class="nx">_lastCenterScroll</span><span class="p">);</span>
|
|
<span class="nx">c</span><span class="p">.</span><span class="nx">removeClass</span><span class="p">(</span><span class="k">this</span><span class="p">.</span><span class="nx">_resize</span><span class="p">.</span><span class="nx">CSS_RESIZING</span><span class="p">);</span>
|
|
<span class="p">}</span>
|
|
<span class="k">this</span><span class="p">.</span><span class="nx">resize</span><span class="p">();</span>
|
|
<span class="k">this</span><span class="p">.</span><span class="nx">fireEvent</span><span class="p">(</span><span class="s1">'endResize'</span><span class="p">);</span>
|
|
<span class="p">},</span> <span class="k">this</span><span class="p">,</span> <span class="kc">true</span><span class="p">);</span>
|
|
<span class="p">}</span>
|
|
<span class="p">}</span> <span class="k">else</span> <span class="p">{</span>
|
|
<span class="k">if</span> <span class="p">(</span><span class="k">this</span><span class="p">.</span><span class="nx">_resize</span><span class="p">)</span> <span class="p">{</span>
|
|
<span class="k">this</span><span class="p">.</span><span class="nx">_resize</span><span class="p">.</span><span class="nx">destroy</span><span class="p">();</span>
|
|
<span class="p">}</span>
|
|
<span class="p">}</span>
|
|
<span class="p">}</span>
|
|
<span class="p">});</span>
|
|
<span class="cm">/**</span>
|
|
<span class="cm"> * The unit data source, used for loading content dynamically.</span>
|
|
<span class="cm"> * @attribute dataSrc</span>
|
|
<span class="cm"> * @type String</span>
|
|
<span class="cm"> */</span>
|
|
<span class="k">this</span><span class="p">.</span><span class="nx">setAttributeConfig</span><span class="p">(</span><span class="s1">'dataSrc'</span><span class="p">,</span> <span class="p">{</span>
|
|
<span class="nx">value</span><span class="o">:</span> <span class="nx">attr</span><span class="p">.</span><span class="nx">dataSrc</span>
|
|
<span class="p">});</span>
|
|
<span class="cm">/**</span>
|
|
<span class="cm"> * The method to use for the data request.</span>
|
|
<span class="cm"> * @attribute loadMethod</span>
|
|
<span class="cm"> * @type String</span>
|
|
<span class="cm"> * @default "GET"</span>
|
|
<span class="cm"> */</span>
|
|
<span class="k">this</span><span class="p">.</span><span class="nx">setAttributeConfig</span><span class="p">(</span><span class="s1">'loadMethod'</span><span class="p">,</span> <span class="p">{</span>
|
|
<span class="nx">value</span><span class="o">:</span> <span class="nx">attr</span><span class="p">.</span><span class="nx">loadMethod</span> <span class="o">||</span> <span class="s1">'GET'</span><span class="p">,</span>
|
|
<span class="nx">validator</span><span class="o">:</span> <span class="nx">YAHOO</span><span class="p">.</span><span class="nx">lang</span><span class="p">.</span><span class="nx">isString</span>
|
|
<span class="p">});</span>
|
|
<span class="cm">/**</span>
|
|
<span class="cm"> * Whether or not any data has been loaded from the server.</span>
|
|
<span class="cm"> * @attribute dataLoaded</span>
|
|
<span class="cm"> * @type Boolean</span>
|
|
<span class="cm"> */</span>
|
|
<span class="k">this</span><span class="p">.</span><span class="nx">setAttributeConfig</span><span class="p">(</span><span class="s1">'dataLoaded'</span><span class="p">,</span> <span class="p">{</span>
|
|
<span class="nx">value</span><span class="o">:</span> <span class="kc">false</span><span class="p">,</span>
|
|
<span class="nx">validator</span><span class="o">:</span> <span class="nx">YAHOO</span><span class="p">.</span><span class="nx">lang</span><span class="p">.</span><span class="nx">isBoolean</span><span class="p">,</span>
|
|
<span class="nx">writeOnce</span><span class="o">:</span> <span class="kc">true</span>
|
|
<span class="p">});</span>
|
|
<span class="cm">/**</span>
|
|
<span class="cm"> * Number if milliseconds before aborting and calling failure handler.</span>
|
|
<span class="cm"> * @attribute dataTimeout</span>
|
|
<span class="cm"> * @type Number</span>
|
|
<span class="cm"> * @default null</span>
|
|
<span class="cm"> */</span>
|
|
<span class="k">this</span><span class="p">.</span><span class="nx">setAttributeConfig</span><span class="p">(</span><span class="s1">'dataTimeout'</span><span class="p">,</span> <span class="p">{</span>
|
|
<span class="nx">value</span><span class="o">:</span> <span class="nx">attr</span><span class="p">.</span><span class="nx">dataTimeout</span> <span class="o">||</span> <span class="kc">null</span><span class="p">,</span>
|
|
<span class="nx">validator</span><span class="o">:</span> <span class="nx">YAHOO</span><span class="p">.</span><span class="nx">lang</span><span class="p">.</span><span class="nx">isNumber</span>
|
|
<span class="p">});</span>
|
|
<span class="p">},</span>
|
|
<span class="cm">/**</span>
|
|
<span class="cm"> * @private</span>
|
|
<span class="cm"> * @method _cleanGrids</span>
|
|
<span class="cm"> * @description This method attempts to clean up the first level of the YUI CSS Grids, YAHOO.util.Selector is required for this operation.</span>
|
|
<span class="cm"> */</span>
|
|
<span class="nx">_cleanGrids</span><span class="o">:</span> <span class="kd">function</span><span class="p">()</span> <span class="p">{</span>
|
|
<span class="k">if</span> <span class="p">(</span><span class="k">this</span><span class="p">.</span><span class="nx">get</span><span class="p">(</span><span class="s1">'grids'</span><span class="p">))</span> <span class="p">{</span>
|
|
<span class="kd">var</span> <span class="nx">b</span> <span class="o">=</span> <span class="nx">Sel</span><span class="p">.</span><span class="nx">query</span><span class="p">(</span><span class="s1">'div.yui-b'</span><span class="p">,</span> <span class="k">this</span><span class="p">.</span><span class="nx">body</span><span class="p">,</span> <span class="kc">true</span><span class="p">);</span>
|
|
<span class="k">if</span> <span class="p">(</span><span class="nx">b</span><span class="p">)</span> <span class="p">{</span>
|
|
<span class="nx">Dom</span><span class="p">.</span><span class="nx">removeClass</span><span class="p">(</span><span class="nx">b</span><span class="p">,</span> <span class="s1">'yui-b'</span><span class="p">);</span>
|
|
<span class="p">}</span>
|
|
<span class="nx">Event</span><span class="p">.</span><span class="nx">onAvailable</span><span class="p">(</span><span class="s1">'yui-main'</span><span class="p">,</span> <span class="kd">function</span><span class="p">()</span> <span class="p">{</span>
|
|
<span class="nx">Dom</span><span class="p">.</span><span class="nx">setStyle</span><span class="p">(</span><span class="nx">Sel</span><span class="p">.</span><span class="nx">query</span><span class="p">(</span><span class="s1">'#yui-main'</span><span class="p">),</span> <span class="s1">'margin-left'</span><span class="p">,</span> <span class="s1">'0'</span><span class="p">);</span>
|
|
<span class="nx">Dom</span><span class="p">.</span><span class="nx">setStyle</span><span class="p">(</span><span class="nx">Sel</span><span class="p">.</span><span class="nx">query</span><span class="p">(</span><span class="s1">'#yui-main'</span><span class="p">),</span> <span class="s1">'margin-right'</span><span class="p">,</span> <span class="s1">'0'</span><span class="p">);</span>
|
|
<span class="p">});</span>
|
|
<span class="p">}</span>
|
|
<span class="p">},</span>
|
|
<span class="cm">/**</span>
|
|
<span class="cm"> * @private</span>
|
|
<span class="cm"> * @method _createHeader</span>
|
|
<span class="cm"> * @description Creates the HTMLElement for the header</span>
|
|
<span class="cm"> * @return {HTMLElement} The new HTMLElement</span>
|
|
<span class="cm"> */</span>
|
|
<span class="nx">_createHeader</span><span class="o">:</span> <span class="kd">function</span><span class="p">()</span> <span class="p">{</span>
|
|
<span class="kd">var</span> <span class="nx">header</span> <span class="o">=</span> <span class="nb">document</span><span class="p">.</span><span class="nx">createElement</span><span class="p">(</span><span class="s1">'div'</span><span class="p">);</span>
|
|
<span class="nx">header</span><span class="p">.</span><span class="nx">className</span> <span class="o">=</span> <span class="s1">'yui-layout-hd'</span><span class="p">;</span>
|
|
<span class="k">if</span> <span class="p">(</span><span class="k">this</span><span class="p">.</span><span class="nx">get</span><span class="p">(</span><span class="s1">'firstChild'</span><span class="p">))</span> <span class="p">{</span>
|
|
<span class="k">this</span><span class="p">.</span><span class="nx">get</span><span class="p">(</span><span class="s1">'wrap'</span><span class="p">).</span><span class="nx">insertBefore</span><span class="p">(</span><span class="nx">header</span><span class="p">,</span> <span class="k">this</span><span class="p">.</span><span class="nx">get</span><span class="p">(</span><span class="s1">'wrap'</span><span class="p">).</span><span class="nx">firstChild</span><span class="p">);</span>
|
|
<span class="p">}</span> <span class="k">else</span> <span class="p">{</span>
|
|
<span class="k">this</span><span class="p">.</span><span class="nx">get</span><span class="p">(</span><span class="s1">'wrap'</span><span class="p">).</span><span class="nx">appendChild</span><span class="p">(</span><span class="nx">header</span><span class="p">);</span>
|
|
<span class="p">}</span>
|
|
<span class="k">this</span><span class="p">.</span><span class="nx">header</span> <span class="o">=</span> <span class="nx">header</span><span class="p">;</span>
|
|
<span class="k">return</span> <span class="nx">header</span><span class="p">;</span>
|
|
<span class="p">},</span>
|
|
<span class="cm">/**</span>
|
|
<span class="cm"> * @method destroy</span>
|
|
<span class="cm"> * @param {Boolean} force Don't report to the parent, because we are being called from the parent.</span>
|
|
<span class="cm"> * @description Removes this unit from the parent and cleans up after itself.</span>
|
|
<span class="cm"> * @return {<a href="YAHOO.widget.Layout.html">YAHOO.widget.Layout</a>} The parent Layout instance</span>
|
|
<span class="cm"> */</span>
|
|
<span class="nx">destroy</span><span class="o">:</span> <span class="kd">function</span><span class="p">(</span><span class="nx">force</span><span class="p">)</span> <span class="p">{</span>
|
|
<span class="k">if</span> <span class="p">(</span><span class="k">this</span><span class="p">.</span><span class="nx">_resize</span><span class="p">)</span> <span class="p">{</span>
|
|
<span class="k">this</span><span class="p">.</span><span class="nx">_resize</span><span class="p">.</span><span class="nx">destroy</span><span class="p">();</span>
|
|
<span class="p">}</span>
|
|
<span class="kd">var</span> <span class="nx">par</span> <span class="o">=</span> <span class="k">this</span><span class="p">.</span><span class="nx">get</span><span class="p">(</span><span class="s1">'parent'</span><span class="p">);</span>
|
|
|
|
<span class="k">this</span><span class="p">.</span><span class="nx">setStyle</span><span class="p">(</span><span class="s1">'display'</span><span class="p">,</span> <span class="s1">'none'</span><span class="p">);</span>
|
|
<span class="k">if</span> <span class="p">(</span><span class="k">this</span><span class="p">.</span><span class="nx">_clip</span><span class="p">)</span> <span class="p">{</span>
|
|
<span class="k">this</span><span class="p">.</span><span class="nx">_clip</span><span class="p">.</span><span class="nx">parentNode</span><span class="p">.</span><span class="nx">removeChild</span><span class="p">(</span><span class="k">this</span><span class="p">.</span><span class="nx">_clip</span><span class="p">);</span>
|
|
<span class="k">this</span><span class="p">.</span><span class="nx">_clip</span> <span class="o">=</span> <span class="kc">null</span><span class="p">;</span>
|
|
<span class="p">}</span>
|
|
|
|
<span class="k">if</span> <span class="p">(</span><span class="o">!</span><span class="nx">force</span><span class="p">)</span> <span class="p">{</span>
|
|
<span class="nx">par</span><span class="p">.</span><span class="nx">removeUnit</span><span class="p">(</span><span class="k">this</span><span class="p">);</span>
|
|
<span class="p">}</span>
|
|
|
|
<span class="k">if</span> <span class="p">(</span><span class="nx">par</span><span class="p">)</span> <span class="p">{</span>
|
|
<span class="nx">par</span><span class="p">.</span><span class="nx">removeListener</span><span class="p">(</span><span class="s1">'resize'</span><span class="p">,</span> <span class="k">this</span><span class="p">.</span><span class="nx">resize</span><span class="p">,</span> <span class="k">this</span><span class="p">,</span> <span class="kc">true</span><span class="p">);</span>
|
|
<span class="p">}</span>
|
|
<span class="k">this</span><span class="p">.</span><span class="nx">unsubscribeAll</span><span class="p">();</span>
|
|
<span class="nx">Event</span><span class="p">.</span><span class="nx">purgeElement</span><span class="p">(</span><span class="k">this</span><span class="p">.</span><span class="nx">get</span><span class="p">(</span><span class="s1">'element'</span><span class="p">));</span>
|
|
<span class="k">this</span><span class="p">.</span><span class="nx">get</span><span class="p">(</span><span class="s1">'parentNode'</span><span class="p">).</span><span class="nx">removeChild</span><span class="p">(</span><span class="k">this</span><span class="p">.</span><span class="nx">get</span><span class="p">(</span><span class="s1">'element'</span><span class="p">));</span>
|
|
|
|
<span class="k">delete</span> <span class="nx">YAHOO</span><span class="p">.</span><span class="nx">widget</span><span class="p">.</span><span class="nx">LayoutUnit</span><span class="p">.</span><span class="nx">_instances</span><span class="p">[</span><span class="k">this</span><span class="p">.</span><span class="nx">get</span><span class="p">(</span><span class="s1">'id'</span><span class="p">)];</span>
|
|
<span class="c1">//Brutal Object Destroy</span>
|
|
<span class="k">for</span> <span class="p">(</span><span class="kd">var</span> <span class="nx">i</span> <span class="k">in</span> <span class="k">this</span><span class="p">)</span> <span class="p">{</span>
|
|
<span class="k">if</span> <span class="p">(</span><span class="nx">Lang</span><span class="p">.</span><span class="nx">hasOwnProperty</span><span class="p">(</span><span class="k">this</span><span class="p">,</span> <span class="nx">i</span><span class="p">))</span> <span class="p">{</span>
|
|
<span class="k">this</span><span class="p">[</span><span class="nx">i</span><span class="p">]</span> <span class="o">=</span> <span class="kc">null</span><span class="p">;</span>
|
|
<span class="k">delete</span> <span class="k">this</span><span class="p">[</span><span class="nx">i</span><span class="p">];</span>
|
|
<span class="p">}</span>
|
|
<span class="p">}</span>
|
|
|
|
<span class="k">return</span> <span class="nx">par</span><span class="p">;</span>
|
|
<span class="p">},</span>
|
|
<span class="cm">/**</span>
|
|
<span class="cm"> * @method toString</span>
|
|
<span class="cm"> * @description Returns a string representing the LayoutUnit.</span>
|
|
<span class="cm"> * @return {String}</span>
|
|
<span class="cm"> */</span>
|
|
<span class="nx">toString</span><span class="o">:</span> <span class="kd">function</span><span class="p">()</span> <span class="p">{</span>
|
|
<span class="k">if</span> <span class="p">(</span><span class="k">this</span><span class="p">.</span><span class="nx">get</span><span class="p">)</span> <span class="p">{</span>
|
|
<span class="k">return</span> <span class="s1">'LayoutUnit #'</span> <span class="o">+</span> <span class="k">this</span><span class="p">.</span><span class="nx">get</span><span class="p">(</span><span class="s1">'id'</span><span class="p">)</span> <span class="o">+</span> <span class="s1">' ('</span> <span class="o">+</span> <span class="k">this</span><span class="p">.</span><span class="nx">get</span><span class="p">(</span><span class="s1">'position'</span><span class="p">)</span> <span class="o">+</span> <span class="s1">')'</span><span class="p">;</span>
|
|
<span class="p">}</span>
|
|
<span class="k">return</span> <span class="s1">'LayoutUnit'</span><span class="p">;</span>
|
|
<span class="p">}</span>
|
|
<span class="cm">/**</span>
|
|
<span class="cm"> * @event resize</span>
|
|
<span class="cm"> * @description Fired when this.resize is called</span>
|
|
<span class="cm"> * @type YAHOO.util.CustomEvent</span>
|
|
<span class="cm"> */</span>
|
|
<span class="cm">/**</span>
|
|
<span class="cm"> * @event startResize</span>
|
|
<span class="cm"> * @description Fired when the Resize Utility fires it's startResize Event.</span>
|
|
<span class="cm"> * @type YAHOO.util.CustomEvent</span>
|
|
<span class="cm"> */</span>
|
|
<span class="cm">/**</span>
|
|
<span class="cm"> * @event endResize</span>
|
|
<span class="cm"> * @description Fired when the Resize Utility fires it's endResize Event.</span>
|
|
<span class="cm"> * @type YAHOO.util.CustomEvent</span>
|
|
<span class="cm"> */</span>
|
|
<span class="cm">/**</span>
|
|
<span class="cm"> * @event beforeResize</span>
|
|
<span class="cm"> * @description Fired at the beginning of the resize method. If you return false, the resize is cancelled.</span>
|
|
<span class="cm"> * @type YAHOO.util.CustomEvent</span>
|
|
<span class="cm"> */</span>
|
|
<span class="cm">/**</span>
|
|
<span class="cm"> * @event contentChange</span>
|
|
<span class="cm"> * @description Fired when the content in the header, body or footer is changed via the API</span>
|
|
<span class="cm"> * @type YAHOO.util.CustomEvent</span>
|
|
<span class="cm"> */</span>
|
|
<span class="cm">/**</span>
|
|
<span class="cm"> * @event close</span>
|
|
<span class="cm"> * @description Fired when the unit is closed</span>
|
|
<span class="cm"> * @type YAHOO.util.CustomEvent</span>
|
|
<span class="cm"> */</span>
|
|
<span class="cm">/**</span>
|
|
<span class="cm"> * @event beforeCollapse</span>
|
|
<span class="cm"> * @description Fired before the unit is collapsed. If you return false, the collapse is cancelled.</span>
|
|
<span class="cm"> * @type YAHOO.util.CustomEvent</span>
|
|
<span class="cm"> */</span>
|
|
<span class="cm">/**</span>
|
|
<span class="cm"> * @event collapse</span>
|
|
<span class="cm"> * @description Fired when the unit is collapsed</span>
|
|
<span class="cm"> * @type YAHOO.util.CustomEvent</span>
|
|
<span class="cm"> */</span>
|
|
<span class="cm">/**</span>
|
|
<span class="cm"> * @event expand</span>
|
|
<span class="cm"> * @description Fired when the unit is exanded</span>
|
|
<span class="cm"> * @type YAHOO.util.CustomEvent</span>
|
|
<span class="cm"> */</span>
|
|
<span class="cm">/**</span>
|
|
<span class="cm"> * @event beforeExpand</span>
|
|
<span class="cm"> * @description Fired before the unit is exanded. If you return false, the collapse is cancelled.</span>
|
|
<span class="cm"> * @type YAHOO.util.CustomEvent</span>
|
|
<span class="cm"> */</span>
|
|
<span class="cm">/**</span>
|
|
<span class="cm"> * @event load</span>
|
|
<span class="cm"> * @description Fired when data is loaded via the dataSrc config.</span>
|
|
<span class="cm"> * @type YAHOO.util.CustomEvent</span>
|
|
<span class="cm"> */</span>
|
|
<span class="cm">/**</span>
|
|
<span class="cm"> * @event loadError</span>
|
|
<span class="cm"> * @description Fired when an error occurs loading data via the dataSrc config. Error message is passed as argument to this event.</span>
|
|
<span class="cm"> * @type YAHOO.util.CustomEvent</span>
|
|
<span class="cm"> */</span>
|
|
<span class="p">});</span>
|
|
|
|
<span class="nx">YAHOO</span><span class="p">.</span><span class="nx">widget</span><span class="p">.</span><span class="nx">LayoutUnit</span> <span class="o">=</span> <span class="nx">LayoutUnit</span><span class="p">;</span>
|
|
<span class="p">})();</span>
|
|
</pre></div>
|
|
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="yui-b">
|
|
<div class="nav">
|
|
|
|
<div id="moduleList" class="module">
|
|
<h4>Modules</h4>
|
|
<ul class="content">
|
|
<li class=""><a href="module_animation.html" title="animation">animation</a></li>
|
|
<li class=""><a href="module_autocomplete.html" title="autocomplete">autocomplete</a></li>
|
|
<li class=""><a href="module_button.html" title="button">button</a></li>
|
|
<li class=""><a href="module_calendar.html" title="calendar">calendar</a></li>
|
|
<li class=""><a href="module_carousel.html" title="carousel">carousel</a></li>
|
|
<li class=""><a href="module_charts.html" title="charts">charts</a></li>
|
|
<li class=""><a href="module_colorpicker.html" title="colorpicker">colorpicker</a></li>
|
|
<li class=""><a href="module_connection.html" title="connection">connection</a></li>
|
|
<li class=""><a href="module_container.html" title="container">container</a></li>
|
|
<li class=""><a href="module_cookie.html" title="cookie">cookie</a></li>
|
|
<li class=""><a href="module_datasource.html" title="datasource">datasource</a></li>
|
|
<li class=""><a href="module_datatable.html" title="datatable">datatable</a></li>
|
|
<li class=""><a href="module_datemath.html" title="datemath">datemath</a></li>
|
|
<li class=""><a href="module_dom.html" title="dom">dom</a></li>
|
|
<li class=""><a href="module_dragdrop.html" title="dragdrop">dragdrop</a></li>
|
|
<li class=""><a href="module_editor.html" title="editor">editor</a></li>
|
|
<li class=""><a href="module_element.html" title="element">element</a></li>
|
|
<li class=""><a href="module_element-delegate.html" title="element-delegate">element-delegate</a></li>
|
|
<li class=""><a href="module_event.html" title="event">event</a></li>
|
|
<li class=""><a href="module_event-delegate.html" title="event-delegate">event-delegate</a></li>
|
|
<li class=""><a href="module_event-mouseenter.html" title="event-mouseenter">event-mouseenter</a></li>
|
|
<li class=""><a href="module_event-simulate.html" title="event-simulate">event-simulate</a></li>
|
|
<li class=""><a href="module_get.html" title="get">get</a></li>
|
|
<li class=""><a href="module_history.html" title="history">history</a></li>
|
|
<li class=""><a href="module_imagecropper.html" title="imagecropper">imagecropper</a></li>
|
|
<li class=""><a href="module_imageloader.html" title="imageloader">imageloader</a></li>
|
|
<li class=""><a href="module_json.html" title="json">json</a></li>
|
|
<li class="selected"><a href="module_layout.html" title="layout">layout</a></li>
|
|
<li class=""><a href="module_logger.html" title="logger">logger</a></li>
|
|
<li class=""><a href="module_menu.html" title="menu">menu</a></li>
|
|
<li class=""><a href="module_paginator.html" title="paginator">paginator</a></li>
|
|
<li class=""><a href="module_profiler.html" title="profiler">profiler</a></li>
|
|
<li class=""><a href="module_profilerviewer.html" title="profilerviewer">profilerviewer</a></li>
|
|
<li class=""><a href="module_progressbar.html" title="progressbar">progressbar</a></li>
|
|
<li class=""><a href="module_resize.html" title="resize">resize</a></li>
|
|
<li class=""><a href="module_selector.html" title="selector">selector</a></li>
|
|
<li class=""><a href="module_slider.html" title="slider">slider</a></li>
|
|
<li class=""><a href="module_storage.html" title="Storage">Storage</a></li>
|
|
<li class=""><a href="module_stylesheet.html" title="stylesheet">stylesheet</a></li>
|
|
<li class=""><a href="module_swf.html" title="swf">swf</a></li>
|
|
<li class=""><a href="module_swfdetect.html" title="swfdetect">swfdetect</a></li>
|
|
<li class=""><a href="module_swfstore.html" title="swfstore">swfstore</a></li>
|
|
<li class=""><a href="module_tabview.html" title="tabview">tabview</a></li>
|
|
<li class=""><a href="module_treeview.html" title="treeview">treeview</a></li>
|
|
<li class=""><a href="module_uploader.html" title="uploader">uploader</a></li>
|
|
<li class=""><a href="module_yahoo.html" title="yahoo">yahoo</a></li>
|
|
<li class=""><a href="module_yuiloader.html" title="yuiloader">yuiloader</a></li>
|
|
<li class=""><a href="module_yuitest.html" title="yuitest">yuitest</a></li>
|
|
</ul>
|
|
</div>
|
|
|
|
<div id="classList" class="module">
|
|
<h4>Classes</h4>
|
|
<ul class="content">
|
|
<li class=""><a href="YAHOO.widget.Layout.html" title="YAHOO.widget.Layout">YAHOO.widget.Layout</a></li>
|
|
<li class=""><a href="YAHOO.widget.LayoutUnit.html" title="YAHOO.widget.LayoutUnit">YAHOO.widget.LayoutUnit</a></li>
|
|
</ul>
|
|
</div>
|
|
|
|
<div id="fileList" class="module">
|
|
<h4>Files</h4>
|
|
<ul class="content">
|
|
<li class=""><a href="layout.js.html" title="layout.js">layout.js</a></li>
|
|
<li class="selected"><a href="layoutunit.js.html" title="layoutunit.js">layoutunit.js</a></li>
|
|
</ul>
|
|
</div>
|
|
|
|
|
|
|
|
|
|
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div id="ft">
|
|
<hr />
|
|
Copyright © 2010 Yahoo! Inc. All rights reserved.
|
|
</div>
|
|
</div>
|
|
<script type="text/javascript">
|
|
|
|
var ALL_YUI_PROPS = [{"access": "", "host": "YAHOO.widget.Layout", "name": "addUnit", "url": "YAHOO.widget.Layout.html#method_addUnit", "type": "method"}, {"access": "private", "host": "YAHOO.widget.LayoutUnit", "name": "_anim", "url": "YAHOO.widget.LayoutUnit.html#property__anim", "type": "property"}, {"access": "", "host": "YAHOO.widget.LayoutUnit", "name": "animate", "url": "YAHOO.widget.LayoutUnit.html#config_animate", "type": "config"}, {"access": "", "host": "YAHOO.widget.LayoutUnit", "name": "animateChange", "url": "YAHOO.widget.LayoutUnit.html#event_animateChange", "type": "event"}, {"access": "", "host": "YAHOO.widget.LayoutUnit", "name": "beforeAnimateChange", "url": "YAHOO.widget.LayoutUnit.html#event_beforeAnimateChange", "type": "event"}, {"access": "", "host": "YAHOO.widget.LayoutUnit", "name": "beforeBodyChange", "url": "YAHOO.widget.LayoutUnit.html#event_beforeBodyChange", "type": "event"}, {"access": "", "host": "YAHOO.widget.LayoutUnit", "name": "beforeCloseChange", "url": "YAHOO.widget.LayoutUnit.html#event_beforeCloseChange", "type": "event"}, {"access": "", "host": "YAHOO.widget.LayoutUnit", "name": "beforeCollapse", "url": "YAHOO.widget.LayoutUnit.html#event_beforeCollapse", "type": "event"}, {"access": "", "host": "YAHOO.widget.LayoutUnit", "name": "beforeCollapseChange", "url": "YAHOO.widget.LayoutUnit.html#event_beforeCollapseChange", "type": "event"}, {"access": "", "host": "YAHOO.widget.LayoutUnit", "name": "beforeCollapseSizeChange", "url": "YAHOO.widget.LayoutUnit.html#event_beforeCollapseSizeChange", "type": "event"}, {"access": "", "host": "YAHOO.widget.LayoutUnit", "name": "beforeDataLoadedChange", "url": "YAHOO.widget.LayoutUnit.html#event_beforeDataLoadedChange", "type": "event"}, {"access": "", "host": "YAHOO.widget.LayoutUnit", "name": "beforeDataSrcChange", "url": "YAHOO.widget.LayoutUnit.html#event_beforeDataSrcChange", "type": "event"}, {"access": "", "host": "YAHOO.widget.LayoutUnit", "name": "beforeDataTimeoutChange", "url": "YAHOO.widget.LayoutUnit.html#event_beforeDataTimeoutChange", "type": "event"}, {"access": "", "host": "YAHOO.widget.LayoutUnit", "name": "beforeDurationChange", "url": "YAHOO.widget.LayoutUnit.html#event_beforeDurationChange", "type": "event"}, {"access": "", "host": "YAHOO.widget.LayoutUnit", "name": "beforeEasingChange", "url": "YAHOO.widget.LayoutUnit.html#event_beforeEasingChange", "type": "event"}, {"access": "", "host": "YAHOO.widget.LayoutUnit", "name": "beforeExpand", "url": "YAHOO.widget.LayoutUnit.html#event_beforeExpand", "type": "event"}, {"access": "", "host": "YAHOO.widget.LayoutUnit", "name": "beforeFooterChange", "url": "YAHOO.widget.LayoutUnit.html#event_beforeFooterChange", "type": "event"}, {"access": "", "host": "YAHOO.widget.LayoutUnit", "name": "beforeGridsChange", "url": "YAHOO.widget.LayoutUnit.html#event_beforeGridsChange", "type": "event"}, {"access": "", "host": "YAHOO.widget.LayoutUnit", "name": "beforeGutterChange", "url": "YAHOO.widget.LayoutUnit.html#event_beforeGutterChange", "type": "event"}, {"access": "", "host": "YAHOO.widget.LayoutUnit", "name": "beforeHeaderChange", "url": "YAHOO.widget.LayoutUnit.html#event_beforeHeaderChange", "type": "event"}, {"access": "", "host": "YAHOO.widget.Layout", "name": "beforeHeightChange", "url": "YAHOO.widget.Layout.html#event_beforeHeightChange", "type": "event"}, {"access": "", "host": "YAHOO.widget.LayoutUnit", "name": "beforeHeightChange", "url": "YAHOO.widget.LayoutUnit.html#event_beforeHeightChange", "type": "event"}, {"access": "", "host": "YAHOO.widget.LayoutUnit", "name": "beforeHoverChange", "url": "YAHOO.widget.LayoutUnit.html#event_beforeHoverChange", "type": "event"}, {"access": "", "host": "YAHOO.widget.LayoutUnit", "name": "beforeLeftChange", "url": "YAHOO.widget.LayoutUnit.html#event_beforeLeftChange", "type": "event"}, {"access": "", "host": "YAHOO.widget.LayoutUnit", "name": "beforeLoadMethodChange", "url": "YAHOO.widget.LayoutUnit.html#event_beforeLoadMethodChange", "type": "event"}, {"access": "", "host": "YAHOO.widget.LayoutUnit", "name": "beforeMaxHeightChange", "url": "YAHOO.widget.LayoutUnit.html#event_beforeMaxHeightChange", "type": "event"}, {"access": "", "host": "YAHOO.widget.LayoutUnit", "name": "beforeMaxWidthChange", "url": "YAHOO.widget.LayoutUnit.html#event_beforeMaxWidthChange", "type": "event"}, {"access": "", "host": "YAHOO.widget.Layout", "name": "beforeMinHeightChange", "url": "YAHOO.widget.Layout.html#event_beforeMinHeightChange", "type": "event"}, {"access": "", "host": "YAHOO.widget.LayoutUnit", "name": "beforeMinHeightChange", "url": "YAHOO.widget.LayoutUnit.html#event_beforeMinHeightChange", "type": "event"}, {"access": "", "host": "YAHOO.widget.Layout", "name": "beforeMinWidthChange", "url": "YAHOO.widget.Layout.html#event_beforeMinWidthChange", "type": "event"}, {"access": "", "host": "YAHOO.widget.LayoutUnit", "name": "beforeMinWidthChange", "url": "YAHOO.widget.LayoutUnit.html#event_beforeMinWidthChange", "type": "event"}, {"access": "", "host": "YAHOO.widget.Layout", "name": "beforeParentChange", "url": "YAHOO.widget.Layout.html#event_beforeParentChange", "type": "event"}, {"access": "", "host": "YAHOO.widget.LayoutUnit", "name": "beforeParentChange", "url": "YAHOO.widget.LayoutUnit.html#event_beforeParentChange", "type": "event"}, {"access": "", "host": "YAHOO.widget.LayoutUnit", "name": "beforePositionChange", "url": "YAHOO.widget.LayoutUnit.html#event_beforePositionChange", "type": "event"}, {"access": "", "host": "YAHOO.widget.LayoutUnit", "name": "beforeProxyChange", "url": "YAHOO.widget.LayoutUnit.html#event_beforeProxyChange", "type": "event"}, {"access": "", "host": "YAHOO.widget.Layout", "name": "beforeResize", "url": "YAHOO.widget.Layout.html#event_beforeResize", "type": "event"}, {"access": "", "host": "YAHOO.widget.LayoutUnit", "name": "beforeResize", "url": "YAHOO.widget.LayoutUnit.html#event_beforeResize", "type": "event"}, {"access": "", "host": "YAHOO.widget.LayoutUnit", "name": "beforeResizeChange", "url": "YAHOO.widget.LayoutUnit.html#event_beforeResizeChange", "type": "event"}, {"access": "", "host": "YAHOO.widget.LayoutUnit", "name": "beforeScrollChange", "url": "YAHOO.widget.LayoutUnit.html#event_beforeScrollChange", "type": "event"}, {"access": "", "host": "YAHOO.widget.LayoutUnit", "name": "beforeTopChange", "url": "YAHOO.widget.LayoutUnit.html#event_beforeTopChange", "type": "event"}, {"access": "", "host": "YAHOO.widget.Layout", "name": "beforeUnitsChange", "url": "YAHOO.widget.Layout.html#event_beforeUnitsChange", "type": "event"}, {"access": "", "host": "YAHOO.widget.LayoutUnit", "name": "beforeUseShimChange", "url": "YAHOO.widget.LayoutUnit.html#event_beforeUseShimChange", "type": "event"}, {"access": "", "host": "YAHOO.widget.Layout", "name": "beforeWidthChange", "url": "YAHOO.widget.Layout.html#event_beforeWidthChange", "type": "event"}, {"access": "", "host": "YAHOO.widget.LayoutUnit", "name": "beforeWidthChange", "url": "YAHOO.widget.LayoutUnit.html#event_beforeWidthChange", "type": "event"}, {"access": "", "host": "YAHOO.widget.LayoutUnit", "name": "beforeWrapChange", "url": "YAHOO.widget.LayoutUnit.html#event_beforeWrapChange", "type": "event"}, {"access": "", "host": "YAHOO.widget.LayoutUnit", "name": "beforeZIndexChange", "url": "YAHOO.widget.LayoutUnit.html#event_beforeZIndexChange", "type": "event"}, {"access": "", "host": "YAHOO.widget.LayoutUnit", "name": "body", "url": "YAHOO.widget.LayoutUnit.html#property_body", "type": "property"}, {"access": "", "host": "YAHOO.widget.LayoutUnit", "name": "body", "url": "YAHOO.widget.LayoutUnit.html#config_body", "type": "config"}, {"access": "", "host": "YAHOO.widget.LayoutUnit", "name": "bodyChange", "url": "YAHOO.widget.LayoutUnit.html#event_bodyChange", "type": "event"}, {"access": "", "host": "YAHOO.widget.Layout", "name": "browser", "url": "YAHOO.widget.Layout.html#property_browser", "type": "property"}, {"access": "", "host": "YAHOO.widget.LayoutUnit", "name": "browser", "url": "YAHOO.widget.LayoutUnit.html#property_browser", "type": "property"}, {"access": "private", "host": "YAHOO.widget.LayoutUnit", "name": "_cleanGrids", "url": "YAHOO.widget.LayoutUnit.html#method__cleanGrids", "type": "method"}, {"access": "private", "host": "YAHOO.widget.LayoutUnit", "name": "_clip", "url": "YAHOO.widget.LayoutUnit.html#property__clip", "type": "property"}, {"access": "", "host": "YAHOO.widget.LayoutUnit", "name": "close", "url": "YAHOO.widget.LayoutUnit.html#method_close", "type": "method"}, {"access": "", "host": "YAHOO.widget.LayoutUnit", "name": "close", "url": "YAHOO.widget.LayoutUnit.html#event_close", "type": "event"}, {"access": "", "host": "YAHOO.widget.LayoutUnit", "name": "close", "url": "YAHOO.widget.LayoutUnit.html#config_close", "type": "config"}, {"access": "", "host": "YAHOO.widget.LayoutUnit", "name": "closeChange", "url": "YAHOO.widget.LayoutUnit.html#event_closeChange", "type": "event"}, {"access": "", "host": "YAHOO.widget.LayoutUnit", "name": "collapse", "url": "YAHOO.widget.LayoutUnit.html#method_collapse", "type": "method"}, {"access": "", "host": "YAHOO.widget.LayoutUnit", "name": "collapse", "url": "YAHOO.widget.LayoutUnit.html#event_collapse", "type": "event"}, {"access": "", "host": "YAHOO.widget.LayoutUnit", "name": "collapse", "url": "YAHOO.widget.LayoutUnit.html#config_collapse", "type": "config"}, {"access": "", "host": "YAHOO.widget.LayoutUnit", "name": "collapseChange", "url": "YAHOO.widget.LayoutUnit.html#event_collapseChange", "type": "event"}, {"access": "private", "host": "YAHOO.widget.LayoutUnit", "name": "_collapsed", "url": "YAHOO.widget.LayoutUnit.html#property__collapsed", "type": "property"}, {"access": "", "host": "YAHOO.widget.LayoutUnit", "name": "collapseSize", "url": "YAHOO.widget.LayoutUnit.html#config_collapseSize", "type": "config"}, {"access": "", "host": "YAHOO.widget.LayoutUnit", "name": "collapseSizeChange", "url": "YAHOO.widget.LayoutUnit.html#event_collapseSizeChange", "type": "event"}, {"access": "private", "host": "YAHOO.widget.LayoutUnit", "name": "_collapsing", "url": "YAHOO.widget.LayoutUnit.html#property__collapsing", "type": "property"}, {"access": "", "host": "YAHOO.widget.LayoutUnit", "name": "contentChange", "url": "YAHOO.widget.LayoutUnit.html#event_contentChange", "type": "event"}, {"access": "private", "host": "YAHOO.widget.LayoutUnit", "name": "_createClip", "url": "YAHOO.widget.LayoutUnit.html#method__createClip", "type": "method"}, {"access": "private", "host": "YAHOO.widget.LayoutUnit", "name": "_createHeader", "url": "YAHOO.widget.LayoutUnit.html#method__createHeader", "type": "method"}, {"access": "private", "host": "YAHOO.widget.Layout", "name": "_createUnits", "url": "YAHOO.widget.Layout.html#method__createUnits", "type": "method"}, {"access": "", "host": "YAHOO.widget.LayoutUnit", "name": "dataConnection", "url": "YAHOO.widget.LayoutUnit.html#property_dataConnection", "type": "property"}, {"access": "", "host": "YAHOO.widget.LayoutUnit", "name": "dataLoaded", "url": "YAHOO.widget.LayoutUnit.html#config_dataLoaded", "type": "config"}, {"access": "", "host": "YAHOO.widget.LayoutUnit", "name": "dataLoadedChange", "url": "YAHOO.widget.LayoutUnit.html#event_dataLoadedChange", "type": "event"}, {"access": "", "host": "YAHOO.widget.LayoutUnit", "name": "dataSrc", "url": "YAHOO.widget.LayoutUnit.html#config_dataSrc", "type": "config"}, {"access": "", "host": "YAHOO.widget.LayoutUnit", "name": "dataSrcChange", "url": "YAHOO.widget.LayoutUnit.html#event_dataSrcChange", "type": "event"}, {"access": "", "host": "YAHOO.widget.LayoutUnit", "name": "dataTimeout", "url": "YAHOO.widget.LayoutUnit.html#config_dataTimeout", "type": "config"}, {"access": "", "host": "YAHOO.widget.LayoutUnit", "name": "dataTimeoutChange", "url": "YAHOO.widget.LayoutUnit.html#event_dataTimeoutChange", "type": "event"}, {"access": "", "host": "YAHOO.widget.Layout", "name": "destroy", "url": "YAHOO.widget.Layout.html#method_destroy", "type": "method"}, {"access": "", "host": "YAHOO.widget.LayoutUnit", "name": "destroy", "url": "YAHOO.widget.LayoutUnit.html#method_destroy", "type": "method"}, {"access": "private", "host": "YAHOO.widget.Layout", "name": "_doc", "url": "YAHOO.widget.Layout.html#property__doc", "type": "property"}, {"access": "", "host": "YAHOO.widget.LayoutUnit", "name": "duration", "url": "YAHOO.widget.LayoutUnit.html#config_duration", "type": "config"}, {"access": "", "host": "YAHOO.widget.LayoutUnit", "name": "durationChange", "url": "YAHOO.widget.LayoutUnit.html#event_durationChange", "type": "event"}, {"access": "", "host": "YAHOO.widget.LayoutUnit", "name": "easing", "url": "YAHOO.widget.LayoutUnit.html#config_easing", "type": "config"}, {"access": "", "host": "YAHOO.widget.LayoutUnit", "name": "easingChange", "url": "YAHOO.widget.LayoutUnit.html#event_easingChange", "type": "event"}, {"access": "", "host": "YAHOO.widget.LayoutUnit", "name": "endResize", "url": "YAHOO.widget.LayoutUnit.html#event_endResize", "type": "event"}, {"access": "", "host": "YAHOO.widget.LayoutUnit", "name": "expand", "url": "YAHOO.widget.LayoutUnit.html#method_expand", "type": "method"}, {"access": "", "host": "YAHOO.widget.LayoutUnit", "name": "expand", "url": "YAHOO.widget.LayoutUnit.html#event_expand", "type": "event"}, {"access": "private", "host": "YAHOO.widget.LayoutUnit", "name": "_fixQuirks", "url": "YAHOO.widget.LayoutUnit.html#method__fixQuirks", "type": "method"}, {"access": "", "host": "YAHOO.widget.LayoutUnit", "name": "footer", "url": "YAHOO.widget.LayoutUnit.html#property_footer", "type": "property"}, {"access": "", "host": "YAHOO.widget.LayoutUnit", "name": "footer", "url": "YAHOO.widget.LayoutUnit.html#config_footer", "type": "config"}, {"access": "", "host": "YAHOO.widget.LayoutUnit", "name": "footerChange", "url": "YAHOO.widget.LayoutUnit.html#event_footerChange", "type": "event"}, {"access": "private", "host": "YAHOO.widget.LayoutUnit", "name": "_getBorderSizes", "url": "YAHOO.widget.LayoutUnit.html#method__getBorderSizes", "type": "method"}, {"access": "private", "host": "YAHOO.widget.LayoutUnit", "name": "_getBoxSize", "url": "YAHOO.widget.LayoutUnit.html#method__getBoxSize", "type": "method"}, {"access": "", "host": "YAHOO.widget.Layout", "name": "getLayoutById", "url": "YAHOO.widget.Layout.html#method_getLayoutById", "type": "method"}, {"access": "", "host": "YAHOO.widget.LayoutUnit", "name": "getLayoutUnitById", "url": "YAHOO.widget.LayoutUnit.html#method_getLayoutUnitById", "type": "method"}, {"access": "", "host": "YAHOO.widget.Layout", "name": "getSizes", "url": "YAHOO.widget.Layout.html#method_getSizes", "type": "method"}, {"access": "", "host": "YAHOO.widget.LayoutUnit", "name": "getSizes", "url": "YAHOO.widget.LayoutUnit.html#method_getSizes", "type": "method"}, {"access": "", "host": "YAHOO.widget.Layout", "name": "getUnitById", "url": "YAHOO.widget.Layout.html#method_getUnitById", "type": "method"}, {"access": "", "host": "YAHOO.widget.Layout", "name": "getUnitByPosition", "url": "YAHOO.widget.Layout.html#method_getUnitByPosition", "type": "method"}, {"access": "", "host": "YAHOO.widget.LayoutUnit", "name": "grids", "url": "YAHOO.widget.LayoutUnit.html#config_grids", "type": "config"}, {"access": "", "host": "YAHOO.widget.LayoutUnit", "name": "gridsChange", "url": "YAHOO.widget.LayoutUnit.html#event_gridsChange", "type": "event"}, {"access": "private", "host": "YAHOO.widget.LayoutUnit", "name": "_gutter", "url": "YAHOO.widget.LayoutUnit.html#property__gutter", "type": "property"}, {"access": "", "host": "YAHOO.widget.LayoutUnit", "name": "gutter", "url": "YAHOO.widget.LayoutUnit.html#config_gutter", "type": "config"}, {"access": "", "host": "YAHOO.widget.LayoutUnit", "name": "gutterChange", "url": "YAHOO.widget.LayoutUnit.html#event_gutterChange", "type": "event"}, {"access": "", "host": "YAHOO.widget.LayoutUnit", "name": "header", "url": "YAHOO.widget.LayoutUnit.html#property_header", "type": "property"}, {"access": "", "host": "YAHOO.widget.LayoutUnit", "name": "header", "url": "YAHOO.widget.LayoutUnit.html#config_header", "type": "config"}, {"access": "", "host": "YAHOO.widget.LayoutUnit", "name": "headerChange", "url": "YAHOO.widget.LayoutUnit.html#event_headerChange", "type": "event"}, {"access": "", "host": "YAHOO.widget.Layout", "name": "height", "url": "YAHOO.widget.Layout.html#config_height", "type": "config"}, {"access": "", "host": "YAHOO.widget.LayoutUnit", "name": "height", "url": "YAHOO.widget.LayoutUnit.html#config_height", "type": "config"}, {"access": "", "host": "YAHOO.widget.Layout", "name": "heightChange", "url": "YAHOO.widget.Layout.html#event_heightChange", "type": "event"}, {"access": "", "host": "YAHOO.widget.LayoutUnit", "name": "heightChange", "url": "YAHOO.widget.LayoutUnit.html#event_heightChange", "type": "event"}, {"access": "", "host": "YAHOO.widget.LayoutUnit", "name": "hover", "url": "YAHOO.widget.LayoutUnit.html#config_hover", "type": "config"}, {"access": "", "host": "YAHOO.widget.LayoutUnit", "name": "hoverChange", "url": "YAHOO.widget.LayoutUnit.html#event_hoverChange", "type": "event"}, {"access": "private", "host": "YAHOO.widget.Layout", "name": "init", "url": "YAHOO.widget.Layout.html#method_init", "type": "method"}, {"access": "private", "host": "YAHOO.widget.LayoutUnit", "name": "init", "url": "YAHOO.widget.LayoutUnit.html#method_init", "type": "method"}, {"access": "private", "host": "YAHOO.widget.Layout", "name": "initAttributes", "url": "YAHOO.widget.Layout.html#method_initAttributes", "type": "method"}, {"access": "private", "host": "YAHOO.widget.LayoutUnit", "name": "initAttributes", "url": "YAHOO.widget.LayoutUnit.html#method_initAttributes", "type": "method"}, {"access": "private", "host": "YAHOO.widget.Layout", "name": "_instances", "url": "YAHOO.widget.Layout.html#property__instances", "type": "property"}, {"access": "private", "host": "YAHOO.widget.LayoutUnit", "name": "_instances", "url": "YAHOO.widget.LayoutUnit.html#property__instances", "type": "property"}, {"access": "private", "host": "YAHOO.widget.Layout", "name": "_isBody", "url": "YAHOO.widget.Layout.html#property__isBody", "type": "property"}, {"access": "private", "host": "YAHOO.widget.LayoutUnit", "name": "_lastCenetrScroll", "url": "YAHOO.widget.LayoutUnit.html#property__lastCenetrScroll", "type": "property"}, {"access": "private", "host": "YAHOO.widget.LayoutUnit", "name": "_lastHeight", "url": "YAHOO.widget.LayoutUnit.html#property__lastHeight", "type": "property"}, {"access": "private", "host": "YAHOO.widget.LayoutUnit", "name": "_lastLeft", "url": "YAHOO.widget.LayoutUnit.html#property__lastLeft", "type": "property"}, {"access": "private", "host": "YAHOO.widget.LayoutUnit", "name": "_lastScroll", "url": "YAHOO.widget.LayoutUnit.html#property__lastScroll", "type": "property"}, {"access": "private", "host": "YAHOO.widget.LayoutUnit", "name": "_lastScrollTop", "url": "YAHOO.widget.LayoutUnit.html#property__lastScrollTop", "type": "property"}, {"access": "private", "host": "YAHOO.widget.LayoutUnit", "name": "_lastTop", "url": "YAHOO.widget.LayoutUnit.html#property__lastTop", "type": "property"}, {"access": "private", "host": "YAHOO.widget.LayoutUnit", "name": "_lastWidth", "url": "YAHOO.widget.LayoutUnit.html#property__lastWidth", "type": "property"}, {"access": "private", "host": "YAHOO.widget.LayoutUnit", "name": "left", "url": "YAHOO.widget.LayoutUnit.html#config_left", "type": "config"}, {"access": "", "host": "YAHOO.widget.LayoutUnit", "name": "leftChange", "url": "YAHOO.widget.LayoutUnit.html#event_leftChange", "type": "event"}, {"access": "", "host": "YAHOO.widget.LayoutUnit", "name": "load", "url": "YAHOO.widget.LayoutUnit.html#event_load", "type": "event"}, {"access": "", "host": "YAHOO.widget.LayoutUnit", "name": "loadContent", "url": "YAHOO.widget.LayoutUnit.html#method_loadContent", "type": "method"}, {"access": "", "host": "YAHOO.widget.LayoutUnit", "name": "loadError", "url": "YAHOO.widget.LayoutUnit.html#event_loadError", "type": "event"}, {"access": "", "host": "YAHOO.widget.LayoutUnit", "name": "loadHandler", "url": "YAHOO.widget.LayoutUnit.html#property_loadHandler", "type": "property"}, {"access": "private", "host": "YAHOO.widget.LayoutUnit", "name": "_loading", "url": "YAHOO.widget.LayoutUnit.html#property__loading", "type": "property"}, {"access": "", "host": "YAHOO.widget.LayoutUnit", "name": "LOADING_CLASSNAME", "url": "YAHOO.widget.LayoutUnit.html#property_LOADING_CLASSNAME", "type": "property"}, {"access": "", "host": "YAHOO.widget.LayoutUnit", "name": "loadMethod", "url": "YAHOO.widget.LayoutUnit.html#config_loadMethod", "type": "config"}, {"access": "", "host": "YAHOO.widget.LayoutUnit", "name": "loadMethodChange", "url": "YAHOO.widget.LayoutUnit.html#event_loadMethodChange", "type": "event"}, {"access": "", "host": "YAHOO.widget.LayoutUnit", "name": "maxHeight", "url": "YAHOO.widget.LayoutUnit.html#config_maxHeight", "type": "config"}, {"access": "", "host": "YAHOO.widget.LayoutUnit", "name": "maxHeightChange", "url": "YAHOO.widget.LayoutUnit.html#event_maxHeightChange", "type": "event"}, {"access": "", "host": "YAHOO.widget.LayoutUnit", "name": "maxWidth", "url": "YAHOO.widget.LayoutUnit.html#config_maxWidth", "type": "config"}, {"access": "", "host": "YAHOO.widget.LayoutUnit", "name": "maxWidthChange", "url": "YAHOO.widget.LayoutUnit.html#event_maxWidthChange", "type": "event"}, {"access": "", "host": "YAHOO.widget.Layout", "name": "minHeight", "url": "YAHOO.widget.Layout.html#config_minHeight", "type": "config"}, {"access": "", "host": "YAHOO.widget.LayoutUnit", "name": "minHeight", "url": "YAHOO.widget.LayoutUnit.html#config_minHeight", "type": "config"}, {"access": "", "host": "YAHOO.widget.Layout", "name": "minHeightChange", "url": "YAHOO.widget.Layout.html#event_minHeightChange", "type": "event"}, {"access": "", "host": "YAHOO.widget.LayoutUnit", "name": "minHeightChange", "url": "YAHOO.widget.LayoutUnit.html#event_minHeightChange", "type": "event"}, {"access": "", "host": "YAHOO.widget.Layout", "name": "minWidth", "url": "YAHOO.widget.Layout.html#config_minWidth", "type": "config"}, {"access": "", "host": "YAHOO.widget.LayoutUnit", "name": "minWidth", "url": "YAHOO.widget.LayoutUnit.html#config_minWidth", "type": "config"}, {"access": "", "host": "YAHOO.widget.Layout", "name": "minWidthChange", "url": "YAHOO.widget.Layout.html#event_minWidthChange", "type": "event"}, {"access": "", "host": "YAHOO.widget.LayoutUnit", "name": "minWidthChange", "url": "YAHOO.widget.LayoutUnit.html#event_minWidthChange", "type": "event"}, {"access": "", "host": "YAHOO.widget.Layout", "name": "parent", "url": "YAHOO.widget.Layout.html#config_parent", "type": "config"}, {"access": "", "host": "YAHOO.widget.LayoutUnit", "name": "parent", "url": "YAHOO.widget.LayoutUnit.html#config_parent", "type": "config"}, {"access": "", "host": "YAHOO.widget.Layout", "name": "parentChange", "url": "YAHOO.widget.Layout.html#event_parentChange", "type": "event"}, {"access": "", "host": "YAHOO.widget.LayoutUnit", "name": "parentChange", "url": "YAHOO.widget.LayoutUnit.html#event_parentChange", "type": "event"}, {"access": "", "host": "YAHOO.widget.LayoutUnit", "name": "position", "url": "YAHOO.widget.LayoutUnit.html#config_position", "type": "config"}, {"access": "", "host": "YAHOO.widget.LayoutUnit", "name": "positionChange", "url": "YAHOO.widget.LayoutUnit.html#event_positionChange", "type": "event"}, {"access": "", "host": "YAHOO.widget.LayoutUnit", "name": "proxy", "url": "YAHOO.widget.LayoutUnit.html#config_proxy", "type": "config"}, {"access": "", "host": "YAHOO.widget.LayoutUnit", "name": "proxyChange", "url": "YAHOO.widget.LayoutUnit.html#event_proxyChange", "type": "event"}, {"access": "", "host": "YAHOO.widget.Layout", "name": "removeUnit", "url": "YAHOO.widget.Layout.html#method_removeUnit", "type": "method"}, {"access": "", "host": "YAHOO.widget.Layout", "name": "render", "url": "YAHOO.widget.Layout.html#method_render", "type": "method"}, {"access": "", "host": "YAHOO.widget.Layout", "name": "render", "url": "YAHOO.widget.Layout.html#event_render", "type": "event"}, {"access": "private", "host": "YAHOO.widget.Layout", "name": "_rendered", "url": "YAHOO.widget.Layout.html#property__rendered", "type": "property"}, {"access": "", "host": "YAHOO.widget.Layout", "name": "resize", "url": "YAHOO.widget.Layout.html#method_resize", "type": "method"}, {"access": "", "host": "YAHOO.widget.Layout", "name": "resize", "url": "YAHOO.widget.Layout.html#event_resize", "type": "event"}, {"access": "private", "host": "YAHOO.widget.LayoutUnit", "name": "_resize", "url": "YAHOO.widget.LayoutUnit.html#property__resize", "type": "property"}, {"access": "", "host": "YAHOO.widget.LayoutUnit", "name": "resize", "url": "YAHOO.widget.LayoutUnit.html#method_resize", "type": "method"}, {"access": "", "host": "YAHOO.widget.LayoutUnit", "name": "resize", "url": "YAHOO.widget.LayoutUnit.html#event_resize", "type": "event"}, {"access": "", "host": "YAHOO.widget.LayoutUnit", "name": "resize", "url": "YAHOO.widget.LayoutUnit.html#config_resize", "type": "config"}, {"access": "", "host": "YAHOO.widget.LayoutUnit", "name": "resizeChange", "url": "YAHOO.widget.LayoutUnit.html#event_resizeChange", "type": "event"}, {"access": "", "host": "YAHOO.widget.LayoutUnit", "name": "scroll", "url": "YAHOO.widget.LayoutUnit.html#config_scroll", "type": "config"}, {"access": "", "host": "YAHOO.widget.LayoutUnit", "name": "scrollChange", "url": "YAHOO.widget.LayoutUnit.html#event_scrollChange", "type": "event"}, {"access": "private", "host": "YAHOO.widget.Layout", "name": "_setBodySize", "url": "YAHOO.widget.Layout.html#method__setBodySize", "type": "method"}, {"access": "private", "host": "YAHOO.widget.Layout", "name": "_setCenter", "url": "YAHOO.widget.Layout.html#method__setCenter", "type": "method"}, {"access": "private", "host": "YAHOO.widget.LayoutUnit", "name": "_setHeight", "url": "YAHOO.widget.LayoutUnit.html#method__setHeight", "type": "method"}, {"access": "private", "host": "YAHOO.widget.Layout", "name": "_setSides", "url": "YAHOO.widget.Layout.html#method__setSides", "type": "method"}, {"access": "private", "host": "YAHOO.widget.Layout", "name": "_setupBodyElements", "url": "YAHOO.widget.Layout.html#method__setupBodyElements", "type": "method"}, {"access": "private", "host": "YAHOO.widget.Layout", "name": "_setupElements", "url": "YAHOO.widget.Layout.html#method__setupElements", "type": "method"}, {"access": "private", "host": "YAHOO.widget.LayoutUnit", "name": "_setWidth", "url": "YAHOO.widget.LayoutUnit.html#method__setWidth", "type": "method"}, {"access": "private", "host": "YAHOO.widget.Layout", "name": "_sizes", "url": "YAHOO.widget.Layout.html#property__sizes", "type": "property"}, {"access": "private", "host": "YAHOO.widget.LayoutUnit", "name": "_sizes", "url": "YAHOO.widget.LayoutUnit.html#property__sizes", "type": "property"}, {"access": "private", "host": "YAHOO.widget.Layout", "name": "_stamp", "url": "YAHOO.widget.Layout.html#method__stamp", "type": "method"}, {"access": "", "host": "YAHOO.widget.Layout", "name": "startResize", "url": "YAHOO.widget.Layout.html#event_startResize", "type": "event"}, {"access": "", "host": "YAHOO.widget.LayoutUnit", "name": "startResize", "url": "YAHOO.widget.LayoutUnit.html#event_startResize", "type": "event"}, {"access": "", "host": "YAHOO.widget.LayoutUnit", "name": "STR_CLOSE", "url": "YAHOO.widget.LayoutUnit.html#property_STR_CLOSE", "type": "property"}, {"access": "", "host": "YAHOO.widget.LayoutUnit", "name": "STR_COLLAPSE", "url": "YAHOO.widget.LayoutUnit.html#property_STR_COLLAPSE", "type": "property"}, {"access": "", "host": "YAHOO.widget.LayoutUnit", "name": "STR_EXPAND", "url": "YAHOO.widget.LayoutUnit.html#property_STR_EXPAND", "type": "property"}, {"access": "", "host": "YAHOO.widget.LayoutUnit", "name": "toggle", "url": "YAHOO.widget.LayoutUnit.html#method_toggle", "type": "method"}, {"access": "private", "host": "YAHOO.widget.LayoutUnit", "name": "_toggleClip", "url": "YAHOO.widget.LayoutUnit.html#method__toggleClip", "type": "method"}, {"access": "private", "host": "YAHOO.widget.LayoutUnit", "name": "top", "url": "YAHOO.widget.LayoutUnit.html#config_top", "type": "config"}, {"access": "", "host": "YAHOO.widget.LayoutUnit", "name": "topChange", "url": "YAHOO.widget.LayoutUnit.html#event_topChange", "type": "event"}, {"access": "", "host": "YAHOO.widget.Layout", "name": "toString", "url": "YAHOO.widget.Layout.html#method_toString", "type": "method"}, {"access": "", "host": "YAHOO.widget.LayoutUnit", "name": "toString", "url": "YAHOO.widget.LayoutUnit.html#method_toString", "type": "method"}, {"access": "private", "host": "YAHOO.widget.Layout", "name": "_units", "url": "YAHOO.widget.Layout.html#property__units", "type": "property"}, {"access": "", "host": "YAHOO.widget.Layout", "name": "units", "url": "YAHOO.widget.Layout.html#config_units", "type": "config"}, {"access": "", "host": "YAHOO.widget.Layout", "name": "unitsChange", "url": "YAHOO.widget.Layout.html#event_unitsChange", "type": "event"}, {"access": "", "host": "YAHOO.widget.LayoutUnit", "name": "useShim", "url": "YAHOO.widget.LayoutUnit.html#config_useShim", "type": "config"}, {"access": "", "host": "YAHOO.widget.LayoutUnit", "name": "useShimChange", "url": "YAHOO.widget.LayoutUnit.html#event_useShimChange", "type": "event"}, {"access": "", "host": "YAHOO.widget.Layout", "name": "width", "url": "YAHOO.widget.Layout.html#config_width", "type": "config"}, {"access": "", "host": "YAHOO.widget.LayoutUnit", "name": "width", "url": "YAHOO.widget.LayoutUnit.html#config_width", "type": "config"}, {"access": "", "host": "YAHOO.widget.Layout", "name": "widthChange", "url": "YAHOO.widget.Layout.html#event_widthChange", "type": "event"}, {"access": "", "host": "YAHOO.widget.LayoutUnit", "name": "widthChange", "url": "YAHOO.widget.LayoutUnit.html#event_widthChange", "type": "event"}, {"access": "private", "host": "YAHOO.widget.LayoutUnit", "name": "wrap", "url": "YAHOO.widget.LayoutUnit.html#config_wrap", "type": "config"}, {"access": "", "host": "YAHOO.widget.LayoutUnit", "name": "wrapChange", "url": "YAHOO.widget.LayoutUnit.html#event_wrapChange", "type": "event"}, {"access": "private", "host": "YAHOO.widget.Layout", "name": "_zIndex", "url": "YAHOO.widget.Layout.html#property__zIndex", "type": "property"}, {"access": "", "host": "YAHOO.widget.LayoutUnit", "name": "zIndex", "url": "YAHOO.widget.LayoutUnit.html#config_zIndex", "type": "config"}, {"access": "", "host": "YAHOO.widget.LayoutUnit", "name": "zIndexChange", "url": "YAHOO.widget.LayoutUnit.html#event_zIndexChange", "type": "event"}];
|
|
</script>
|
|
</body>
|
|
</html>
|