Editor and window destroy

  1. #1

    Editor and window destroy

    Hi,

    I set a form with some editors like this sample in a window :
    https://examples2.ext.net/#/Editor/Basic/Overview/

    This window has closeAction = 'destroy'
    If I close this window the editors are still remain in the Dom of the body.
    I have to call destroy method of each editors.
    Tested with v2.3

    What can I do else?

    Thanks.
  2. #2
    Hello!

    Could you provide a sample to reproduce this issue?
  3. #3
    Here a sample :
    <ext:Window runat="server" Width="600" Height="400" CloseAction="Destroy">
            <Items>
                <ext:Panel runat="server" Border="false" Width="230" BodyStyle="background-color: transparent">
                    <Content>
                        <div style="border: 1px solid #B5B8C8">
                            <legend class="x-fieldset-header x-fieldset-header-default">
                                <div class="x-component x-fieldset-header-text x-component-default">Resume</div>
                                <div class="x-clear" role="presentation"></div>
                            </legend>
                            <div id="pnlResume" onmouseover="this.className='editable-over';" onmouseout="this.className='editable';" class="editable" style="height: 144px; min-height: 32px; max-height: 144px; overflow-y: auto"></div>
                            <ext:Editor ID="edtResume" runat="server" Alignment="tl-tl?" Shadow="false" Width="228" UseHtml="true" CancelOnBlur="true" CompleteOnEnter="true" Cls="editable-background" Target="pnlResume">
                                <Field>
                                    <ext:TextArea ID="edResume" runat="server" Width="228" Height="144">
                                        <Listeners>
                                            <Focus Handler="while (edResume.getValue().indexOf('<br>') > 0) edResume.setValue(edResume.getValue().replace('<br>', '\n\r'));" />
                                        </Listeners>
                                    </ext:TextArea>
                                </Field>
                                <Content>
                                    <ext:FieldContainer ID="FieldContainer1" runat="server" Layout="HBoxLayout" Width="100">
                                        <Items>
                                            <ext:Button ID="btnSaveResume" runat="server" Icon="Accept" Flat="true" />
                                            <ext:Button ID="btnCancelResume" runat="server" Icon="Decline" Flat="true" />
                                        </Items>
                                    </ext:FieldContainer>
                                </Content>
                                <Listeners>
                                    <Deactivate Handler="pnlResume.innerHTML = pnlResume.innerHTML.replace(/\n\r?/g, '<br />');" />
                                </Listeners>
                            </ext:Editor>
                        </div>
                    </Content>
                </ext:Panel>
            </Items>
        </ext:Window>
    If I show this window then I close it, the edtResume element still remains in the Body and is accessible via JavaScript.
  4. #4
    Thank you for the example. You need to put Editor in the Bin collection:

    <%@ Page Language="C#" %>
    
    <%@ Register Assembly="Ext.Net" Namespace="Ext.Net" TagPrefix="ext" %>
    
    <!DOCTYPE html>
    
    <html>
    <head runat="server">
    </head>
    <body>
        <form runat="server">
            <ext:ResourceManager runat="server" />
    
            <ext:Window ID="Window1" runat="server" Width="600" Height="400" CloseAction="Destroy">
                <Items>
                    <ext:Panel ID="Panel1" runat="server" Border="false" Width="230" BodyStyle="background-color: transparent">
                        <Content>
                            <div style="border: 1px solid #B5B8C8">
                                <legend class="x-fieldset-header x-fieldset-header-default">
                                    <div class="x-component x-fieldset-header-text x-component-default">Resume</div>
                                    <div class="x-clear" role="presentation"></div>
                                </legend>
                                <div id="pnlResume" onmouseover="this.className='editable-over';" onmouseout="this.className='editable';" class="editable" style="height: 144px; min-height: 32px; max-height: 144px; overflow-y: auto"></div>
                            </div>
                        </Content>
                        <Bin>
                            <ext:Editor ID="edtResume" runat="server" Alignment="tl-tl?" Shadow="false" Width="228" UseHtml="true" CancelOnBlur="true" CompleteOnEnter="true" Cls="editable-background" Target="pnlResume">
                                <Field>
                                    <ext:TextArea ID="edResume" runat="server" Width="228" Height="144">
                                        <Listeners>
                                            <Focus Handler="while (edResume.getValue().indexOf('<br>') > 0) edResume.setValue(edResume.getValue().replace('<br>', '\n\r'));" />
                                        </Listeners>
                                    </ext:TextArea>
                                </Field>
                                <Content>
                                    <ext:FieldContainer ID="FieldContainer1" runat="server" Layout="HBoxLayout" Width="100">
                                        <Items>
                                            <ext:Button ID="btnSaveResume" runat="server" Icon="Accept" Flat="true" />
                                            <ext:Button ID="btnCancelResume" runat="server" Icon="Decline" Flat="true" />
                                        </Items>
                                    </ext:FieldContainer>
                                </Content>
                                <Listeners>
                                    <Deactivate Handler="pnlResume.innerHTML = pnlResume.innerHTML.replace(/\n\r?/g, '<br />');" />
                                </Listeners>
                            </ext:Editor>
                        </Bin>
                    </ext:Panel>
                </Items>
            </ext:Window>
        </form>
    </body>
    </html>
  5. #5
    Ok, that works !
    Thank You !

    Could you answer me about this issue :
    http://forums.ext.net/showthread.php...desktop-window

    Thanks.

Similar Threads

  1. How to destroy grid and store?
    By yash.kapoor in forum 2.x Help
    Replies: 0
    Last Post: Aug 07, 2013, 5:04 AM
  2. Question about Window Destroy
    By rammus in forum 2.x Help
    Replies: 4
    Last Post: Mar 25, 2013, 12:15 PM
  3. Replies: 3
    Last Post: Nov 28, 2012, 3:33 PM
  4. I Can't usage a Destroy Component ID Again.
    By Therruco in forum 1.x Help
    Replies: 3
    Last Post: Mar 01, 2012, 4:09 PM
  5. [CLOSED] Destop Window Destroy load Problem
    By ogokgol in forum 1.x Legacy Premium Help
    Replies: 2
    Last Post: Mar 01, 2011, 5:41 AM

Tags for this Thread

Posting Permissions