[CLOSED] Microsoft JScript runtime error: Invalid argument.

  1. #1

    [CLOSED] Microsoft JScript runtime error: Invalid argument.

    Hi,
    I ran into a problem loading a page. This started happening after the upgrade to 1.7. Not sure where to look. .Net tells me the error is here:
    H.dom.style.width=H.addUnits(G)
    which is in the generated code.

    Here is the code for my whole page.

    <%@ Page Language="vb" AutoEventWireup="false" CodeBehind="jobclasses.aspx.vb" Inherits="uohms.jobclasses" %>
    <%@ Register Assembly="Ext.Net" Namespace="Ext.Net" TagPrefix="ext" %>
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head id="Head1" runat="server">
        <title>UOHMS</title>
        <link href="./resources/css/xtheme-olive.css" rel="stylesheet" type="text/css" />
    
        <script type="text/javascript">
            var customDate = function(value) {
                if (value == 'Tue Jan 1 00:00:00 EST 1901') { 
                    return '';
                } else {
                    return Ext.util.Format.date(value, 'd/m/Y');
                }
            }
        </script>
    
    </head>
    <body>
        <form id="form1" runat="server">
            <ext:ResourceManager ID="ScriptManager1" runat="server" />
    
            <asp:ObjectDataSource ID="dsJobClass" runat="server" SelectMethod="FindAll"
                TypeName="UOttawa.BusinessObjects.JobClassCollection" 
                OldValuesParameterFormatString="original_{0}" >
            </asp:ObjectDataSource>
            
            <ext:Store ID="stoJobClass" runat="server" DataSourceID="dsJobClass">
                <Reader>
                    <ext:JsonReader IDProperty="JobClassCode">
                        <Fields>
                            <ext:RecordField Name="JobClassCode" />
                            <ext:RecordField Name="FormCode" />
                            <ext:RecordField Name="StartDate" Type="Date" />
                            <ext:RecordField Name="EndDate" Type="Date" />
                            <ext:RecordField Name="EnglishDescription" />
                            <ext:RecordField Name="FrenchDescription" />
                            <ext:RecordField Name="BilingualDescription" />
                            <ext:RecordField Name="UpdateUserID" />
                            <ext:RecordField Name="UpdateTimestamp" Type="Date" />
                        </Fields>
                    </ext:JsonReader>
                </Reader>
            </ext:Store>
            <ext:Panel
                ID="pnlJobClass"
                runat="server"
                Title="Job Class"
                Width="1000"
                BodyStyle="padding:10px;"
                ButtonAlign="Center">
                <Items>
                    <ext:Container runat="server" Layout="ColumnLayout" Height="600">
                        <Items>
                            <ext:GridPanel runat="server" ID="grdJobClass" Title="Viewer" Frame="true" 
                                StoreID="stoJobClass" Height="360" Width="470">
                                <LoadMask ShowMask="true"/>
                                <ColumnModel ID="clmJobClass" runat="server">
                                    <Columns>
                                        <ext:Column ColumnID="JobClassCode" Header="Job Class" Width="35" DataIndex="JobClassCode" />
                                        <ext:Column ColumnID="FormCode" Header="Form" Width="20" DataIndex="FormCode" />
                                        <ext:Column DataIndex="EnglishDescription" Header="Description" Width="220" />
                                        <ext:Column DataIndex="StartDate" Header="Effective" Width="75">
                                            <Renderer Fn="customDate" />
                                        </ext:Column>
                                        <ext:Column DataIndex="EndDate" Header="Expires" Width="75">
                                            <Renderer Fn="customDate" />
                                        </ext:Column>
                                    </Columns>
                                </ColumnModel>
                                <SelectionModel>
                                    <ext:RowSelectionModel ID="RowSelectionModel1" runat="server" SingleSelect="true">
                                        <DirectEvents>
                                            <RowSelect OnEvent="RowSelect" Buffer="250">
                                                <EventMask ShowMask="true" Target="CustomTarget" CustomTarget="#{pnlEditor}" />
                                                <ExtraParams>
                                                    <%-- or can use params[2].id as value --%>
                                                    <ext:Parameter  Name="RowID" Value="this.getSelected().id" Mode="Raw" />
                                                    <ext:Parameter  Name="JobClassCode" Value="this.getSelected().data.JobClassCode" Mode="Raw" />
                                                    <ext:Parameter  Name="FormCode" Value="this.getSelected().data.FormCode" Mode="Raw" />
                                                    <ext:Parameter  Name="StartDate" Value="this.getSelected().data.StartDate" Mode="Raw" />
                                                    <ext:Parameter  Name="EndDate" Value="this.getSelected().data.EndDate" Mode="Raw" />
                                                    <ext:Parameter  Name="EnglishDescription" Value="this.getSelected().data.EnglishDescription" Mode="Raw" />
                                                    <ext:Parameter  Name="FrenchDescription" Value="this.getSelected().data.FrenchDescription" Mode="Raw" />
                                                    <ext:Parameter  Name="BilingualDescription" Value="this.getSelected().data.BilingualDescription" Mode="Raw" />
                                                    <ext:Parameter  Name="UpdateUserID" Value="this.getSelected().data.UpdateUserID" Mode="Raw" />
                                                    <ext:Parameter  Name="UpdateTimestamp" Value="this.getSelected().data.UpdateTimestamp" Mode="Raw" />
                                                </ExtraParams>
                                            </RowSelect>
                                        </DirectEvents>
                                    </ext:RowSelectionModel>
                                </SelectionModel>
                                <BottomBar>
                                    <ext:PagingToolBar ID="ptbJobClass" runat="server" 
                                        PageSize="20" 
                                        DisplayInfo="true"
                                        DisplayMsg="Displaying job class {0} - {1} of {2}"
                                        EmptyMsg="No job class to display"                
                                        />
                                </BottomBar> 
                                <Buttons>
                            <ext:Button ID="btnCreateNew" runat="server" Text="Create New" Icon="Add">
                                <Listeners>
                                    <Click Handler="#{winCreateNew}.show();" />
                                </Listeners>
                            </ext:Button>
                                </Buttons>
                            </ext:GridPanel>    
                            <ext:Panel 
                                ID="pnlEditor" 
                                runat="server" 
                                Frame="true" 
                                Title="Editor" 
                                Width="500">
                                <Items>
                                    <ext:Container runat="server" LabelAlign="Left" Layout="FormLayout" LabelWidth="100">
                                        <Items>
                                            <ext:TextField 
                                                ID="txtJobClassCode" 
                                                runat="server" 
                                                FieldLabel="Job Class Code" 
                                                Width="50"
                                                StyleSpec="background:#E5E5E5;"
                                                ReadOnly="true"
                                                MaxLength="2"                            
                                                />
                                            <ext:RadioGroup ID="rdoFormCode" runat="server" HideLabel="false" FieldLabel="Form Code" AutoWidth="true">
                                                <Items>
                                                    <ext:RadioColumn ID="rcolCupe" runat="server" ColumnWidth="0.25">
                                                        <Items>
                                                            <ext:Radio ID="optCupe" runat="server" BoxLabel="CUPE" />
                                                        </Items>
                                                    </ext:RadioColumn>
                                                    <ext:RadioColumn ID="rcolAptpuo" runat="server" ColumnWidth="0.4">
                                                        <Items>
                                                            <ext:Radio ID="optAptpuo" runat="server" BoxLabel="APTPUO" />
                                                        </Items>
                                                    </ext:RadioColumn>
                                                </Items> 
                                            </ext:RadioGroup>
                                            <ext:Panel ID="pnlSpacer1" runat="server" Html="<br />" />
                                            <ext:DateField 
                                                runat="server"
                                                ID="txtStartDate" 
                                                Width="100"
                                                Vtype="daterange"
                                                Format="dd/MM/yyyy"
                                                AltFormats="dd-MM-yyyy|d-M-yy|d-M-yyyy|yyyy-MM-dd|yyyy-M-d"
                                                FieldLabel="Effective">
                                                <Listeners>
                                                    <Render Handler="this.endDateField = '#{txtEndDate}'" />
                                                </Listeners>                            
                                            </ext:DateField>
                                            <ext:DateField 
                                                runat="server" 
                                                ID="txtEndDate"
                                                Width="100"
                                                Vtype="daterange"
                                                Format="dd/MM/yyyy"
                                                AltFormats="dd-MM-yyyy|d-M-yy|d-M-yyyy|yyyy-MM-dd|yyyy-M-d"
                                                FieldLabel="Expires">
                                                <Listeners>
                                                    <Render Handler="this.startDateField = '#{txtStartDate}'" />
                                                </Listeners>                            
                                            </ext:DateField>     
                                            <ext:Panel ID="pnlSpacer2" runat="server" Html="<br />" />
                                            <ext:TextField 
                                                ID="txtEnglishDescription" 
                                                runat="server" 
                                                FieldLabel="English" 
                                                Width="350"
                                                ReadOnly="false" 
                                                MaxLength="50"
                                                />
                                            <ext:TextField 
                                                ID="txtFrenchDescription" 
                                                runat="server" 
                                                FieldLabel="French" 
                                                Width="350"
                                                ReadOnly="false" 
                                                MaxLength="50"
                                                />
                                            <ext:TextField 
                                                ID="txtBilingualDescription" 
                                                runat="server" 
                                                FieldLabel="Bilingual" 
                                                Width="350"
                                                ReadOnly="false" 
                                                MaxLength="50"
                                                />
                                        </Items>
                                    </ext:Container>
                                </Items>
                                <Buttons>
                                    <ext:Button runat="server" ID="btnSave" Text="Save" Icon="Disk">
                                        <DirectEvents>
                                            <Click OnEvent="btnSave_Click" />
                                        </DirectEvents>
                                    </ext:Button>                
                                </Buttons>            
                            </ext:Panel>
                        </Items>        
                    </ext:Container>
                    <ext:Panel ID="pnlTimestamps" runat="server" Border="false">
                        <Content>
                            <div style="width:auto;font-size:10px;font-family:Arial,Helvetica;" align="center"><b>Last Updated:</b> 
                                <ext:Label ID="lblUpdateUserID" runat="server" Text="User" />&nbsp;&middot; 
                                <ext:Label ID="lblUpdateTimestamp" runat="server" Text="Time" /></div>
                        </Content>
                    </ext:Panel>
                    <ext:Panel ID="pnlStatus" runat="server" Border="false">
                        <Content>
                            <div style="width:auto;font-size:10px;font-family:Arial,Helvetica;" align="center"><ext:Label ID="lblStatus" runat="server" AutoHeight="true" /></div>
                        </Content>
                    </ext:Panel>                
                </Items>
            </ext:Panel>
                    
            <%-- popup functional windows --%>
            <ext:Window 
                ID="winCreateNew" 
                runat="server" 
                Title="Create New" 
                Height="285px" 
                Width="500px"
                BodyStyle="padding: 6px; background-color: #fff;" 
                ShowOnLoad="false"
                Collapsible="false"
                Modal="True"
                Hidden="true"
                Icon="ApplicationFormAdd">
                <Items>
                        <ext:TextField 
                            ID="txtNewJobClassCode" 
                            runat="server" 
                            FieldLabel="Job Class Code" 
                            Width="150"
                            ReadOnly="false" 
                            MaxLength="2"
                            />
                        <ext:RadioGroup ID="rgrpNewFormCode" runat="server" HideLabel="false" FieldLabel="Form Code" AutoWidth="true">
                            <Items>
                                <ext:RadioColumn ID="rcolNewCupe" runat="server" ColumnWidth="0.2">
                                    <Items>
                                        <ext:Radio ID="optNewCupe" runat="server" BoxLabel="CUPE" />
                                    </Items>
                                </ext:RadioColumn>
                                <ext:RadioColumn ID="rcolNewAptpuo" runat="server" ColumnWidth="0.4">
                                    <Items>
                                        <ext:Radio ID="optNewAptpuo" runat="server" BoxLabel="APTPUO" />
                                    </Items>
                                </ext:RadioColumn>
                            </Items> 
                        </ext:RadioGroup>                    
                        <ext:DateField 
                            runat="server"
                            ID="txtNewStartDate" 
                            Vtype="daterange"
                            Format="dd/MM/yyyy"
                            AltFormats="dd-MM-yyyy|d-M-yy|d-M-yyyy|yyyy-MM-dd|yyyy-M-d"
                            Width="200"
                            FieldLabel="Effective">
                            <Listeners>
                                <Render Handler="this.endDateField = '#{txtNewEndDate}'" />
                            </Listeners>                            
                        </ext:DateField>
                        <ext:DateField 
                            runat="server" 
                            ID="txtNewEndDate"
                            Vtype="daterange"
                            Format="dd/MM/yyyy"
                            AltFormats="dd-MM-yyyy|d-M-yy|d-M-yyyy|yyyy-MM-dd|yyyy-M-d"
                            Width="200"
                            FieldLabel="Expires">
                            <Listeners>
                                <Render Handler="this.startDateField = '#{txtNewStartDate}'" />
                            </Listeners>                            
                        </ext:DateField>     
                        <ext:TextField 
                            ID="txtNewEnglishDescription" 
                            runat="server" 
                            FieldLabel="English" 
                            Width="450"
                            ReadOnly="false" 
                            MaxLength="50"
                            />
                        <ext:TextField 
                            ID="txtNewFrenchDescription" 
                            runat="server" 
                            FieldLabel="French" 
                            Width="450"
                            ReadOnly="false" 
                            MaxLength="50"
                            />
                        <ext:TextField 
                            ID="txtNewBilingualDescription" 
                            runat="server" 
                            FieldLabel="Bilingual" 
                            Width="450"
                            ReadOnly="false" 
                            MaxLength="50"
                            />
                        <ext:Panel ID="pnlNewStatus" runat="server" Border="false">
                            <Content>
                                <div style="width:auto;font-size:10px;font-family:Arial,Helvetica;" align="center"><ext:Label ID="lblNewStatus" runat="server" AutoHeight="true" /></div>
                            </Content>
                        </ext:Panel>
                    </Items>
                <Buttons>
                    <ext:Button runat="server" ID="btnInsert" Text="OK" Icon="Accept">
                        <DirectEvents>
                            <Click OnEvent="btnInsert_Click" />
                        </DirectEvents>
                    </ext:Button>
                    <ext:Button runat="server" ID="btnCancel" Text="Cancel" Icon="Cancel" OnClientClick="winCreateNew.hide();return false;" />
                </Buttons>
            </ext:Window>
        </form>
    </body>
    </html>
    Last edited by Daniil; Jul 11, 2013 at 3:38 AM. Reason: [CLOSED]
  2. #2
    Hello!

    It is always better to post runnable samples.

    Can you try to run the following sample. Does it work? If it works then the problem with your store and grid.

    <%@ Page Language="VB" %>
    
    <%@ Register Assembly="Ext.Net" Namespace="Ext.Net" TagPrefix="ext" %>
    
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head id="Head1" runat="server">
        <script type="text/javascript">
            var customDate = function(value) {
                if (value == 'Tue Jan 1 00:00:00 EST 1901') { 
                    return '';
                } else {
                    return Ext.util.Format.date(value, 'd/m/Y');
                }
            }
        </script>
     
    </head>
    <body>
        <form id="form1" runat="server">
            <ext:ResourceManager ID="ScriptManager1" runat="server" />
     
            <%--<asp:ObjectDataSource ID="dsJobClass" runat="server" SelectMethod="FindAll"
                TypeName="UOttawa.BusinessObjects.JobClassCollection"
                OldValuesParameterFormatString="original_{0}" >
            </asp:ObjectDataSource>
             
            <ext:Store ID="stoJobClass" runat="server" DataSourceID="dsJobClass">
                <Reader>
                    <ext:JsonReader IDProperty="JobClassCode">
                        <Fields>
                            <ext:RecordField Name="JobClassCode" />
                            <ext:RecordField Name="FormCode" />
                            <ext:RecordField Name="StartDate" Type="Date" />
                            <ext:RecordField Name="EndDate" Type="Date" />
                            <ext:RecordField Name="EnglishDescription" />
                            <ext:RecordField Name="FrenchDescription" />
                            <ext:RecordField Name="BilingualDescription" />
                            <ext:RecordField Name="UpdateUserID" />
                            <ext:RecordField Name="UpdateTimestamp" Type="Date" />
                        </Fields>
                    </ext:JsonReader>
                </Reader>
            </ext:Store>--%>
            <ext:Panel
                ID="pnlJobClass"
                runat="server"
                Title="Job Class"
                Width="1000"
                BodyStyle="padding:10px;"
                ButtonAlign="Center">
                <Items>
                    <ext:Container runat="server" Layout="ColumnLayout" Height="600">
                        <Items>
                            <ext:GridPanel runat="server" ID="grdJobClass" Title="Viewer" Frame="true"
                                 Height="360" Width="470">
                                <LoadMask ShowMask="true"/>
                                <ColumnModel ID="clmJobClass" runat="server">
                                    <Columns>
                                        <ext:Column ColumnID="JobClassCode" Header="Job Class" Width="35" DataIndex="JobClassCode" />
                                        <ext:Column ColumnID="FormCode" Header="Form" Width="20" DataIndex="FormCode" />
                                        <ext:Column DataIndex="EnglishDescription" Header="Description" Width="220" />
                                        <ext:Column DataIndex="StartDate" Header="Effective" Width="75">
                                            <Renderer Fn="customDate" />
                                        </ext:Column>
                                        <ext:Column DataIndex="EndDate" Header="Expires" Width="75">
                                            <Renderer Fn="customDate" />
                                        </ext:Column>
                                    </Columns>
                                </ColumnModel>
                                <Store>
                                    <ext:Store runat="server"></ext:Store>
                                </Store>
                                <SelectionModel>
                                    <ext:RowSelectionModel ID="RowSelectionModel1" runat="server" SingleSelect="true">
                                    </ext:RowSelectionModel>
                                </SelectionModel>
                                <BottomBar>
                                    <ext:PagingToolBar ID="ptbJobClass" runat="server"
                                        PageSize="20"
                                        DisplayInfo="true"
                                        DisplayMsg="Displaying job class {0} - {1} of {2}"
                                        EmptyMsg="No job class to display"               
                                        />
                                </BottomBar> 
                                <Buttons>
                            <ext:Button ID="btnCreateNew" runat="server" Text="Create New" Icon="Add">
                                <Listeners>
                                    <Click Handler="#{winCreateNew}.show();" />
                                </Listeners>
                            </ext:Button>
                                </Buttons>
                            </ext:GridPanel>
                            <ext:Panel
                                ID="pnlEditor"
                                runat="server"
                                Frame="true"
                                Title="Editor"
                                Width="500">
                                <Items>
                                    <ext:Container runat="server" LabelAlign="Left" Layout="FormLayout" LabelWidth="100">
                                        <Items>
                                            <ext:TextField
                                                ID="txtJobClassCode"
                                                runat="server"
                                                FieldLabel="Job Class Code"
                                                Width="50"
                                                StyleSpec="background:#E5E5E5;"
                                                ReadOnly="true"
                                                MaxLength="2"                           
                                                />
                                            <ext:RadioGroup ID="rdoFormCode" runat="server" HideLabel="false" FieldLabel="Form Code" AutoWidth="true">
                                                <Items>
                                                    <ext:RadioColumn ID="rcolCupe" runat="server" ColumnWidth="0.25">
                                                        <Items>
                                                            <ext:Radio ID="optCupe" runat="server" BoxLabel="CUPE" />
                                                        </Items>
                                                    </ext:RadioColumn>
                                                    <ext:RadioColumn ID="rcolAptpuo" runat="server" ColumnWidth="0.4">
                                                        <Items>
                                                            <ext:Radio ID="optAptpuo" runat="server" BoxLabel="APTPUO" />
                                                        </Items>
                                                    </ext:RadioColumn>
                                                </Items> 
                                            </ext:RadioGroup>
                                            <ext:Panel ID="pnlSpacer1" runat="server" Html="<br />" />
                                            <ext:DateField
                                                runat="server"
                                                ID="txtStartDate"
                                                Width="100"
                                                Vtype="daterange"
                                                Format="dd/MM/yyyy"
                                                AltFormats="dd-MM-yyyy|d-M-yy|d-M-yyyy|yyyy-MM-dd|yyyy-M-d"
                                                FieldLabel="Effective">
                                                <Listeners>
                                                    <Render Handler="this.endDateField = '#{txtEndDate}'" />
                                                </Listeners>                            
                                            </ext:DateField>
                                            <ext:DateField
                                                runat="server"
                                                ID="txtEndDate"
                                                Width="100"
                                                Vtype="daterange"
                                                Format="dd/MM/yyyy"
                                                AltFormats="dd-MM-yyyy|d-M-yy|d-M-yyyy|yyyy-MM-dd|yyyy-M-d"
                                                FieldLabel="Expires">
                                                <Listeners>
                                                    <Render Handler="this.startDateField = '#{txtStartDate}'" />
                                                </Listeners>                            
                                            </ext:DateField>     
                                            <ext:Panel ID="pnlSpacer2" runat="server" Html="<br />" />
                                            <ext:TextField
                                                ID="txtEnglishDescription"
                                                runat="server"
                                                FieldLabel="English"
                                                Width="350"
                                                ReadOnly="false"
                                                MaxLength="50"
                                                />
                                            <ext:TextField
                                                ID="txtFrenchDescription"
                                                runat="server"
                                                FieldLabel="French"
                                                Width="350"
                                                ReadOnly="false"
                                                MaxLength="50"
                                                />
                                            <ext:TextField
                                                ID="txtBilingualDescription"
                                                runat="server"
                                                FieldLabel="Bilingual"
                                                Width="350"
                                                ReadOnly="false"
                                                MaxLength="50"
                                                />
                                        </Items>
                                    </ext:Container>
                                </Items>
                                <Buttons>
                                    <ext:Button runat="server" ID="btnSave" Text="Save" Icon="Disk">
                                        <DirectEvents>
                                            
                                        </DirectEvents>
                                    </ext:Button>                
                                </Buttons>            
                            </ext:Panel>
                        </Items>        
                    </ext:Container>
                    <ext:Panel ID="pnlTimestamps" runat="server" Border="false">
                        <Content>
                            <div style="width:auto;font-size:10px;font-family:Arial,Helvetica;" align="center"><b>Last Updated:</b> 
                                <ext:Label ID="lblUpdateUserID" runat="server" Text="User" />&nbsp;&middot; 
                                <ext:Label ID="lblUpdateTimestamp" runat="server" Text="Time" /></div>
                        </Content>
                    </ext:Panel>
                    <ext:Panel ID="pnlStatus" runat="server" Border="false">
                        <Content>
                            <div style="width:auto;font-size:10px;font-family:Arial,Helvetica;" align="center"><ext:Label ID="lblStatus" runat="server" AutoHeight="true" /></div>
                        </Content>
                    </ext:Panel>                
                </Items>
            </ext:Panel>
                     
            <%-- popup functional windows --%>
            <ext:Window
                ID="winCreateNew"
                runat="server"
                Title="Create New"
                Height="285px"
                Width="500px"
                BodyStyle="padding: 6px; background-color: #fff;"
                ShowOnLoad="false"
                Collapsible="false"
                Modal="True"
                Hidden="true"
                Icon="ApplicationFormAdd">
                <Items>
                        <ext:TextField
                            ID="txtNewJobClassCode"
                            runat="server"
                            FieldLabel="Job Class Code"
                            Width="150"
                            ReadOnly="false"
                            MaxLength="2"
                            />
                        <ext:RadioGroup ID="rgrpNewFormCode" runat="server" HideLabel="false" FieldLabel="Form Code" AutoWidth="true">
                            <Items>
                                <ext:RadioColumn ID="rcolNewCupe" runat="server" ColumnWidth="0.2">
                                    <Items>
                                        <ext:Radio ID="optNewCupe" runat="server" BoxLabel="CUPE" />
                                    </Items>
                                </ext:RadioColumn>
                                <ext:RadioColumn ID="rcolNewAptpuo" runat="server" ColumnWidth="0.4">
                                    <Items>
                                        <ext:Radio ID="optNewAptpuo" runat="server" BoxLabel="APTPUO" />
                                    </Items>
                                </ext:RadioColumn>
                            </Items> 
                        </ext:RadioGroup>                    
                        <ext:DateField
                            runat="server"
                            ID="txtNewStartDate"
                            Vtype="daterange"
                            Format="dd/MM/yyyy"
                            AltFormats="dd-MM-yyyy|d-M-yy|d-M-yyyy|yyyy-MM-dd|yyyy-M-d"
                            Width="200"
                            FieldLabel="Effective">
                            <Listeners>
                                <Render Handler="this.endDateField = '#{txtNewEndDate}'" />
                            </Listeners>                            
                        </ext:DateField>
                        <ext:DateField
                            runat="server"
                            ID="txtNewEndDate"
                            Vtype="daterange"
                            Format="dd/MM/yyyy"
                            AltFormats="dd-MM-yyyy|d-M-yy|d-M-yyyy|yyyy-MM-dd|yyyy-M-d"
                            Width="200"
                            FieldLabel="Expires">
                            <Listeners>
                                <Render Handler="this.startDateField = '#{txtNewStartDate}'" />
                            </Listeners>                            
                        </ext:DateField>     
                        <ext:TextField
                            ID="txtNewEnglishDescription"
                            runat="server"
                            FieldLabel="English"
                            Width="450"
                            ReadOnly="false"
                            MaxLength="50"
                            />
                        <ext:TextField
                            ID="txtNewFrenchDescription"
                            runat="server"
                            FieldLabel="French"
                            Width="450"
                            ReadOnly="false"
                            MaxLength="50"
                            />
                        <ext:TextField
                            ID="txtNewBilingualDescription"
                            runat="server"
                            FieldLabel="Bilingual"
                            Width="450"
                            ReadOnly="false"
                            MaxLength="50"
                            />
                        <ext:Panel ID="pnlNewStatus" runat="server" Border="false">
                            <Content>
                                <div style="width:auto;font-size:10px;font-family:Arial,Helvetica;" align="center"><ext:Label ID="lblNewStatus" runat="server" AutoHeight="true" /></div>
                            </Content>
                        </ext:Panel>
                    </Items>
                <Buttons>
                    <ext:Button runat="server" ID="btnInsert" Text="OK" Icon="Accept">
                        <DirectEvents>
                        </DirectEvents>
                    </ext:Button>
                    <ext:Button runat="server" ID="btnCancel" Text="Cancel" Icon="Cancel" OnClientClick="winCreateNew.hide();return false;" />
                </Buttons>
            </ext:Window>
        </form>
    </body>
    </html>
    Last edited by Baidaly; Jul 03, 2013 at 12:56 AM.
  3. #3
    I copied your code as is and I got the exact same error at the exact same place so I guess the Grid and it's store are not the problem.

    Any other suggestion?

    Thanks,
    Bert
  4. #4
    What is the browser you are testing with?
  5. #5
    I'm using IE10 and testing compatibility mode ON and OFF. I didn't try with Firefox.
  6. #6
    I couldn't reproduce with IE10 either.

    This started happening after the upgrade to 1.7.
    You said you updated to 1.7. Can you say which link have you used to update? I've tried the following link and it works: http://svn.ext.net/premium/tags/1.7.0
  7. #7
    Hi,
    I have done some code isolation and apparently the problem would be with these lines of code.

                        <ext:RadioGroup ID="rgrpNewFormCode" runat="server" HideLabel="false" FieldLabel="Form Code" AutoWidth="true">
                            <Items>
                                <ext:RadioColumn ID="rcolNewCupe" runat="server" ColumnWidth="0.2">
                                    <Items>
                                        <ext:Radio ID="optNewCupe" runat="server" BoxLabel="CUPE" />
                                    </Items>
                                </ext:RadioColumn>
                                <ext:RadioColumn ID="rcolNewAptpuo" runat="server" ColumnWidth="0.4">
                                    <Items>
                                        <ext:Radio ID="optNewAptpuo" runat="server" BoxLabel="APTPUO" />
                                    </Items>
                                </ext:RadioColumn>
                            </Items> 
                        </ext:RadioGroup>
    I don't see what is wrong with it. Any ideas?

    Bert
  8. #8
    Thank you! I was able to reproduce.

    We are investigating!
  9. #9
    In IE10 the RadioGroup doesn't get right width. You solve it using AfterRender handler:

    <ext:RadioGroup ID="rgrpNewFormCode" runat="server" HideLabel="false" FieldLabel="Form Code" AutoWidth="True">
        <Listeners>
            <AfterRender Handler="
                this.el.child('.x-column-inner').setWidth('auto');
            "></AfterRender>
        </Listeners>
        <Items>
            <ext:RadioColumn ID="rcolNewCupe" runat="server" Width="200">
                <Items>
                    <ext:Radio ID="optNewCupe" runat="server" BoxLabel="CUPE" />
                </Items>
            </ext:RadioColumn>
            <ext:RadioColumn ID="rcolNewAptpuo" runat="server" Width="400">
                <Items>
                    <ext:Radio ID="optNewAptpuo" runat="server" BoxLabel="APTPUO" Width="50" />
                </Items>
            </ext:RadioColumn>
        </Items> 
    </ext:RadioGroup>

Similar Threads

  1. Replies: 3
    Last Post: Jun 29, 2013, 12:50 AM
  2. Replies: 5
    Last Post: Mar 16, 2012, 2:47 PM
  3. [CLOSED] getItemId - Microsoft JScript runtime error
    By asztern in forum 1.x Legacy Premium Help
    Replies: 2
    Last Post: Oct 04, 2010, 2:45 PM
  4. Microsoft JScript runtime error
    By kiran malgi in forum 1.x Help
    Replies: 4
    Last Post: May 27, 2010, 1:28 AM
  5. Microsoft JScript runtime error: 'Ext' is undefined
    By Satyanarayana murthy in forum Open Discussions
    Replies: 11
    Last Post: Mar 31, 2010, 11:54 AM

Posting Permissions