Announcement

**dariusv** · 9 Jun 2022, 04:45

Found solution:

Need to assign this property in constructor:

InvoiceAdHocChargesTabLayout.tsx:

Code:

///<reference path="../ds/InvoiceRecordPriceDataSource.ts"/>
///<reference path="tabs/InvoiceRecordPriceTab.ts"/>

namespace page.invoicing.tabs {

    import InvoiceRecordDataSource = page.invoicing.ds.InvoiceRecordDataSource;
    // import InvoiceRecordPriceTab = page.invoicing.tabs.tabs.InvoiceRecordPriceTab;
    // import DSID_InvoiceRecordDataSourceId = _cds.dsid.invoicing.DSID_InvoiceRecordDataSourceId;
    import InvoiceAdHocChargeDataSource = page.invoicing.ds.InvoiceAdHocChargeDataSource;
    // import InvoiceRecordPriceDataSource = page.invoicing.ds.InvoiceRecordPriceDataSource;

    export class InvoiceAdHocChargesTabLayout implements core.Layout<isc.IVLayout> {

        readonly sc: isc.IVLayout;

        // readonly _listGridRecords: isc.IListGrid<InvoiceRecordDataSource.Record>
        public _listGridRecords: isc.IListGrid<InvoiceAdHocChargeDataSource.Record>

        // readonly _listGridRecordPrices: isc.IListGrid<InvoiceRecordPriceDataSource.Record>
        //
        // readonly _buttonAddNew: isc.IButton

        // private _onAddClicked = utils.Callback()
        // readonly onAddClicked = this._onAddClicked.callback

        private readonly _events = {
            // onSendClicked: utils.Callback(),
            // onAddNewClicked: utils.Callback(),
            // onExportPdfClicked: utils.CallbackT<InvoiceRecordDataSource.Record>(),
            // onExportExcelClicked: utils.CallbackT<InvoiceRecordDataSource.Record>(),
            // onSendExcelClicked: utils.CallbackT<InvoiceRecordDataSource.Record>(),
            // updateInvoiceRecordPrices: utils.CallbackT<boolean>()
        }

        get events() {
            return utils.Callback.publish(this._events)
        }

        constructor() {
            this.sc =
                <VLayout>
                    <HLayout height={30} membersMargin={5} layoutMargin={0}>
                        <LayoutSpacer/>
                        {/*<Button title={translation.invoicing.send}*/}
                        {/* click={() => this._events.onSendClicked.fire() }*/}
                        {/* autoFit/>*/}
                    </HLayout>
                    {this._listGridRecords =
                        <ListGrid dataSource={InvoiceRecordDataSource.sc()}
                                  useAllDataSourceFields={false}
                                  autoFetchData={false}
                                  selectionType="single"
                                  editEvent="doubleClick"
                                  showRecordComponents
                                  showRecordComponentsByCell
                                  // createRecordComponent={(record, colNum) => this._createListGridRecordComponent(record, colNum)}
                                  canEdit={core.AccessControl.instance.has(InvoiceRecordDataSource.get(), c.system.type.Permission.Update)}
                        >
                            <ListGridField name={"flightNo"}/>
                            <ListGridField name={"acType"}/>
                            <ListGridField name={"acReg"}/>
                            <ListGridField name={"route"}/>
                            <ListGridField name={"eventType"}/>
                            <ListGridField name={"scheduledDate"}/>
                            <ListGridField name={"#fullPrice"}/>
                            {/*<ListGridField name={"creditNote"}*/}
                            {/* change={(form, item, value, oldValue) => {*/}
                            {/* this._events.updateInvoiceRecordPrices.fire(value)*/}
                            {/* }}*/}
                            />
                            <ListGridField name={"#creditNoteType"}/>
                            <ListGridField name="#actions"
                                           canFilter={false}
                                           canSort={false}
                                           width={240}
                                           canEdit={false}
                                           title={translation.invoicing.actions}/>
                        </ListGrid>
                    }
                    {/*<HLayout height={30} membersMargin={5} layoutMargin={0}>*/}
                    {/* <LayoutSpacer/>*/}
                    {/* {this._buttonAddNew = <Button title={translation.button.add_new}*/}
                    {/* click={() => this._events.onAddNewClicked.fire()}*/}
                    {/* autoFit/>}*/}
                    {/*</HLayout>*/}
                    {/*{this._listGridRecordPrices =*/}
                    {/* <ListGrid dataSource={InvoiceRecordPriceDataSource.sc()}*/}
                    {/* useAllDataSourceFields={false}*/}
                    {/* autoFetchData={false}*/}
                    {/* selectionType="none"*/}
                    {/* canRemoveRecords*/}
                    {/* canEdit={true}*/}
                    {/* >*/}
                    {/* <ListGridField name={"name"}/>*/}
                    {/* <ListGridField name={"quantity"}/>*/}
                    {/* <ListGridField name={"price"}/>*/}
                    {/* <ListGridField name={"#currencyCode"}/>*/}
                    {/* <ListGridField name={"creditNote"}/>*/}
                    {/* <ListGridField name={"lastUpdatedTime"}/>*/}
                    {/* <ListGridField name={"lastUpdatedUser"}/>*/}

                    {/* </ListGrid>*/}
                    {/*}*/}
                </VLayout>
        }



    }
}

See line

Code:

{this._listGridRecords =

Announcement

Uncaught TypeError: Cannot read properties of undefined (reading 'fetchData')

Comment