Dialog with child control becomes null on hide.

[Anthony]

I have a control as below 

<SfDialog @ref="@UserDialogObj" Visible="false"  AllowDragging="true" EnableResize="true" ShowCloseIcon="true" Width="960px" Height="480px">

    <DialogTemplates>

        <Header>

            User Details

        </Header>

        <Content>

            <Control_User @ref="@controlUserObj"></Control_User>

        </Content>

    </DialogTemplates>

</SfDialog>

If i load the page as above, the control  controlUserObj is null and cannot access any properties.  If Visible=true , then  controlUserObj is accessible.   

What's the best practice to show hide Dialog with a child control?

[Vinitha Jeyakumar]

Hi Anthony,

We have tried to replicate the reported issue at our end by rendering a custom component inside the Dialog content and accessed the component's instance in the Dialog open event. please check the sample and code below for your reference.

Code snippet:

<SfDialog @ref="DialogObj" Width="450px" ShowCloseIcon="true" Visible=false>

    <DialogEvents Opened="@DialogOpen"></DialogEvents>

    <DialogTemplates>

        <Header>

            <div>Dialog Header</div>

        </Header>

        <Content>

            <CustomComponent @ref="rteObj"></CustomComponent>

        </Content>

    </DialogTemplates>

</SfDialog>
@code {

    SfDialog DialogObj;

    SfRichTextEditor RteObj;

    CustomComponent rteObj;

    private void OpenDialog()

    {

        this.DialogObj.ShowAsync();

    }

    private void DialogOpen()

    {

        rteObj.refreshUI();

    }

}

Sample: https://www.syncfusion.com/downloads/support/directtrac/general/ze/DialogServer1582261803

If it doesn't meet your requirements, please get back to us with the issue replicating entire code snippet or modify the attached sample with the issue reproducing code for further validation.

Regards,

Vinitha

[Anthony]

It appears removing the @ in the @ref property helped :)  thank you

<SfDialog @ref="UserDialogObj" Visible="false"  AllowDragging="true" EnableResize="true" ShowCloseIcon="true" Width="960px" Height="480px">

    <DialogTemplates>

        <Header>

            User Details

        </Header>

        <Content>

            <Control_User @ref="controlUserObj"></Control_User>

        </Content>

    </DialogTemplates>

</SfDialog>

[Vinitha Jeyakumar]

Hi Anthony,

We are glad that your issue has been resolved.

Regards,

Vinitha