How to pass parameter from Dialog to Editor?

[sapster77]

Hello,
I have a dialog on which I have a custom editor that populates linked data from another row. In order to filter some of the data in the editor i need a parameter passed in from the dialog to the editor. How do i do that? The following is my working code (that does not do the filtering). The editor displays a dropdown of EventTypeRow and the selected item then generates a record of type EventRow. I need to pass in FlightsRow.StudTypeID in order to filter the EventTypes displayed.
Thank you very much for your assistance and guidance.

FlightsDialog:
`import { any, Decorators, EntityDialog, Fluent, formatDate, localText, TabsExtensions, ToolButton, WidgetProps } from '@Serenity-
is/corelib';
import { FlightsForm, FlightsRow, FlightsService } from '../../ServerTypes/Schedule';
import { EventTypeDialog } from '../../Settings/EventType/EventTypeDialog';
import { EventEditor } from '../../Settings/Event/EventEditor';

  [EventTypeDialog]
  @Decorators.registerClass('FASTWeb.Schedule.FlightsDialog')
  export class FlightsDialog<P = {}> extends EntityDialog<FlightsRow, P> {
protected getFormKey() { return FlightsForm.formKey; }
protected getRowDefinition() { return FlightsRow; }
protected getService() { return FlightsService.baseUrl; }

protected form = new FlightsForm(this.idPrefix);

constructor(props?: WidgetProps<P>) {
    super(props);
}

public arrange() {
    super.arrange();
    var eventGrid = this.form.EventList.domNode.querySelector('.grid-container') as HTMLElement;
    
    if (eventGrid) {
        eventGrid.style.height = Math.max(150, this.domNode.offsetHeight - eventGrid.offsetTop - 60) + 'px';
        Fluent.trigger(eventGrid, "layout");
    }
}
protected override loadEntity(entity: FlightsRow) {
    super.loadEntity(entity);
}

protected override renderContents(): any {
    const id = this.useIdPrefix();
    return (
        <div id={id.Tabs} class="s-DialogContent">
            <ul>
                <li><a href={"#" + id.TabInfo}><span>{localText(`Db.${FlightsRow.localTextPrefix}.EntitySingular`)}</span></a></li>
            </ul>
            <div id={id.TabInfo} class="tab-pane s-TabInfo">
                <div id={id.Toolbar} class="s-DialogToolbar" />
                <form id={id.Form} class="s-Form" action="">
                    <div id={id.PropertyGrid} />
                </form>
            </div>
          
        </div>
    );
}`

This is the editor that need the parameter for the filtervalue option in the lookupeditor.

  `import { Culture, Decorators, EditorProps, Fluent, IntegerEditor, LookupEditor, Widget, faIcon, notifyWarning, toId } from "@serenity-is/corelib";
  import { GridEditorBase } from "@serenity-is/extensions";
  import { EventColumns, EventRow, EventTypeRow } from "../../ServerTypes/Settings";
  import { EventDialog } from "./EventDialog";  
  
  interface EventEditorProps extends EditorProps<{}> {
      filterValue: number;
  }
  
  @Decorators.registerEditor('Serenity.Pro.Meeting.EventEditor')
  export class EventEditor extends GridEditorBase<EventRow> {
     protected getColumnsKey() { return EventColumns.columnsKey; }
     protected getDialogType() { return EventDialog; }
     protected getLocalTextPrefix() { return EventRow.localTextPrefix; }
  
     constructor(props: EditorProps<{}>) {
   super(props);

   this.slickContainer.on('change', 'select', e => {
       var cell = this.slickGrid.getCellFromEvent(e);
       if (!cell)
           return;

       var item = this.itemAt(cell.row);
       var field = this.slickGrid.getColumns()[cell.cell].field;
       item[field] = toId(Fluent(e.target).val());
       this.view.updateItem(this.itemId(item), item);
   });
  }



 protected createToolbarExtensions() {
     super.createToolbarExtensions();
   
   Widget.create({
       type: LookupEditor,
       options: {
           lookupKey: EventTypeRow.lookupKey,
           inplaceAdd: true,
           dialogType: "Settings.EventTypeDialog",
           inplaceAddPermission: "Administration:General",
           filterField: EventTypeRow.Fields.SimOrFlight,
           filterValue: FILTERVALUE HERE
       },
       element: e => e.attr('placeholder', '--select Event to add--')
           .appendTo(this.toolbar.domNode)
           .getNode().style.float = "left",
       init: w => w.change(async () => {
           if (!toId(w.value))
               return;

           var eventType = (await EventTypeRow.getLookupAsync()).itemById[toId(w.value)];
           w.value = null;
           if (!eventType)
               return;

           if (this.getItems().some(i => i.EventTypeId == eventType.Id)) {
               notifyWarning("Event is already added to list!");
               return;
           }

           var item: EventRow = {
               EventTypeId: eventType.Id,
               EventTypeTypeName: eventType.TypeName,
               Value: 1,
               //AttendanceStatus: MeetingAttendanceStatus.NotSet
           };

           this.setNewId(item);

           var items = this.getItems().slice();
           items.push(item);
           //items.sort((a, b) => Culture.stringCompare(a.ContactFullName, b.ContactFullName));
           this.setItems(items);
       })
   });
 }`

FlightsRow

`[DisplayName("Event List")]
[MasterDetailRelation(nameof(EventRow.FlightId), ColumnsType = typeof(EventRow)), EventEditor]
public List<EventRow> EventList { get => fields.EventList[this]; set => fields.EventList[this] = value; }`

[luongnv6]

try this in grid editor:

    private _flightId: number;

    public get FlightId() {
        return this._parentEntityId;
    }

    public set FlightId(value: number) {
        if (this._flightId!== toId(value)) {
            this.setEquality(thisFlightId(), this._flightId= toId(value));
            this.refresh();
        }
    }

in dialog parent:

this.form.EventList.FlightId= toId(this.EntityId);