[CLOSED] RowExpander with more then one formpanel

Page 2 of 2 FirstFirst 12
  1. #11
    Quote Originally Posted by trePjt View Post
    I will show my code after finishing the modification.
    We much appreciate sharing solutions with the community. Thank you!
  2. #12
    Here is my code for reference
                                         <ext:RowExpander>
                                                    <Component>
                                                        <ext:Container ID="Container2" runat="server" Layout="CardLayout">
                                                        <Items>
                                                            <ext:FormPanel ID="FormPanel1" runat="server" Header="false" Border="false" Layout="ColumnLayout" ButtonAlign="Center">
                                                                <Items>
                                                                    <ext:TextField ID="txtLblLabel" Name="TMDITMNO" runat="server" ColumnWidth="0.15" Disabled="true" DisabledCls=""/>
                                                                    <ext:TextField ID="TextField3" Name="TMDTICKET" runat="server" ColumnWidth="0.15"/>
                                                                    <ext:TextField ID="TextField4" Name="TMDDESC" runat="server" ColumnWidth="0.25" Disabled="true" DisabledCls=""/>
                                                                    <ext:TextField ID="TextField5" Name="TMDCOLOR" runat="server" ColumnWidth="0.05" Disabled="true" DisabledCls=""/>
                                                                    <ext:TextField ID="TextField6" Name="TMDWIDTH" runat="server" ColumnWidth="0.05" Disabled="true" DisabledCls=""/>
                                                                    <ext:TextField ID="TextField7" Name="TMDUNIT" runat="server" ColumnWidth="0.05" Disabled="true" DisabledCls=""/>
                                                                    <ext:TextField ID="TextField8" Name="TMDRMK" runat="server" ColumnWidth="0.25"/>
                                                                </Items>
                                                            <Buttons>
                                                                <ext:Button ID="cmdPrdCorSave" runat="server" Text="_LblSave" Icon="Disk">
                                                                    <Listeners>
                                                                        <Click Handler="var grid = #{tblPrd}, form = #{FormPanel1};
                                                                                        grid.getRowExpander().collapseAll();
                                                                                        form.getForm().updateRecord(form.record);grid.store.sync();" />
                                                                    </Listeners>
                                                                </ext:Button>
                                                                <ext:Button ID="cmdPrdCorCancel" runat="server" Text="_LblCancel" Icon="Decline">
                                                                    <Listeners>
                                                                        <Click Handler="var grid = #{tblPrd}, form = #{FormPanel1};
                                                                                        grid.getRowExpander().collapseAll();" />
                                                                    </Listeners>
                                                                </ext:Button>   
                                                            </Buttons>
                                                            </ext:FormPanel>
                                                            <ext:Container ID="Container3" runat="server">
                                                                <Items>
                                                                    <ext:FormPanel ID="FormPanel2" runat="server" Title="_Add a New Product" Border="false" ButtonAlign="Center">
                                                                        <Items>
                                                                            <ext:TextField ID="txtPrdAddNTicket" Name="TMDTICKET" runat="server" />
                                                                            <ext:TextField ID="txtPrdAddNRemark" Name="TMDRMK" runat="server" />
                                                                            <ext:TextField ID="TextField2" Name="TMDDEVELOP" runat="server"/>
                                                                        </Items>
                                                                    <Buttons>
                                                                        <ext:Button ID="cmdPrdAddNSave" runat="server" Text="_LblSave" Icon="Disk">
                                                                            <Listeners>
                                                                                <Click Handler="var grid = #{tblPrd}, form = #{FormPanel2};
                                                                                                grid.getRowExpander().collapseAll();
                                                                                                form.getForm().updateRecord(form.record);grid.store.sync();" />
                                                                            </Listeners>
                                                                        </ext:Button>
                                                                        <ext:Button ID="cmdPrdAddNCancel" runat="server" Text="_LblCancel" Icon="Decline">
                                                                            <Listeners>
                                                                                <Click Handler="var grid = #{tblPrd}, form = #{FormPanel2};
                                                                                                grid.getRowExpander().collapseAll();" />
                                                                            </Listeners>
                                                                        </ext:Button>   
                                                                    </Buttons>
                                                                    </ext:FormPanel>    
                                                                    <ext:FormPanel ID="FormPanel4" runat="server" Title="_Development" Border="false" ButtonAlign="Center">
                                                                        <Items>
                                                                            <ext:TextField ID="txtPrdAddDItmNo" Name="TMDITMNO" runat="server"/>
                                                                            <ext:TextField ID="txtPrdAddDTicket" Name="TMDTICKET" runat="server"/>
                                                                            <ext:TextField ID="txtPrdAddDDesc" Name="TMDDESC" runat="server" />
                                                                            <ext:TextField ID="txtPrdAddDColor" Name="TMDCOLOR" runat="server" />
                                                                            <ext:TextField ID="txtPrdAddDWidth" Name="TMDWIDTH" runat="server" />
                                                                            <ext:TextField ID="txtPrdAddDUnit" Name="TMDUNIT" runat="server" />
                                                                            <ext:TextField ID="txtPrdAddDRmk" Name="TMDRMK" runat="server"/>
                                                                            <ext:TextField ID="TextField1" Name="TMDDEVELOP" runat="server"/>
                                                                        </Items>
                                                                    <Buttons>
                                                                        <ext:Button ID="cmdPrdAddDSave" runat="server" Text="_LblSave" Icon="Disk">
                                                                            <Listeners>
                                                                                <Click Handler="var grid = #{tblPrd}, form = #{FormPanel4};
                                                                                                grid.getRowExpander().collapseAll();
                                                                                                form.getForm().updateRecord(form.record);grid.store.sync();" />
                                                                            </Listeners>
                                                                        </ext:Button>
                                                                        <ext:Button ID="cmdPrdAddDCancel" runat="server" Text="_LblCancel" Icon="Decline">
                                                                            <Listeners>
                                                                                <Click Handler="var grid = #{tblPrd}, form = #{FormPanel4};
                                                                                                grid.getRowExpander().collapseAll();" />
                                                                            </Listeners>
                                                                        </ext:Button>   
                                                                    </Buttons>
                                                                    </ext:FormPanel>                                                               
                                                                </Items>
                                                            </ext:Container>                                                       
                                                        </Items>
                                                        </ext:Container>
                                                    </Component>
                                                    <Listeners>
                                                         <Expand Fn="onExpand" />
                                                    </Listeners>
                                                 </ext:RowExpander>
    JAVASCRIPT

            var onExpand = function (rowExpander, record, body, row, rowIndex) {
                var cards = rowExpander.component.layout;
                
                if (record.get('TMDITMNO') === '') {
                    cards.setActiveItem(1);
                    cards.getActiveItem().items.getAt(0).loadRecord(record);
                    record.set('TMDDEVELOP','Y');
                    cards.getActiveItem().items.getAt(1).loadRecord(record);
                } else {
                    cards.setActiveItem(0);
                    cards.getActiveItem().loadRecord(record);
                }
            };
  3. #13
    Thank you for sharing!
Page 2 of 2 FirstFirst 12

Similar Threads

  1. [OPEN] [#236] [2.2] Bug on RowExpander
    By Periscope in forum 2.x Legacy Premium Help
    Replies: 5
    Last Post: May 09, 2013, 5:18 AM
  2. GridPanel RowExpander
    By idelacruz in forum 2.x Help
    Replies: 3
    Last Post: Mar 03, 2013, 5:29 PM
  3. [CLOSED] Combine RowExpander with TransformGrid
    By CarWise in forum 2.x Legacy Premium Help
    Replies: 2
    Last Post: Oct 11, 2012, 12:14 PM
  4. Replies: 0
    Last Post: Nov 17, 2011, 10:53 AM
  5. RowExpander
    By mmiocev in forum 1.x Help
    Replies: 0
    Last Post: Apr 06, 2009, 12:56 PM

Tags for this Thread

Posting Permissions