Oct 02, 2013, 3:06 PM
-
-
Oct 03, 2013, 9:16 AMHere is my code for reference
JAVASCRIPT<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>
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); } };
-
Oct 03, 2013, 12:21 PMThank you for sharing!
Similar Threads
-
[OPEN] [#236] [2.2] Bug on RowExpander
By Periscope in forum 2.x Legacy Premium HelpReplies: 5Last Post: May 09, 2013, 5:18 AM -
GridPanel RowExpander
By idelacruz in forum 2.x HelpReplies: 3Last Post: Mar 03, 2013, 5:29 PM -
[CLOSED] Combine RowExpander with TransformGrid
By CarWise in forum 2.x Legacy Premium HelpReplies: 2Last Post: Oct 11, 2012, 12:14 PM -
[FormPanel] Buttons dinamically + Before script + User Control + Iterate over all FormPanel's of the window
By marcoslimagon in forum 1.x HelpReplies: 0Last Post: Nov 17, 2011, 10:53 AM -
RowExpander
By mmiocev in forum 1.x HelpReplies: 0Last Post: Apr 06, 2009, 12:56 PM