Posted 1 June 2018, 1:37 am EST
I have two pages that I display through child routing. One page grid definitions are:
<wj-flex-grid #grid id=“laborGrid” style=“height:420px;” (mouseup)=“hideShowGridMenu($event, grid)” [itemsSource]=“data”
[selectionMode]=“5” [autoGenerateColumns]=“false” (dblclick)=“frmUpdate.show(data.currentItem)” (initialized)=“addFooterRow(grid)”>
<wj-flex-grid-filter #filter>
<wj-flex-grid-column [header]=“‘Code’” [binding]=“‘displayCode’” [isReadOnly]=“true”>
<wj-flex-grid-column [header]=“‘Description’” [binding]=“‘description’” [width]=“300” [isReadOnly]=“true”>
<wj-flex-grid-column [header]=“‘Est Hrs’” [binding]=“‘estHrs’” [format]=“‘n2’” [isRequired]=“false” [aggregate]=“‘Sum’”>
<wj-flex-grid-column [header]=“‘Actual Hrs’” [binding]=“‘actualHrs’” [format]=“‘n2’” [isRequired]=“false” [aggregate]=“‘Sum’”
[visible]=“globals.isInRoles([‘Admin’,‘View Cost Info’])” [isReadOnly]=“true”>
<wj-flex-grid-column [header]=“‘Hrs Rem’” [binding]=“‘hrsRem’” [format]=“‘n2’” [isRequired]=“false” [aggregate]=“‘Sum’” [isReadOnly]=“true” [visible]=“globals.isInRoles([‘Admin’,‘View Cost Info’])”>
<wj-flex-grid-column [header]=“‘Est Hrs Rem’” [binding]=“‘estHrsRem’” [format]=“‘n2’” [isRequired]=“false” [aggregate]=“‘Sum’” [isReadOnly]=“true”
[visible]=“globals.isInRoles([‘Admin’,‘View Cost Info’])” [width]=“125”>
<wj-flex-grid-column [header]=“‘Quoted Hrs’” [binding]=“‘quotedHrs’” [format]=“‘n2’” [isRequired]=“false” [aggregate]=“‘Sum’”
[visible]=“globals.isInRoles([‘Admin’,‘View Quoted Info’])”>
<wj-flex-grid-column [header]=“‘Rate’” [binding]=“‘rate’” [format]=“‘c2’” [isRequired]=“false” [visible]=“globals.isInRoles([‘Admin’,‘View Cost Info’])”>
<wj-flex-grid-column [header]=“‘Est Total’” [binding]=“‘estTotal’” [format]=“‘c2’” [isRequired]=“false” [aggregate]=“‘Sum’” [isReadOnly]=“true”
[visible]=“globals.isInRoles([‘Admin’,‘View Cost Info’])”>
<wj-flex-grid-column [header]=“‘Quoted Total’” [binding]=“‘quotedTotal’” [format]=“‘c2’” [isRequired]=“false” [aggregate]=“‘Sum’” [isReadOnly]=“true”
[visible]=“globals.isInRoles([‘Admin’,‘View Quoted Info’])” [width]=“120”>
<wj-flex-grid-column [header]=“‘Actual Total’” [binding]=“‘actualTotal’” [format]=“‘c2’” [isRequired]=“false” [aggregate]=“‘Sum’” [isReadOnly]=“true” [width]=“130”>
<wj-flex-grid #grid2 id=“laborGrid2” (mouseup)=“hideShowGridMenu($event, grid2)” [itemsSource]=“data2”
[selectionMode]=“5” [autoGenerateColumns]=“false” (dblclick)=“frmUpdate.show(data2.currentItem)” [headersVisibility]=“2”>
<wj-flex-grid-column [header]=“‘Code’” [binding]=“‘displayCode’” [isReadOnly]=“true”>
<wj-flex-grid-column [header]=“‘Description’” [binding]=“‘description’” [width]=“300” [isReadOnly]=“true”>
<wj-flex-grid-column [header]=“‘Est Hrs’” [binding]=“‘estHrs’” [format]=“‘n2’” [isRequired]=“false” [aggregate]=“‘Sum’”>
<wj-flex-grid-column [header]=“‘Actual Hrs’” [binding]=“‘actualHrs’” [format]=“‘n2’” [isRequired]=“false” [aggregate]=“‘Sum’”
[visible]=“globals.isInRoles([‘Admin’,‘View Cost Info’])” [isReadOnly]=“true”>
<wj-flex-grid-column [header]=“‘Hrs Rem’” [binding]=“‘hrsRem’” [format]=“‘n2’” [isRequired]=“false” [aggregate]=“‘Sum’” [isReadOnly]=“true” [visible]=“globals.isInRoles([‘Admin’,‘View Cost Info’])”>
<wj-flex-grid-column [header]=“‘Est Hrs Rem’” [binding]=“‘estHrsRem’” [format]=“‘n2’” [isRequired]=“false” [aggregate]=“‘Sum’” [isReadOnly]=“true”
[visible]=“globals.isInRoles([‘Admin’,‘View Cost Info’])” [width]=“125”>
<wj-flex-grid-column [header]=“‘Quoted Hrs’” [binding]=“‘quotedHrs’” [format]=“‘n2’” [isRequired]=“false” [aggregate]=“‘Sum’”
[visible]=“globals.isInRoles([‘Admin’,‘View Quoted Info’])”>
<wj-flex-grid-column [header]=“‘Rate’” [binding]=“‘rate’” [format]=“‘c2’” [isRequired]=“false” [visible]=“globals.isInRoles([‘Admin’,‘View Cost Info’])”>
<wj-flex-grid-column [header]=“‘Est Total’” [binding]=“‘estTotal’” [format]=“‘c2’” [isRequired]=“false” [aggregate]=“‘Sum’” [isReadOnly]=“true”
[visible]=“globals.isInRoles([‘Admin’,‘View Cost Info’])”>
<wj-flex-grid-column [header]=“‘Quoted Total’” [binding]=“‘quotedTotal’” [format]=“‘c2’” [isRequired]=“false” [aggregate]=“‘Sum’” [isReadOnly]=“true”
[visible]=“globals.isInRoles([‘Admin’,‘View Quoted Info’])” [width]=“120”>
<wj-flex-grid-column [header]=“‘Actual Total’” [binding]=“‘actualTotal’” [format]=“‘c2’” [isRequired]=“false” [aggregate]=“‘Sum’” [isReadOnly]=“true” [width]=“130”>
and the other page is:
<wj-flex-grid #grid id=“materialGrid” style=“height:480px;” (mouseup)=“hideShowGridMenu($event, null)” [itemsSource]=“data”
[selectionMode]=“5” [isReadOnly]=“true” [autoGenerateColumns]=“false” (dblclick)=“frmUpdate.show(currentJobNumber, data.currentItem.id, 0, data.currentItem.section)”
(initialized)=“addFooterRow(grid)” [allowDragging]=“‘Columns’”>
<ng-template wjFlexGridCellTemplate [cellType]=“‘TopLeft’” let-cell=“cell”>
<span [class]=“getGroupClass” (click)=“groupexpandCollapse()”>
<wj-flex-grid-filter #filter>
<wj-flex-grid-column [header]=“‘Item’” [binding]=“‘position’”>
<wj-flex-grid-column [header]=“‘Vendor’” [binding]=“‘vendorCode’” [width]=“100”>
<wj-flex-grid-column [header]=“‘Qty’” [binding]=“‘qty’” [width]=“50”>
<wj-flex-grid-column [header]=“‘MFG Code’” [binding]=“‘mfgCode’” [width]=“100”>
<wj-flex-grid-column [header]=“‘Part Number’” [binding]=“‘partNumber’” [width]=“155”>
<wj-flex-grid-column [header]=“‘Description’” [binding]=“‘shortDescription’” [width]=“300”>
<wj-flex-grid-column [header]=“‘Long Description’” [binding]=“‘longDescription’” [width]=“300” [visible]=“false”>
<wj-flex-grid-column [header]=“‘List Price’” [binding]=“‘listPrice’” [format]=“‘c4’” [isRequired]=“false”>
<wj-flex-grid-column [header]=“‘Mult Code’” [binding]=“‘multCode’”>
<wj-flex-grid-column [header]=“‘Mult Value’” [binding]=“‘multValue’” [format]=“‘n5’” [isRequired]=“false”>
<wj-flex-grid-column [header]=“‘Unit Cost’” [binding]=“‘netCost’” [format]=“‘c4’” [isRequired]=“false”>
<wj-flex-grid-column [header]=“‘Ext Cost’” [binding]=“‘extCost’” [format]=“‘c2’” [aggregate]=“‘Sum’” [isRequired]=“false”>
<wj-flex-grid-column [header]=“‘Rev Date’” [binding]=“‘priceRevDate’” [dataType]=“‘Date’” [format]=“‘MM/dd/yyyy’” [isRequired]=“false”>
<wj-flex-grid-column [header]=“‘Notes’” [binding]=“‘notes’”>
<wj-flex-grid-column [header]=“‘Cert’” [binding]=“‘cert’”>
<wj-flex-grid-column [header]=“‘Updated By’” [binding]=“‘lastUpdatedBy’” [isReadOnly]=“true” [width]=“135”>
<wj-flex-grid-column [header]=“‘Updated Date’” [binding]=“‘lastUpdatedDate’” [dataType]=“‘Date’” [format]=“‘MM/dd/yyyy’”
[isRequired]=“false” [isReadOnly]=“true” [width]=“135”>
<wj-flex-grid-column [header]=“‘Ordered By’” [binding]=“‘orderedBy’” [isReadOnly]=“true” [width]=“135”>
<wj-flex-grid-column [header]=“‘Ordered Date’” [binding]=“‘orderDate’” [dataType]=“‘Date’” [format]=“‘MM/dd/yyyy’” [isRequired]=“false”
[isReadOnly]=“true” [width]=“135”>
<wj-flex-grid-column [header]=“‘Confirmed By’” [binding]=“‘confirmedBy’” [isReadOnly]=“true” [width]=“135”>
<wj-flex-grid-column [header]=“‘Confirmed Date’” [binding]=“‘confirmedDate’” [dataType]=“‘Date’” [format]=“‘MM/dd/yyyy’”
[isRequired]=“false” [isReadOnly]=“true” [width]=“135”>