d3plus-form

Javascript rendered input forms.

Installing

If you use NPM, run npm install d3plus-form --save. Otherwise, download the latest release. The released bundle supports AMD, CommonJS, and vanilla environments. You can also load directly from d3plus.org:

<script src="https://d3plus.org/js/d3plus-form.v0.3.full.min.js"></script>

API Reference

• Button
• Radio
• Select

Button <>

This is a global class, and extends all of the methods and functionality of BaseClass.

• Button ⇐ BaseClass
  • new Button()
  • .render() ↩︎
  • .buttonStyle([value]) ↩︎
  • .container([selector]) ↩︎
  • .text([value]) ↩︎
  • .value([value]) ↩︎

# new Button()

Creates a set of HTML radio input elements.

# Button.render() <>

Renders the element to the page.

This is a static method of Button, and is chainable with other methods of this Class.

# Button.buttonStyle([value]) <>

Sets the css styles for the elements.

This is a static method of Button, and is chainable with other methods of this Class.

# Button.container([selector]) <>

If selector is specified, sets the SVG container element to the specified d3 selector or DOM element and returns the current class instance. If selector is not specified, returns the current SVG container element, which is undefined by default.

This is a static method of Button, and is chainable with other methods of this Class.

# Button.text([value]) <>

Sets the inner text for each element.

This is a static method of Button, and is chainable with other methods of this Class.

# Button.value([value]) <>

Sets the value for each element.

This is a static method of Button, and is chainable with other methods of this Class.

Radio <>

This is a global class, and extends all of the methods and functionality of BaseClass.

• Radio ⇐ BaseClass
  • new Radio()
  • .data([value]) ↩︎
  • .render() ↩︎
  • .checked([value]) ↩︎
  • .container([selector]) ↩︎
  • .labelStyle([value]) ↩︎
  • .legend([value]) ↩︎
  • .legendStyle([value]) ↩︎
  • .options([value]) ↩︎
  • .radioStyle([value]) ↩︎
  • .text([value]) ↩︎
  • .value([value]) ↩︎

# new Radio()

Creates a set of HTML radio input elements.

# Radio.data([value]) <>

Defines the array of values to be created as tags. If no value is passed, the current array is returned.

This is a static method of Radio, and is chainable with other methods of this Class.

# Radio.render() <>

Renders the element to the page.

This is a static method of Radio, and is chainable with other methods of this Class.

# Radio.checked([value]) <>

Defines the checked input.

This is a static method of Radio, and is chainable with other methods of this Class.

# Radio.container([selector]) <>

If selector is specified, sets the SVG container element to the specified d3 selector or DOM element and returns the current class instance. If selector is not specified, returns the current SVG container element, which is undefined by default.

This is a static method of Radio, and is chainable with other methods of this Class.

# Radio.labelStyle([value]) <>

Sets the css styles for the element.

This is a static method of Radio, and is chainable with other methods of this Class.

# Radio.legend([value]) <>

Creates a tag for the element.

This is a static method of Radio, and is chainable with other methods of this Class.

# Radio.legendStyle([value]) <>

Sets the css styles for the element.

This is a static method of Radio, and is chainable with other methods of this Class.

# Radio.options([value]) <>

Defines the array of values to be used as tags inside of the element. If no value is passed, the current array is returned.

This is a static method of Radio, and is chainable with other methods of this Class.

# Radio.radioStyle([value]) <>

Sets the css styles for the elements.

This is a static method of Radio, and is chainable with other methods of this Class.

# Radio.text([value]) <>

Sets the inner text for each element.

This is a static method of Radio, and is chainable with other methods of this Class.

# Radio.value([value]) <>

Sets the value for each element.

This is a static method of Radio, and is chainable with other methods of this Class.

Select <>

This is a global class, and extends all of the methods and functionality of BaseClass.

• Select ⇐ BaseClass
  • new Select()
  • .render() ↩︎
  • .container([selector]) ↩︎
  • .label([value]) ↩︎
  • .labelStyle([value]) ↩︎
  • .options([value]) ↩︎
  • .optionStyle([value]) ↩︎
  • .selected([value]) ↩︎
  • .selectStyle([value]) ↩︎
  • .text([value]) ↩︎
  • .value([value]) ↩︎

# new Select()

Creates an HTML select element.

# Select.render() <>

Renders the element to the page.

This is a static method of Select, and is chainable with other methods of this Class.

# Select.container([selector]) <>

If selector is specified, sets the SVG container element to the specified d3 selector or DOM element and returns the current class instance. If selector is not specified, returns the current SVG container element, which is undefined by default.

This is a static method of Select, and is chainable with other methods of this Class.

# Select.label([value]) <>

Creates a tag for the element.

This is a static method of Select, and is chainable with other methods of this Class.

# Select.labelStyle([value]) <>

Sets the css styles for the element.

This is a static method of Select, and is chainable with other methods of this Class.

# Select.options([value]) <>

Defines the array of values to be used as tags inside of the element. If no value is passed, the current array is returned.

This is a static method of Select, and is chainable with other methods of this Class.

# Select.optionStyle([value]) <>

Sets the css styles for the elements.

This is a static method of Select, and is chainable with other methods of this Class.

# Select.selected([value]) <>

Defines the selected option.

This is a static method of Select, and is chainable with other methods of this Class.

# Select.selectStyle([value]) <>

Sets the css styles for the element.

This is a static method of Select, and is chainable with other methods of this Class.

# Select.text([value]) <>

Sets the inner text for each element.

This is a static method of Select, and is chainable with other methods of this Class.

# Select.value([value]) <>

Sets the value for each element.

This is a static method of Select, and is chainable with other methods of this Class.

Documentation generated on Tue, 14 Jul 2020 20:48:46 GMT