textarea control inside a gridpanel isn't working

[Sangeeta]

Hi,
I am migrating our project from EXT 1.1 to EXT 2.5.
I have a textarea control inside a gridpanel. After entering some comments in the text area and clicking on save button click I am not getting the data inside textarea. Here I have tried using Textfield as well.
Can you please check and let me know where am I going wrong and if I am missing any particular property.


Below is the code:

 <ext:Store ID="Store1" runat="server">
        <Model>
            <ext:Model ID="Model1" runat="server" IDProperty="Name">
                <Fields>
                    <ext:ModelField Name="Name" />
                    <ext:ModelField Name="Price" />
                    <ext:ModelField Name="Change" />
                    <ext:ModelField Name="PctChange" />
                    <ext:ModelField Name="ComboField" />
                    <ext:ModelField Name="Comment" Type="String"/>
                </Fields>
            </ext:Model>
        </Model>
    </ext:Store>

    <ext:GridPanel
        ID="GridPanel1"
        runat="server"
        StoreID="Store1"
        Title="Company List"
        Collapsible="true"
        Width="600"
        Height="350">
        <ColumnModel ID="ColumnModel1" runat="server">
            <Columns>
                <ext:Column ID="Column1" runat="server" Text="Company" Width="160" DataIndex="Name" Flex="1" />
                <ext:Column ID="Column2" runat="server" Text="Price" Width="75" DataIndex="Price">
                    <Renderer Format="UsMoney" />
                </ext:Column>
                <ext:Column ID="Column3" runat="server" Text="Change" Width="75" DataIndex="Change" />
                <ext:Column ID="Column4" runat="server" Text="Change" Width="75" DataIndex="PctChange" />
                <ext:ComponentColumn ID="ComponentColumn1"
                    runat="server"
                    Editor="true"
                    DataIndex="ComboField"
                    Flex="1"
                    Text="ComboBox">
                    <Component>
                        <ext:ComboBox ID="ComboBox1" runat="server">
                            <Items>
                                <ext:ListItem Text="Item 1" Value="1" Mode="Raw" />
                                <ext:ListItem Text="Item 2" Value="2" Mode="Raw" />
                                <ext:ListItem Text="Item 3" Value="3" Mode="Raw" />
                                <ext:ListItem Text="Item 4" Value="4" Mode="Raw" />
                                <ext:ListItem Text="Item 5" Value="5" Mode="Raw" />
                                <ext:ListItem Text="Item 6" Value="6" Mode="Raw" />
                                <ext:ListItem Text="Item 7" Value="7" Mode="Raw" />
                                <ext:ListItem Text="Item 8" Value="8" Mode="Raw" />
                                <ext:ListItem Text="Item 9" Value="9" Mode="Raw" />
                            </Items>
                        </ext:ComboBox>
                    </Component>
                </ext:ComponentColumn>
                <ext:ComponentColumn ID="ComponentColumn2" runat="server" Header="Remarks (80 char max)" DataIndex="Comment" Width="205" MenuDisabled="true"
                    Resizable="false" Sortable="false" ColumnID="ErlComments">
                    <Component>
                        <ext:TextField ID="abc" runat="server" ></ext:TextField>
                       <%-- <ext:TextArea ID="TxtErlComment" runat="server" MaxLength="80" Grow="false" MaskRe="[^<>]"
                            StyleSpec="overflow-x:hidden; overflow-y:hidden" Height="21" EnableKeyEvents="true" EmptyText="Insert remarks here...">
                             <Listeners>
                                <KeyPress Fn="DisableKeyPress" />
                                <SpecialKey Fn="PreventEscape" PreventDefault="true" />
                            </Listeners>
                        </ext:TextArea>--%>
                    </Component>
                </ext:ComponentColumn>
            </Columns>
        </ColumnModel>
        <SelectionModel>
            <ext:RowSelectionModel ID="RowSelectionModel1" runat="server" Mode="Simple" />
        </SelectionModel>

        <Buttons>
            <ext:Button ID="Button1" runat="server" Text="Submit selection">
                <DirectEvents>
                    <Click OnEvent="SubmitSelection">
                        <ExtraParams>
                            <ext:Parameter Name="Values" Value="Ext.encode(#{GridPanel1}.getRowsValues({selectedOnly : true}))" Mode="Raw" />
                        </ExtraParams>
                    </Click>
                </DirectEvents>
            </ext:Button>
        </Buttons>
    </ext:GridPanel>

Code behind:

 protected void SubmitSelection(object sender, DirectEventArgs e)
    {
        string json = e.ExtraParams["Values"];
        
        if (string.IsNullOrEmpty(json))
        {
            return;
       }
.
.
.
..}

[Daniil]

Hi @Sangeeta,

Welcome to the Ext.NET forums!

I think you should set up Editor="true" for the ComponentColumn.

[arjunrvasisht]

Yes daniel, its working now. Thanks:)