docs/module-childApplicators-ChildrenHandler.html

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <title>JSDoc: Class: ChildrenHandler</title>

    <script src="scripts/prettify/prettify.js"> </script>
    <script src="scripts/prettify/lang-css.js"> </script>
    <!--[if lt IE 9]>
      <script src="//html5shiv.googlecode.com/svn/trunk/html5.js"></script>
    <![endif]-->
    <link type="text/css" rel="stylesheet" href="styles/prettify-tomorrow.css">
    <link type="text/css" rel="stylesheet" href="styles/jsdoc-default.css">
</head>

<body>

<div id="main">

    <h1 class="page-title">Class: ChildrenHandler</h1>

    
<section>

<header>
    
        <h2><span class="attribs"><span class="type-signature">(abstract) </span></span>
            <span class="ancestors"><a href="module-childApplicators.html">childApplicators</a>~</span>ChildrenHandler<span class="signature">(parent)</span><span class="type-signature"></span></h2>
        
            <div class="class-description"><p>The abstract handler for child applicator containers.</p></div>
        
    
</header>

<article>
    <div class="container-overview">
    
        
    <h2>Constructor</h2>
    

    <h4 class="name" id="ChildrenHandler"><span class="type-signature">(abstract) </span>new ChildrenHandler<span class="signature">(parent)</span><span class="type-signature"></span></h4>
    

<div class="description">
    <p>Class constructor.</p>
</div>


    <h5>Parameters:</h5>
    

<table class="params">
    <thead>
    <tr>
        
        <th>Name</th>
        

        <th>Type</th>

        
        <th class="last">Description</th>
    </tr>
    </thead>

    <tbody>
    

        <tr>
            
                <td class="name"><code>parent</code></td>
            

            <td class="type">
            
                
<span class="param-type"><a href="module-formElement-FormElement.html">module:formElement~FormElement</a></span>


            </td>

            
            <td class="description last"><p>The parent form element
containing the child applicator containers to be handled.</p></td>
        </tr>

    
    </tbody>
</table>


<dl class="details">

    
    <dt class="tag-source">Source:</dt>
    <dd class="tag-source"><ul class="dummy"><li>
        <a href="form_json-schema_childApplicators.js.html">form/json-schema/childApplicators.js</a>, <a href="form_json-schema_childApplicators.js.html#line127">line 127</a>
    </li></ul></dd>
    

</dl>


    </div>

    
        <h3 class="subsection-title">Members</h3>

        
<h4 class="name" id="addButtons"><span class="type-signature"></span>addButtons<span class="type-signature"> :Set</span></h4>


<div class="description">
    <p>The set of add buttons associated to the handled child applicator
containers.</p>
</div>


    <h5>Type:</h5>
    <ul>
        <li>
            
<span class="param-type">Set</span>


        </li>
    </ul>


<dl class="details">

    
    <dt class="tag-source">Source:</dt>
    <dd class="tag-source"><ul class="dummy"><li>
        <a href="form_json-schema_childApplicators.js.html">form/json-schema/childApplicators.js</a>, <a href="form_json-schema_childApplicators.js.html#line149">line 149</a>
    </li></ul></dd>
    

</dl>


<h4 class="name" id="applicators"><span class="type-signature"></span>applicators<span class="type-signature"> :object.&lt;string, <a href="module-childApplicators-ChildApplicator.html">module:childApplicators~ChildApplicator</a>></span></h4>


<div class="description">
    <p>The handled child applicator containers.</p>
</div>


    <h5>Type:</h5>
    <ul>
        <li>
            
<span class="param-type">object.&lt;string, <a href="module-childApplicators-ChildApplicator.html">module:childApplicators~ChildApplicator</a>></span>


        </li>
    </ul>


<dl class="details">

    
    <dt class="tag-source">Source:</dt>
    <dd class="tag-source"><ul class="dummy"><li>
        <a href="form_json-schema_childApplicators.js.html">form/json-schema/childApplicators.js</a>, <a href="form_json-schema_childApplicators.js.html#line141">line 141</a>
    </li></ul></dd>
    

</dl>


<h4 class="name" id="domElement"><span class="type-signature"></span>domElement<span class="type-signature"> :HTMLDivElement</span></h4>


<div class="description">
    <p>Reference to the DOM object that contains the HTML structure of the
component.</p>
</div>


    <h5>Type:</h5>
    <ul>
        <li>
            
<span class="param-type">HTMLDivElement</span>


        </li>
    </ul>


<dl class="details">

    
    <dt class="tag-source">Source:</dt>
    <dd class="tag-source"><ul class="dummy"><li>
        <a href="form_json-schema_childApplicators.js.html">form/json-schema/childApplicators.js</a>, <a href="form_json-schema_childApplicators.js.html#line164">line 164</a>
    </li></ul></dd>
    

</dl>


<h4 class="name" id="parent"><span class="type-signature"></span>parent<span class="type-signature"> :<a href="module-formElement-FormElement.html">module:formElement~FormElement</a></span></h4>


<div class="description">
    <p>The parent form element containing the handled child applicator
containers.</p>
</div>


    <h5>Type:</h5>
    <ul>
        <li>
            
<span class="param-type"><a href="module-formElement-FormElement.html">module:formElement~FormElement</a></span>


        </li>
    </ul>


<dl class="details">

    
    <dt class="tag-source">Source:</dt>
    <dd class="tag-source"><ul class="dummy"><li>
        <a href="form_json-schema_childApplicators.js.html">form/json-schema/childApplicators.js</a>, <a href="form_json-schema_childApplicators.js.html#line134">line 134</a>
    </li></ul></dd>
    

</dl>


<h4 class="name" id="removeButtons"><span class="type-signature"></span>removeButtons<span class="type-signature"> :Set</span></h4>


<div class="description">
    <p>The set of remove buttons associated to the child form elements.</p>
</div>


    <h5>Type:</h5>
    <ul>
        <li>
            
<span class="param-type">Set</span>


        </li>
    </ul>


<dl class="details">

    
    <dt class="tag-source">Source:</dt>
    <dd class="tag-source"><ul class="dummy"><li>
        <a href="form_json-schema_childApplicators.js.html">form/json-schema/childApplicators.js</a>, <a href="form_json-schema_childApplicators.js.html#line156">line 156</a>
    </li></ul></dd>
    

</dl>


        <h3 class="subsection-title">Methods</h3>

        
    <h4 class="name" id="disable"><span class="type-signature"></span>disable<span class="signature">()</span><span class="type-signature"></span></h4>
    

<div class="description">
    <p>Disables all the child applicator containers.</p>
</div>


<dl class="details">

    
    <dt class="tag-source">Source:</dt>
    <dd class="tag-source"><ul class="dummy"><li>
        <a href="form_json-schema_childApplicators.js.html">form/json-schema/childApplicators.js</a>, <a href="form_json-schema_childApplicators.js.html#line208">line 208</a>
    </li></ul></dd>
    

</dl>


    <h4 class="name" id="disableAddButtons"><span class="type-signature"></span>disableAddButtons<span class="signature">()</span><span class="type-signature"></span></h4>
    

<div class="description">
    <p>Disables the add buttons from all the child applicator containers.</p>
</div>


<dl class="details">

    
    <dt class="tag-source">Source:</dt>
    <dd class="tag-source"><ul class="dummy"><li>
        <a href="form_json-schema_childApplicators.js.html">form/json-schema/childApplicators.js</a>, <a href="form_json-schema_childApplicators.js.html#line186">line 186</a>
    </li></ul></dd>
    

</dl>


    <h4 class="name" id="disableRemoveButtons"><span class="type-signature"></span>disableRemoveButtons<span class="signature">()</span><span class="type-signature"></span></h4>
    

<div class="description">
    <p>Disables the remove buttons from all the child form elements.</p>
</div>


<dl class="details">

    
    <dt class="tag-source">Source:</dt>
    <dd class="tag-source"><ul class="dummy"><li>
        <a href="form_json-schema_childApplicators.js.html">form/json-schema/childApplicators.js</a>, <a href="form_json-schema_childApplicators.js.html#line196">line 196</a>
    </li></ul></dd>
    

</dl>


    <h4 class="name" id="enable"><span class="type-signature"></span>enable<span class="signature">()</span><span class="type-signature"></span></h4>
    

<div class="description">
    <p>Enables all the child applicator containers.</p>
</div>


<dl class="details">

    
    <dt class="tag-source">Source:</dt>
    <dd class="tag-source"><ul class="dummy"><li>
        <a href="form_json-schema_childApplicators.js.html">form/json-schema/childApplicators.js</a>, <a href="form_json-schema_childApplicators.js.html#line201">line 201</a>
    </li></ul></dd>
    

</dl>


    <h4 class="name" id="enableAddButtons"><span class="type-signature"></span>enableAddButtons<span class="signature">()</span><span class="type-signature"></span></h4>
    

<div class="description">
    <p>Enables the add buttons from all the child applicator containers.</p>
</div>


<dl class="details">

    
    <dt class="tag-source">Source:</dt>
    <dd class="tag-source"><ul class="dummy"><li>
        <a href="form_json-schema_childApplicators.js.html">form/json-schema/childApplicators.js</a>, <a href="form_json-schema_childApplicators.js.html#line181">line 181</a>
    </li></ul></dd>
    

</dl>


    <h4 class="name" id="enableRemoveButtons"><span class="type-signature"></span>enableRemoveButtons<span class="signature">()</span><span class="type-signature"></span></h4>
    

<div class="description">
    <p>Enables the remove buttons from all the child form elements.</p>
</div>


<dl class="details">

    
    <dt class="tag-source">Source:</dt>
    <dd class="tag-source"><ul class="dummy"><li>
        <a href="form_json-schema_childApplicators.js.html">form/json-schema/childApplicators.js</a>, <a href="form_json-schema_childApplicators.js.html#line191">line 191</a>
    </li></ul></dd>
    

</dl>


    <h4 class="name" id="getChildCount"><span class="type-signature"></span>getChildCount<span class="signature">()</span><span class="type-signature"> &rarr; {number}</span></h4>
    

<div class="description">
    <p>Returns the total count of child form elements from all the different
child applicator containers.</p>
</div>


<dl class="details">

    
    <dt class="tag-source">Source:</dt>
    <dd class="tag-source"><ul class="dummy"><li>
        <a href="form_json-schema_childApplicators.js.html">form/json-schema/childApplicators.js</a>, <a href="form_json-schema_childApplicators.js.html#line173">line 173</a>
    </li></ul></dd>
    

</dl>


<h5>Returns:</h5>

        
<div class="param-desc">
    <p>The total count of child form elements.</p>
</div>


<dl>
    <dt>
        Type
    </dt>
    <dd>
        
<span class="param-type">number</span>


    </dd>
</dl>

    
</article>

</section>


</div>

<nav>
    <h2><a href="index.html">Home</a></h2><h3>Modules</h3><ul><li><a href="module-childApplicators.html">childApplicators</a></li><li><a href="module-components.html">components</a></li><li><a href="module-formElement.html">formElement</a></li><li><a href="module-formElementDefinitions.html">formElementDefinitions</a></li><li><a href="module-inPlaceApplicators.html">inPlaceApplicators</a></li><li><a href="module-JsonSchemaForms.html">JsonSchemaForms</a></li><li><a href="module-JsonSchemaKeywords.html">JsonSchemaKeywords</a></li><li><a href="module-JsonSchemaType.html">JsonSchemaType</a></li><li><a href="module-layouts.html">layouts</a></li><li><a href="module-selectors.html">selectors</a></li></ul><h3>Classes</h3><ul><li><a href="module-childApplicators-AdditionalItems.html">AdditionalItems</a></li><li><a href="module-childApplicators-AdditionalProperties.html">AdditionalProperties</a></li><li><a href="module-childApplicators-ArrayHandler.html">ArrayHandler</a></li><li><a href="module-childApplicators-ChildrenHandler.html">ChildrenHandler</a></li><li><a href="module-childApplicators-Items.html">Items</a></li><li><a href="module-childApplicators-ObjectHandler.html">ObjectHandler</a></li><li><a href="module-childApplicators-Properties.html">Properties</a></li><li><a href="module-components-AddButton.html">AddButton</a></li><li><a href="module-components-BooleanInput.html">BooleanInput</a></li><li><a href="module-components-GeneratorIcon.html">GeneratorIcon</a></li><li><a href="module-components-InputTitle.html">InputTitle</a></li><li><a href="module-components-InstanceViewPanel.html">InstanceViewPanel</a></li><li><a href="module-components-LabelTitle.html">LabelTitle</a></li><li><a href="module-components-NumericInput.html">NumericInput</a></li><li><a href="module-components-PillsInstancePanel.html">PillsInstancePanel</a></li><li><a href="module-components-RemoveButton.html">RemoveButton</a></li><li><a href="module-components-RequiredIcon.html">RequiredIcon</a></li><li><a href="module-components-RootIcon.html">RootIcon</a></li><li><a href="module-components-Select.html">Select</a></li><li><a href="module-components-SelectInstancePanel.html">SelectInstancePanel</a></li><li><a href="module-components-TextInput.html">TextInput</a></li><li><a href="module-components-Toggler.html">Toggler</a></li><li><a href="module-formElementDefinitions-State.html">State</a></li><li><a href="module-formElement-FormElement.html">FormElement</a></li><li><a href="module-inPlaceApplicators-Aggregation.html">Aggregation</a></li><li><a href="module-inPlaceApplicators-InPlaceApplicator.html">InPlaceApplicator</a></li><li><a href="module-inPlaceApplicators-IPASchema.html">IPASchema</a></li><li><a href="module-layouts-Layout.html">Layout</a></li><li><a href="module-selectors-Selector.html">Selector</a></li><li><a href="module-selectors-SelectorsContainer.html">SelectorsContainer</a></li><li><a href="module-selectors-SelectorsToolbar.html">SelectorsToolbar</a></li></ul><h3>Interfaces</h3><ul><li><a href="module-childApplicators-ChildApplicator.html">ChildApplicator</a></li><li><a href="module-components-Component.html">Component</a></li><li><a href="module-components-InputComponent.html">InputComponent</a></li></ul><h3>Global</h3><ul><li><a href="global.html#defaultFormOptions">defaultFormOptions</a></li><li><a href="global.html#formElementByDiv">formElementByDiv</a></li><li><a href="global.html#lcm">lcm</a></li><li><a href="global.html#pointerToId">pointerToId</a></li></ul>
</nav>

<br class="clear">

<footer>
    Documentation generated by <a href="https://github.com/jsdoc/jsdoc">JSDoc 3.6.4</a>
</footer>

<script> prettyPrint(); </script>
<script src="scripts/linenumber.js"> </script>
</body>
</html>