AlignedBoxes | baserjs

高さ揃えをするボックスを管理するクラス

version: 0.7.0
since: 0.7.0

Hierarchy

Element
- AlignedBoxes

Implements

Index

Constructors

constructor

Methods

Constructors

constructor

new AlignedBoxes($el: JQuery, column?: number | BreakPointsOption<number>, callback?: AlignedBoxCallback): AlignedBoxes

Overwrites Element.constructor
- Defined in baser/ui/element/AlignedBoxes.ts:207
コンストラクタ

version

0.7.0

since

0.7.0

Parameters
- $el: JQuery
  
  対象のボックス要素
- Default value column: number | BreakPointsOption<number> = 0
  
  カラム数もしくはブレークポイントに寄るカラム数 0の場合すべての要素の高さを揃える
- Optional callback: AlignedBoxCallback
  
  ボックスの高さ揃えるときのコールバック
Returns AlignedBoxes

Properties

$el

$el: JQuery

管理するDOM要素のjQueryオブジェクト

since: 0.0.1

Private _callback

_callback: AlignedBoxCallback

ボックスの高さ揃えるときのコールバック

version: 0.7.0
since: 0.7.0

Private _columns

_columns: BreakPoints<number>

ブレークポイントに寄るカラム数

version: 0.7.0
since: 0.7.0

Private _currentColumn

_currentColumn: number

ボックスの高さ揃えるときのコールバック

version: 0.7.0
since: 0.7.0

id

id: string

管理するDOM要素のid属性値

since: 0.0.1

name

name: string

管理するDOM要素のname属性値

since: 0.0.1

Static DATA_KEY

DATA_KEY: string

jQuery dataに自信のインスタンスを登録するキー

version: 0.7.0
since: 0.7.0

Static DATA_KEY_ID

DATA_KEY_ID: string

jQuery dataにUIDを登録するキー

version: 0.7.0
since: 0.7.0

Static classNameDefaultCase

classNameDefaultCase: ElementClassNameCase

クラス名のデフォルトの単語繋ぎの形式

version: 0.1.0
since: 0.1.0

Static classNameDefaultPrefix

classNameDefaultPrefix: string

クラス名のデフォルトのプレフィックス

version: 0.1.0
since: 0.1.0

Static classNameDefaultSeparatorForElement

classNameDefaultSeparatorForElement: ClassNameSeparatorForBEM

BEMのエレメントのクラス名の繋ぎ文字

version: 0.1.0
since: 0.1.0

Static classNameDefaultSeparatorForModifier

classNameDefaultSeparatorForModifier: ClassNameSeparatorForBEM

BEMのモディファイアのクラス名の繋ぎ文字

version: 0.1.0
since: 0.1.0

Static classNameElementCommon

classNameElementCommon: string

インスタンスに付加するデフォルトのクラス名

version: 0.1.0
since: 0.1.0

Static currentFontSize

currentFontSize: number

現在の基準のフォントサイズ

version: 0.7.0
since: 0.7.0

Static dummyCharElement

dummyCharElement: HTMLElement

基準の文字要素

version: 0.7.0
since: 0.7.0

Static eventHandlers

eventHandlers: object

Type declaration

[index: string]: EventHandler

Static groups

groups: object

監視対象のボックスグループ

version: 0.7.0
since: 0.7.0

Type declaration

[id: string]: AlignedBoxes

Static isBooted

isBooted: boolean

監視タイマーが起動しているかどうか

version: 0.7.0
since: 0.7.0

Static types

types: object

Type declaration

[index: string]: EventHandler[]

Static watchInterval

watchInterval: number

監視の間隔

version: 0.7.0
since: 0.7.0

Static watchTimer

watchTimer: number

監視タイマーID

version: 0.7.0
since: 0.7.0

Methods

Private _align

_align(): void

- Defined in baser/ui/element/AlignedBoxes.ts:268
ボックスの高さ揃える

version

0.7.0

since

0.7.0

Returns void

addClass

addClass(blockNames: string, elementNames?: string, modifierName?: string): void

Inherited from Element.addClass
- Defined in baser/ui/element/Element.ts:336
クラス名を付加する

version

0.1.0

since

0.1.0

Parameters
- blockNames: string
- Default value elementNames: string = ""
- Default value modifierName: string = ""
Returns void

destroy

destroy(): void

- Defined in baser/ui/element/AlignedBoxes.ts:314
高さ揃えを解除する

version

0.7.0

since

0.7.0

Returns void

getBoolAttr

getBoolAttr(attrName: string): boolean

Inherited from Element.getBoolAttr
- Defined in baser/ui/element/Element.ts:350
要素の属性の真偽を判定する

baser.ui.element.Element.getBoolAttr のインスタンスメソッド版

version

0.2.0

since

0.2.0

Parameters
- attrName: string
Returns boolean

off

off(type?: string): EventDispacher

Inherited from EventDispacher.off
- Defined in baser/ui/event/EventDispacher.ts:52
イベントハンドラを削除する

version

0.0.10

since

0.0.10

Parameters
- Optional type: string
Returns EventDispacher

on

on(type: string, handler: Function): EventDispacher

Inherited from EventDispacher.on
- Defined in baser/ui/event/EventDispacher.ts:33
イベントハンドラを登録する

version

0.0.10

since

0.0.10

Parameters
- type: string
- handler: Function
Returns EventDispacher

trigger

trigger(type: string, args?: any[], context?: any): EventDispacher

Inherited from EventDispacher.trigger
- Defined in baser/ui/event/EventDispacher.ts:64
イベントハンドラを発火させる

version

0.5.0

since

0.0.10

Parameters
- type: string
- Default value args: any[] = []
- Optional context: any
Returns EventDispacher

Static addClassTo

addClassTo($elem: JQuery, blockNames: string, elementNames?: string, modifierName?: string): void

Inherited from Element.addClassTo
- Defined in baser/ui/element/Element.ts:247
クラス名を付加する

version

0.1.0

since

0.1.0

Parameters
- $elem: JQuery
- blockNames: string
- Default value elementNames: string = ""
- Default value modifierName: string = ""
Returns void

Static boot

boot(): void

- Defined in baser/ui/element/AlignedBoxes.ts:170
監視タイマーを起動する

version

0.7.0

since

0.7.0

Returns void

Static createChar

createChar(): void

- Defined in baser/ui/element/AlignedBoxes.ts:102
基準の文字要素を生成する

version

0.7.0

since

0.7.0

Returns void

Static createClassName

createClassName(blockNames: string, elementNames?: string, modifierName?: string): string

Inherited from Element.createClassName
- Defined in baser/ui/element/Element.ts:120
クラス名文字列を生成する

version

0.1.0

since

0.1.0

Parameters
- blockNames: string
- Default value elementNames: string = ""
- Default value modifierName: string = ""
Returns string

Static getBoolAttr

getBoolAttr($elem: JQuery, attrName: string): boolean

Inherited from Element.getBoolAttr
- Defined in baser/ui/element/Element.ts:215
要素の属性の真偽を判定する

DOM APIの標準で判定できるものはそれで判断

値なし属性の場合は存在すれば真

値あり属性の場合は偽相等の文字列でなければ全て真とする

ただし値なし属性の場合は値が空文字列のため、偽相等の文字列の例外とする

version

0.2.0

since

0.2.0

Parameters
- $elem: JQuery
- attrName: string
Returns boolean

Static isChanged

isChanged(): boolean

- Defined in baser/ui/element/AlignedBoxes.ts:124
文字の大きさが変わったかどうか

version

0.7.0

since

0.7.0

Returns boolean

Static observerForFontSize

observerForFontSize(): void

- Defined in baser/ui/element/AlignedBoxes.ts:141
文字の大きさが変わったかどうかを監視するルーチン

文字の大きさが変わればボックスのサイズを再設定する

version

0.7.0

since

0.7.0

Returns void

Static reAlign

reAlign(): void

- Defined in baser/ui/element/AlignedBoxes.ts:155
ボックスのサイズを再設定する

version

0.7.0

since

0.7.0

Returns void

Static removeCSSProperty

removeCSSProperty(propertyName: string, $elem: JQuery): void

Inherited from Element.removeCSSProperty
- Defined in baser/ui/element/Element.ts:291
CSSプロパティを取り除く

version

0.2.2

since

0.2.2

Parameters
- propertyName: string
- $elem: JQuery
Returns void

Static removeCSSPropertyFromDOMElement

removeCSSPropertyFromDOMElement(propertyName: string, elem: HTMLElement): void

Inherited from Element.removeCSSPropertyFromDOMElement
- Defined in baser/ui/element/Element.ts:271
CSSプロパティをDOM要素から取り除く

version

0.2.2

since

0.2.2

Parameters
- propertyName: string
- elem: HTMLElement
Returns void

Static removeClassFrom

removeClassFrom($elem: JQuery, blockNames: string, elementNames?: string, modifierName?: string): void

Inherited from Element.removeClassFrom
- Defined in baser/ui/element/Element.ts:259
クラス名を取り除く

version

0.1.0

since

0.1.0

Parameters
- $elem: JQuery
- blockNames: string
- Default value elementNames: string = ""
- Default value modifierName: string = ""
Returns void

Hierarchy

Implements

Index

Constructors

Properties

Methods

Constructors

constructor

Parameters

$el: JQuery

Default value column: number | BreakPointsOption<number> = 0

Optional callback: AlignedBoxCallback

Returns AlignedBoxes

Properties

$el

Private _callback

Private _columns

Private _currentColumn

id

name

Static DATA_KEY

Static DATA_KEY_ID

Static classNameDefaultCase

Static classNameDefaultPrefix

Static classNameDefaultSeparatorForElement

Static classNameDefaultSeparatorForModifier

Static classNameElementCommon

Static currentFontSize

Static dummyCharElement

Static eventHandlers

Type declaration

[index: string]: EventHandler

Static groups

Type declaration

[id: string]: AlignedBoxes

Static isBooted

Static types

Type declaration

[index: string]: EventHandler[]

Static watchInterval

Static watchTimer

Methods

Private _align

Returns void

addClass

Parameters

blockNames: string

Default value elementNames: string = ""

Default value modifierName: string = ""

Returns void

destroy

Returns void

getBoolAttr

Parameters

attrName: string

Returns boolean

off

Parameters

Optional type: string

Returns EventDispacher

on

Parameters

type: string

handler: Function

Returns EventDispacher

trigger

Parameters

type: string

Default value args: any[] = []

Optional context: any

Returns EventDispacher

Static addClassTo

Parameters

$elem: JQuery

blockNames: string

Default value elementNames: string = ""

Default value modifierName: string = ""

Returns void

Static boot

Returns void