[CLOSED] Microsoft JScript runtime error: 'elements.length' is null or not an object

[Jean-Pierre Poulin]

Hi!


When calling:

formPanel.form.submit({ waitMsg: 'Saving...', success: successHandler, failure: failureHandler });


I have this error :

Microsoft JScript runtime error: 'elements.length' is null or not an object


Dynamic source code:

Ext.apply(Ext.lib.Ajax, {
    serializeForm : function (form, parentEl) {
	    var hasSubmit = false,
		    encoder = encodeURIComponent,
		    element,
		    name,
		    data = [],
		    type;


		hasSubmit = form.ignoreAllSubmitFields || false;


	    for (var i = 0; i < form.elements.length; i++) {
		    element = form.elements[i];
		    name = element.name;
		    type = element.type;
		    
		    if (!Ext.isEmpty(parentEl) &amp;&amp; Ext.isEmpty(Ext.fly(element).parent("#" + parentEl.id))) {

In the watch window, form.elements is undefined.


ASPX:

    <ext:Viewport ID="viewPort" runat="server" Layout="Fit">
        <Items>
            <ext:FormPanel ID="formPanel" runat="server" Border="false" Url="~/Timesheet/Edit"
                Layout="Fit">
                <BottomBar>
                    <ext:StatusBar ID="statusBar" runat="server">
                        <Items>
                            <ext:Label ID="labelApproved" runat="server" StyleSpec="font-weight:bold; color:#15428B;">
                            </ext:Label>
                            <ext:Label Text="|" runat="server">
                            </ext:Label>
                            <ext:Label ID="labelTimesheetStatus" runat="server" StyleSpec="font-weight:bold; color:#15428B;">
                            </ext:Label>
                            <ext:Label ID="Label1" Text="|" runat="server">
                            </ext:Label>
                            <ext:Label ID="labelTransferredToPayroll" runat="server" StyleSpec="font-weight:bold; color:#15428B;">
                            </ext:Label>
                        </Items>
                    </ext:StatusBar>
                </BottomBar>
                <Items>
                    <ext:TabPanel ID="tabPanel" runat="server" DeferredRender="false">
                        <Items>
                            <ext:Panel ID="tabDetail" Title="<%$Resources:ResStr, TimesheetFrm_Tab_Detail%>"
                                runat="server" BodyStyle="padding: 6px;" Border="false" Layout="Fit">

Do you know what I should do?


Thanks in advance!


Jp :-)

[Vladimir]

Hi,

Do you have ASP.NET form (form with runat=server)?
If yes then FormPanel doesn't render own form because one form cannot be inserted into the another form
You have to remove ASP.NET form or don't use 'formPanel.form.submit'

[Jean-Pierre Poulin]

.">I put an ext: FormPanel within a <form>. , ça marche.">I removed the <form>, it works!!

, ça marche.">Thank you very much.