React Grid의 행 작업
React Grid의 Ignite UI for React 통해 개발자는 АctionStrip
사용하고 행/셀 구성 요소 및 행 고정에 CRUD를 활용할 수 있습니다. IgrGrid
의 특정 행(편집 및 고정)에 적용할 수 있는 이러한 작업에 대해 미리 정의된 여러 UI 컨트롤이 있습니다.
Usage
사전 정의된 작업 UI 구성 요소는 다음과 같습니다.
IgrGridEditingActions
-IgrGrid
편집을 위해 특별히 설계된 기능과 UI가 포함되어 있습니다.rowEditable
옵션과IgrGrid
의 행 삭제에 따라 셀이나 행의 편집 모드를 빠르게 전환할 수 있습니다.IgrGridPinningActions
-IgrGrid
행 고정을 위해 특별히 설계된 기능과 UI가 포함되어 있습니다. 이를 통해 행을 빠르게 고정하고 고정된 행과 비활성화된 행 사이를 탐색할 수 있습니다.
이는 IgrGrid
내부에 추가되며 기본 상호 작용을 제공하는 IgrActionStrip
갖는 데 모두 필요합니다.
<IgrGrid id="grid" rowEditable="true" primaryKey="ID">
<IgrColumn field="field">
</IgrColumn>
<IgrActionStrip name="actionStrip">
<IgrGridPinningActions></IgrGridPinningActions>
<IgrGridEditingActions></IgrGridEditingActions>
</IgrActionStrip>
</IgrGrid>
[!Note] When
ActionStripComponent
is a child component of theIgrGrid
, hovering a row will automatically show the UI.
<IgrGrid>
<IgrActionStrip name="actionStrip">
<IgrGridPinningActions></IgrGridPinningActions>
<IgrGridEditingActions editRow="true" deleteRow="true"></IgrGridEditingActions>
</IgrActionStrip>
</IgrGrid>
API References
우리 커뮤니티는 활동적이며 항상 새로운 아이디어를 환영합니다.