[DevExtreme] 참고용

1. dataGrid

• dxi-item 에서 visible/disable처리시 다른 컴포넌트 깨지는 문제? 내부에 있는 각각의 컴포넌트를 visible/disable처리.

• cellTemplate

 <dx-data-grid [dataSource]="m_RowData">
    <dxo-selection mode="single" allowSelectAll="false"></dxo-selection>
    <dxo-scrolling mode="infinite" rowRenderingMode="standard"></dxo-scrolling>
    <dxi-column caption="" dataField="CarId" width="100" datType="string" alignment="center" [allowSorting]="true"></dxi-column>
    <dxi-column *ngFor="let i of m_DateArray" id="{{i}}" dataField="{{i}}" [width]="m_columnWidth" datType="string" alignment="center" [allowSorting]="true" cellTemplate="cellTemplate"></dxi-column>
    <div *dxTemplate="let data of 'cellTemplate'">
        <div *ngIf="m_DefaultTypeYN == true; then checkbox; else text"></div>
        <ng-template #checkbox>
            <dx-check-box class="checktextcolor longer" [disabled]="false" (onValueChanged)="OnValueChanged_Checkbox($event)" [value]="data.value"></dx-check-box>
        </ng-template>
        <ng-template #text>
            <span>{{data.value}}</span>
        </ng-template>
    </div>
</dx-data-grid>