Class: GridItem

egGrid. Grid.GridItem

new Grid.GridItem(horizontal, itemStatus)

  • horizontal
    Type: boolean

    Direction of the scroll movement. (true: horizontal, false: vertical)

    스크롤 이동 방향. (true: 가로방향, false: 세로방향)

  • itemStatus (default: {}) optional
    Type: Partial<GridItemStatus>

    Default status object of GridItem module.

    GridItem 모듈의 기본 status 객체.

Members

computedContentPos

Calculated position in the direction of the content applied to the grid. "top" if horizontal is false, "left" otherwise.

Grid에 적용된 content 방향의 계산된 포지션. horizontal이 false면 "top", 아니면 "left".

computedContentSize

Calculated size in the direction of the content applied to the grid. "height" if horizontal is false, "width" otherwise.

Grid에 적용된 content 방향의 계산된 사이즈. horizontal이 false면 "height", 아니면 "width".

computedInlinePos

Calculated position in the direction of the inline applied to the grid. "left" if horizontal is false, "top" otherwise.

Grid에 적용된 content 방향의 계산된 포지션. horizontal이 false면 "left", 아니면 "top".

computedInlineSize

Calculated size in the direction of the inline applied to the grid. "width" if horizontal is false, "height" otherwise.

Grid에 적용된 inline 방향의 계산된 사이즈. horizontal이 false면 "width", 아니면 "height".

contentSize

The size in content direction. "height" if horizontal is false, "width" otherwise.

content 방향의 사이즈. horizontal이 false면 "height", 아니면 "width".

cssContentPos

The CSS pos in content direction applied to the Grid. "top" if horizontal is false, "left" otherwise.

Grid에 적용된 content 방향의 CSS 포지션. horizontal이 false면 "top", 아니면 "left".

cssContentSize

The CSS size in content direction applied to the Grid. "height" if horizontal is false, "width" otherwise.

Grid에 적용된 content 방향의 CSS 사이즈. horizontal이 false면 "height", 아니면 "width".

cssInlinePos

The CSS pos in inline direction applied to the Grid. "left" if horizontal is false, "top" otherwise.

Grid에 적용된 inline 방향의 CSS 포지션. horizontal이 false면 "left", 아니면 "top".

cssInlineSize

The CSS size in inline direction applied to the Grid. "width" if horizontal is false, "height" otherwise.

Grid에 적용된 inline 방향의 CSS 사이즈. horizontal이 false면 "width", 아니면 "height".

inlineSize

The size in inline direction. "width" if horizontal is false, "height" otherwise.

inline 방향의 사이즈. horizontal이 false면 "width", 아니면 "height".

isUpdating

Whether or not it will be updated upon request.

orgContentSize

The size in content direction before first rendering. "height" if horizontal is false, "width" otherwise.

첫 렌더링 되기 전의 content 방향의 사이즈. horizontal이 false면 "height", 아니면 "width".

orgInlineSize

The size in inline direction before first rendering. "width" if horizontal is false, "height" otherwise.

첫 렌더링 되기 전의 inline 방향의 사이즈. horizontal이 false면 "width", 아니면 "height".

shouldReupdate

Whether the item needs to be updated again

Methods

getMinimizedStatus(){Partial<GridItemStatus>}

Returns minimized status of the item.

아이템의 간소화된 상태를 반환한다.

Returns:
Type Description
Partial<GridItemStatus>

getStatus(){Required<GridItemStatus>}

Returns the status of the item.

아이템의 상태를 반환한다.

Returns:
Type Description
Required<GridItemStatus>

setCSSGridRect(gridRect)

Set CSS Rect through GridRect.

GridRect을 통해 CSS Rect를 설정한다.

  • gridRect
    Type: GridRect

    The style for setting CSS rect.

    CSS rect를 설정하기 위한 스타일.

Type Definitions

Grid.GridItem.GridItemStatusTSInterface

Properties:
Name Type Argument Description
key string | number <optional>

The item key.

아이템 키.

index number <optional>

The item index.

아이템 index.

element HTMLElement | null <optional>

The element for the item.

아이템에 있는 엘리먼트.

mountState MOUNT_STATE <optional>

State of whether the element has been added to the container.

element가 container에 추가되었는지 상태.

updateState UPDATE_STATE <optional>

The update state of the element's rect.

element의 rect의 업데이트 상태.

isFirstUpdate boolean <optional>

Whether the element's rect was updated for the first time.

처음으로 element의 rect를 업데이트 했는지 여부.

attributes Record<string, any> <optional>

Attributes set as data-grid- of element.

element의 data-grid-으로 설정된 속성들.

orgCSSText string <optional>

cssText of the first style when an element is added to the container.

element가 container에 추가됐을 때 처음 style의 cssText.

orgRect Required<DOMRect> <optional>

The element's rect before first rendering.

처음 렌더링 하기 전 엘리먼트의 rect.

rect Required<DOMRect> <optional>

The updated element's rect before rendering.

렌더링 하기 전 업데이트 된 엘리먼트의 rect.

cssRect DOMRect <optional>

The CSS rect of the item to be rendered by being applied to the Grid.

Grid에 적용되어 렌더링을 하기 위한 item의 CSS rect

data Record<string, any> <optional>

Additional data of the item.

item의 추가적인 데이터들.

gridData Record<string, any> <optional>

Grid ready data for rendering.

렌더링을 하기 위한 grid의 준비 데이터.

comments powered by Disqus