그리드 데이터 채우기
그리드에 데이터를 채우기 위해서는 RealGridVue에 rows를 지정해서 값을 채울 수 있으며, 값은 JSON과 Array 형태의 값을 적용할 수 있습니다.
JSON 형태의 데이터는 데이터의 키와 생성한 필드명이 일치하는 필드에 값이 채워지고 배열 형태의 데이터는 2차원 배열형태로된 데이터를 필드 생성 순서에 따라 값이 순차적으로 채워집니다.
<template>
<div style="width: 1000px; height: 400px">
<RealGridVue
ref="gridRef"
:rows="[['컬럼1데이터','컬럼2데이터'],
['컬럼1데이터','컬럼2데이터']]"
:auto-generate-field="true">
<RGDataColumn field-name="field1" :width="100" key="field1"></RGDataColumn>
<RGDataColumn field-name="field2" :width="100" key="field2"></RGDataColumn>
</RealGridVue>
</div>
</template>json형태 데이터 사용시에는 필드명과 데이터 키 값이 일치하는 필드에 값이 바인딩 됩니다.
<template>
<div style="width: 1000px; height: 400px">
<RealGridVue
ref="gridRef"
:rows="[
{ field1: '컬럼1데이터', field2: '컬럼2데이터' },
{ field1: '컬럼1데이터', field2: '컬럼2데이터' },
]"
:auto-generate-field="true">
<RGDataColumn field-name="field1" :width="100" key="field1"></RGDataColumn>
<RGDataColumn field-name="field2" :width="100" key="field2"></RGDataColumn>
</RealGridVue>
</div>
<template>아래와 같이 데이터가 각 컬럼마다 추가된 것을 확인 할 수 있습니다.
