<br />

Select a customer:
<wj-combo-box [itemsSource]="cvCst"
              [displayMemberPath]="'Company_Name'">
</wj-combo-box>
<wj-menu [(value)]="cvOrd.sortOnServer" [header]="'Sort on Server'">
    <wj-menu-item [value]="true">True</wj-menu-item>
    <wj-menu-item [value]="false">False</wj-menu-item>
</wj-menu>
<br />
<br />

<p *ngIf="cvCst.currentItem">
    View/Edit orders for customer <b>{{cvCst.currentItem.Company_Name}}:</b>
</p>
<wj-flex-grid class="grid"
              [selectionMode]="'RowRange'"
              [allowAddNew]="true"
              [allowDelete]="true"
              [itemsSource]="cvOrd">
    <wj-flex-grid-column [binding]="'Employee_ID'" [header]="'Employee'" [dataMap]="mapEmp"></wj-flex-grid-column>
    <wj-flex-grid-column [binding]="'Order_Date'" [header]="'Order Date'"></wj-flex-grid-column>
    <wj-flex-grid-column [binding]="'Required_Date'" [header]="'Required Date'"></wj-flex-grid-column>
    <wj-flex-grid-column [binding]="'Shipped_Date'" [header]="'Shipped Date'"></wj-flex-grid-column>
    <wj-flex-grid-column [binding]="'Freight'" [header]="'Freight'" [format]="'n2'"></wj-flex-grid-column>
    <wj-flex-grid-column [binding]="'Ship_Via'" [header]="'Via'" [dataMap]="mapShp"></wj-flex-grid-column>
</wj-flex-grid>

<br />
<br />

<p *ngIf="cvOrd.currentItem">
    View/Edit items in order <b>{{cvOrd.currentItem.Order_ID}}</b>:
</p>
<wj-flex-grid class="grid"
              [selectionMode]="'RowRange'"
              [allowAddNew]="true"
              [allowDelete]="true"
              [itemsSource]="cvDtl">
    <wj-flex-grid-column [binding]="'Product_ID'" [header]="'Product'" [dataMap]="mapPrd" is-read-only="true"></wj-flex-grid-column>
    <wj-flex-grid-column [binding]="'Quantity'" [header]="'Quantity'" [format]="'n2'"></wj-flex-grid-column>
    <wj-flex-grid-column [binding]="'Unit_Price'" [header]="'Unit Price'" [format]="'n2'"></wj-flex-grid-column>
    <wj-flex-grid-column [binding]="'Discount'" [header]="'Discount'" [format]="'p0'"></wj-flex-grid-column>
</wj-flex-grid>