ember-bootstrap

API Docs 0.11.3.33c7ec07

Components.DropdownButton Class

public
Uses
Extends Components.Button
Defined in: addon/components/bs-dropdown-button.js:4

Button component with that can act as a dropdown toggler.

See Components.Dropdown for examples.

Show:

Methods

click

protected

Inherited from Components.Button: addon/components/bs-button.js:253

Click handler. This will send the default "action" action, with the following parameters:

  • value of the button (that is the value of the "value" property)
  • original event object of the click event
  • callback: call that with a promise object, and the buttons state will automatically set to "pending", "resolved" and/or "rejected"

When using closure actions just return the promise instead of calling the above mentioned callback.

Parameters:

  • evt Object

resetState

protected

Inherited from Components.Button: addon/components/bs-button.js:231

This will reset the state property to 'default', and with that the button's label to defaultText

Properties

action string

protected

Inherited from Mixins.DropdownToggle: addon/mixins/dropdown-toggle.js:24

The default action is set to "toggleDropdown" on the parent {{#crossLink "Components.Dropdown"}}{{/crossLink}}

Default: toggleDropdown

active boolean

public

Inherited from Components.Button: addon/components/bs-button.js:125

Set the 'active' class to apply active/pressed CSS styling

Default: false

ariaRole string

protected

Inherited from Mixins.DropdownToggle: addon/mixins/dropdown-toggle.js:14

Default: button

block boolean

public

Inherited from Components.Button: addon/components/bs-button.js:135

Property for block level buttons

See the Bootstrap docs

Default: false

buttonType String

public

Inherited from Components.Button: addon/components/bs-button.js:115

Set the type of the button, either 'button' or 'submit'

Default: 'button'

classTypePrefix String

protected

Inherited from Mixins.TypeClass but overwritten in addon/components/bs-button.js:86

Default: 'btn'

defaultText string

public

Inherited from Components.Button: addon/components/bs-button.js:96

Default label of the button. Not need if used as a block component

disabled boolean

public

Inherited from Components.Button: addon/components/bs-button.js:105

Property to disable the button

Default: false

icon String

protected

Inherited from Components.Button: addon/components/bs-button.js:174

Class(es) (e.g. glyphicons or font awesome) to use as a button icon This will render a element in front of the button's label

iconActive String

public

Inherited from Components.Button: addon/components/bs-button.js:156

If button is active and this is set, the icon property will match this property

iconInactive String

public

Inherited from Components.Button: addon/components/bs-button.js:165

If button is inactive and this is set, the icon property will match this property

reset boolean

public

Inherited from Components.Button: addon/components/bs-button.js:213

Set this to true to reset the state. A typical use case is to bind this attribute with ember-data isDirty flag.

size String

public

Inherited from Mixins.SizeClass: addon/mixins/size-class.js:30

Property for size styling, set to 'lg', 'sm' or 'xs' Also see the [Bootstrap docs](http://getbootstrap.com/css/#buttons-sizes)

textState String

protected

Inherited from Components.Button: addon/components/bs-button.js:201

State of the button. The button's label (if not used as a block component) will be set to the <state>Text property. This property will automatically be set when using a click action that supplies the callback with an promise

Default: 'default'

title string

public

Inherited from Components.Button: addon/components/bs-button.js:222

The HTML title attribute

toggle boolean

public

Inherited from Components.Button: addon/components/bs-button.js:146

If toggle property is true, clicking the button will toggle the active state

Default: false

type String

public

Inherited from Mixins.TypeClass: addon/mixins/type-class.js:29

Property for type styling For the available types see the [Bootstrap docs](http://getbootstrap.com/css/#buttons-options) (use without "btn-" prefix)

Default: 'default'

value any

public

Inherited from Components.Button: addon/components/bs-button.js:191

Supply a value that will be associated with this button. This will be send as a parameter of the default action triggered when clicking the button

Classes