[CLOSED] How to get child's page value of formpanel from parent page's directevent in ifame comunication?

  1. #1

    [CLOSED] How to get child's page value of formpanel from parent page's directevent in ifame comunication?

    Hi all!

    I am looking for a way to get loaded page which is loaded by parent page values by the parent page directevent,

    My parent page code as flow:

     <ext:ResourceManager ID="ResourceManager1" runat="server" />
        <ext:Viewport ID="Viewport1" runat="server" Layout="BorderLayout">
            <Items>
            
                <ext:Panel ID="Panel1" runat="server" Region="Center" Border="false">
                    <TopBar>
                        <ext:Toolbar runat="server" Height="30">
                            <Items>
                                <ext:MultiCombo ID="MultiComboReceiver" runat="server" FieldLabel="接收人" Icon="UserGo"
                                    DisplayField="UserName" ValueField="UserId">
                                    <Store>
                                        <ext:Store ID="StoreReceiver" runat="server">
                                            <Model>
                                                <ext:Model ID="ModelReceiver" runat="server">
                                                    <Fields>
                                                        <ext:ModelField Name="UserName" />
                                                        <ext:ModelField Name="UserId" />
                                                    </Fields>
                                                </ext:Model>
                                            </Model>
                                        </ext:Store>
                                    </Store>
                                    <Listeners>
                                        <Change Handler="setMultiboValue()">
                                        </Change>
                                    </Listeners>
                                </ext:MultiCombo>
                                <ext:ToolbarSpacer ID="ToolbarSpacer1" Width="30" runat="server">
                                </ext:ToolbarSpacer>
                                <ext:Button ID="Button1" runat="server" Text="附件" Icon="Attach">
                                </ext:Button>
                                <ext:ToolbarSpacer ID="tsp" Width="30" runat="server">
                                </ext:ToolbarSpacer>
                                <ext:Button ID="btnSave" runat="server" Text="保存" Icon="Disk">
                                   <%-- <Listeners>
                                        <Click Handler="if(CheckIsNull(Ext.encode(#{StoreFormField}.getRecordsValues())))App.direct.SubmitData();">
                                        </Click>
                                    </Listeners>--%>
                                    <DirectEvents>
                                    <Click  OnEvent="bthSaveClick">
                                    <ExtraParams>
                                    <ext:Parameter Name="value" Value="#{formpanel.getvalues()}" Mode="Raw"></ext:Parameter>
                                    </ExtraParams>
                                    </Click>
                                    </DirectEvents>
                                </ext:Button>
                                <ext:ToolbarSpacer ID="ToolbarSpacer6" Width="30" runat="server">
                                </ext:ToolbarSpacer>
                                <ext:Button ID="btnSaveToDraft" runat="server" Text="存草稿" Icon="PageWhiteText" />
                                <ext:ToolbarSpacer ID="ToolbarSpacer3" Width="30" runat="server">
                                </ext:ToolbarSpacer>
                                <ext:Button ID="btnCheckFlow" runat="server" Text="查看流程" Icon="ChartOrganisation" />
                                <ext:ToolbarSpacer ID="ToolbarSpacer4" Width="30" runat="server">
                                </ext:ToolbarSpacer>
                                <ext:Button ID="btnBack" runat="server" Text="返回" Icon="ArrowUndo">
                                </ext:Button>
                                <ext:ToolbarSpacer ID="ToolbarSpacer5" Width="30" runat="server">
                                </ext:ToolbarSpacer>
                                <ext:Button ID="btnPrinter" runat="server" Text="打印" Icon="Printer" />
                                <ext:ToolbarSpacer ID="ToolbarSpacer2" Width="30" runat="server">
                                </ext:ToolbarSpacer>
                                <ext:Button ID="btnCancel" runat="server" Text="取消" Icon="Cancel">
                                </ext:Button>
                            </Items>
                        </ext:Toolbar>
                    </TopBar>
                    <LayoutConfig>
                        <ext:HBoxLayoutConfig Align="Stretch" />
                    </LayoutConfig>
                    <Items>
                        <ext:Panel ID="PanelMiddle" runat="server" BodyStyle="text-align:center;" BodyPadding="20"
                            AutoScroll="true" Flex="3">
                            <Items>
                                <ext:Panel ID="PanelLoadForm" runat="server" BodyStyle="text-align:center;" BodyPadding="10"
                                    Flex="3">
                                    <Loader ID="Loader1" runat="server" Mode="Frame">
                                        <LoadMask ShowMask="true" />
                                        <Listeners>
                                        <Load Handler="#{PanelLoadForm}.setHeight(#{PanelLoadForm}.getBody().Ext.getBody().getHeight()+150);" Delay="100"></Load>
                                        </Listeners>
                                    </Loader>
                                   
                                </ext:Panel>
                            </Items>
                        </ext:Panel>
                        <ext:Panel ID="ServerTimeContainer" runat="server" Height="300" BodyStyle="text-align:center;"
                            Flex="1">
                            <Content>
                                <br />
                                <ext:FieldSet ID="FieldSet1" runat="server" Title="领导审批选项" Layout="AnchorLayout"
                                    DefaultAnchor="100%">
                                    <Items>
                                        <ext:RadioGroup ID="rdgLeaderApproval" ColumnsNumber="4" runat="server" Cls="x-check-group-alt">
                                            <Items>
                                                <ext:Radio ID="rdAggree" runat="server" BoxLabel="同意">
                                                </ext:Radio>
                                                <ext:Radio ID="Radio1" runat="server" BoxLabel="不同意">
                                                </ext:Radio>
                                                <ext:Radio ID="Radio2" runat="server" BoxLabel="办理">
                                                </ext:Radio>
                                                <ext:Radio ID="Radio3" runat="server" BoxLabel="已阅">
                                                </ext:Radio>
                                            </Items>
                                        </ext:RadioGroup>
                                    </Items>
                                </ext:FieldSet>
                                <br />
                                <br />
                                <br />
                                <br />
                                <ext:FieldSet ID="FieldSet2" runat="server" Title="领导审批意见" Height="300" Layout="AnchorLayout"
                                    DefaultAnchor="100%">
                                    <Items>
                                        <ext:TextArea ID="taLeaderSuggestion" runat="server" Cls="x-check-group-alt" Height="280">
                                        </ext:TextArea>
                                    </Items>
                                </ext:FieldSet>
                            </Content>
                        </ext:Panel>
                    </Items>
                </ext:Panel>
            </Items>
            
        </ext:Viewport>
    I want to get the child page values of formpanel control by the parent's page directevent by extraparams ,using the cod as folw:


    <ext:Button runat="server" Text="Save">
                            <directevents>
                                <Click OnEvent="SaveData" Before="return #{FormPanel1}.isValid();">
                                    <ExtraParams>
                                        <ext:Parameter Name="values" Value="#{FormPanel1}.getForm().getValues()" Mode="Raw" Encode="true" />                        
                                    </ExtraParams>                    
                                </Click>                
                            </directevents>
                        </ext:Button>
    this is your example https://examples2.ext.net/#/Form/Fie...iner/Overview/,but now i can't get the formpanel'value in child page by the parent page's directevent,please give me a js method(best javasctipt) to get the child page values. like this:Click image for larger version. 

Name:	??.PNG 
Views:	22 
Size:	11.3 KB 
ID:	6055please help me!thanks
    Last edited by Baidaly; Apr 18, 2013 at 2:50 AM. Reason: [CLOSED]
  2. #2
    Hello!

    Please, don't forget about CODE tag: http://forums.ext.net/showthread.php?3440

    About your problem: I don't quite understand you. As I understand, you load another Form in the PanelMiddle with IFrame mode and when you click on the Save button you cannot get values from this PanelMiddle. Am I right? If answer is yes, you should merge values from your parent page and values from IFrame using IFrame communications: https://examples2.ext.net/#/Panel/Ba...Communication/

    And you should do something like this:

    <ext:Parameter Name="values" Value="Ext.applyIf(#{FormPanel1}.getForm().getValues(), #{PanelLoadForm}.getBody().App.FormPanelID.getValues())" Mode="Raw" Encode="true" />
    You should change FormPanelID to the ID of the FormPanel in your child.
    Last edited by Daniil; Apr 18, 2013 at 4:49 AM. Reason: Please use [CODE] tags
  3. #3
    Thanks for your suggextions,i have solved the problem by your methods!

Similar Threads

  1. Replies: 2
    Last Post: Apr 18, 2013, 2:52 AM
  2. [CLOSED] Open parent window from child page using DirectEvent?
    By tjshin in forum 1.x Legacy Premium Help
    Replies: 1
    Last Post: Jun 15, 2012, 2:25 PM
  3. Replies: 1
    Last Post: May 29, 2012, 8:51 AM
  4. Replies: 1
    Last Post: Feb 03, 2012, 2:36 PM
  5. [CLOSED] Child page to parent page call
    By majestic in forum 1.x Legacy Premium Help
    Replies: 3
    Last Post: Oct 05, 2010, 5:41 PM

Posting Permissions