new Grid.GridItem(horizontal, itemStatus)
-
horizontalType: boolean
Direction of the scroll movement. (true: horizontal, false: vertical)
스크롤 이동 방향. (true: 가로방향, false: 세로방향)
-
itemStatus (default:
{}
) optionalType: 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를 설정한다.
-
gridRectType: 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의 준비 데이터.