Grid error when resizing column

May 10, 2011 at 9:36 AM

dear all,

i try a window popup contains a grid. here is my code:

 

 <ext:Window ID="windowPrincipal"  Title="Select Principal" runat="server" BodyPadding="10px" IsModal="true" Hidden="true" Target="Top" Width="450px" Height="300px" EnableClose="true">
        <Items>
            <ext:Panel ID="Panel1" Layout="Fit" ShowHeader="false" BodyPadding="3px" runat="server">
                <Items>
                    <ext:TriggerBox ID="trbCari" runat="server" TriggerIcon="Search" Label="Cari nama principal:"></ext:TriggerBox>
                </Items>
                <Items>
                   <ext:Grid ID="gridPrincipal" Title="Grid1" runat="server" PageSize="4" ShowBorder="true" ShowHeader="False" AllowSorting="true"
                 EnableCheckBoxSelect="true" AutoPostBack="true" AutoScroll="true" DataKeyNames="PrincipalId" EnableRowNumber="True" Height="230px" >
                        <Columns>
                            <ext:BoundField DataField="PrincipalID" HeaderText="ID" SortField="PrincipalID" Width="50px" />
                            <ext:BoundField DataField="Name" HeaderText="Nama Principal" Width="100px" />
                            <ext:BoundField DataField="Address" HeaderText="Alamat" Width="100px" />
                        </Columns>
                    </ext:Grid>
                </Items>
            </ext:Panel>
        </Items>
      </ext:Window>


When debuging, popup show successful, but when try resizing column, throw this error:
Microsoft JScript runtime error: Object required

and visual studio highlight this script:
var j=q.dom?q:Ext.fly(q,"_dd");

Please help me how to solve this error. 

many thanks,

Fery