Aug 25, 2014, 6:10 PM
Grid record not loading in form for edit
This is just a simple example that adds data to a grid, and when I expand the grid the record from the grid row "should" populate the editor form. I followed the razor example on ext.net mvc examples. However, it is not populating the editor form and gives this error in chrome: Uncaught TypeError: Cannot read property 'getData' of undefined
<body>
<ext:ResourceManager ID="ResourceManager1" runat="server">
</ext:ResourceManager>
<ext:Viewport ID="Viewport1" runat="server" Layout="border">
<Items>
<ext:Panel ID="Panel9" runat="server" Region="Center" Title="Center" Layout="HBoxLayout">
<Items>
<ext:GridPanel ID="GridPanel1" runat="server" Title="GRID" Flex="1" Height="400">
<View>
<ext:GridView runat="server">
</ext:GridView>
</View>
<Store>
<ext:Store runat="server">
<Reader>
<ext:JsonReader>
</ext:JsonReader>
</Reader>
<Model>
<ext:Model ID="Model4" runat="server">
<Fields>
<ext:ModelField Name="first" />
<ext:ModelField Name="last" />
</Fields>
</ext:Model>
</Model>
</ext:Store>
</Store>
<ColumnModel runat="server">
<Columns>
<ext:Column runat="server" Text="First Name" DataIndex="first">
</ext:Column>
<ext:Column ID="Column1" runat="server" Text="Last Name" DataIndex="last">
</ext:Column>
</Columns>
</ColumnModel>
<Plugins>
<ext:RowExpander runat="server">
<Component>
<ext:FormPanel ID="Form2" runat="server" Height="75" >
<Items>
<ext:TextField runat="server" FieldLabel="First Name" Name="first" />
<ext:TextField runat="server" FieldLabel="Last Name" Name="last" />
</Items>
<Listeners>
<AfterRender Handler="this.getForm().loadRecord(this.record);"></AfterRender>
</Listeners>
</ext:FormPanel>
</Component>
<Listeners>
<Expand Fn="expandForm"></Expand>
</Listeners>
</ext:RowExpander>
</Plugins>
<Listeners>
</Listeners>
</ext:GridPanel>
<ext:FormPanel ID="FormPanel1" runat="server" ButtonAlign="Right" Padding="5" Title="FORM"
Flex="1">
<Items>
<ext:TextField ID="TextField1" runat="server" FieldLabel="First Name" DataIndex="first" />
<ext:TextField ID="TextField2" runat="server" FieldLabel="Last Name" DataIndex="last" />
</Items>
<Buttons>
<ext:Button ID="Button1" runat="server" Text="Add">
<Listeners>
<Click Handler="addRow()">
</Click>
</Listeners>
</ext:Button>
</Buttons>
</ext:FormPanel>
</Items>
</ext:Panel>
</Items>
</ext:Viewport>
</body>