[CLOSED] DropDownField with the Treepanel in produces an error only in IE

[deejayns]

This is the markup of my ascx control:

<ext:Container runat="server">
    <Items>
        <tbm:VMSDropdownField runat="server" ID="ddl" TriggerIcon="Combo" Width="600" Mode="ValueText" LabelWidth="450"
            LabelID="rate_structure" Editable="false" EnableKeyEvents="true"  >
            <Component>
                <ext:TreePanel runat="server" Width="300" UseArrows="true" AutoScroll="true" ID="tree">
                    <Listeners>
                        <Click Handler="this.dropDownField.setValue(node.id, node.text, false);this.dropDownField.collapse();" />
                    </Listeners>
                </ext:TreePanel>
            </Component>
            <Listeners>
                <SpecialKey Fn="onSpecialKey" />
            </Listeners>
        </tbm:VMSDropdownField>
    </Items>
</ext:Container>

Control loads with no error but, after I click on the dropdownfield got the following error:

  Invalid argument.  WebResource.axd?d=lcGITs6mpRiGDlJ7kmWzr8l7n-ImtxcQPU4G27WV8yaB7SLYlsKn_3_XDx_H-lhX_6ziVzs64-yxo3sDrcqksUR72bTMLhkXGM9z1ZTORFyl27aPv4qQLvpaft5Jc-UKPI7Yy9GCJMcGvCTiaNOW1A2&t=634462199869893399, line 7 character 151830

When clicked on link got:

"....dth=j;u.height=o;if(!Ext.isIE){m=k.childNodes;c=Math.max(0,(p-12))+"px";m[0].childNodes[1].style.width=c;m[1].childNodes[1].style.width=c;m[2].childNodes[1].style.width=c;m[1].style.height=Math.max(0,(e-12))....

In Firefox works just fine.

How to fix this?


Thanks.

[Vladimir]

Hi,

I cannot reproduce it on online sample
https://examples1.ext.net/#/Form/Dro...alueText_Mode/

Please provide a sample which can be run localy

[deejayns]

See now that it works ok in IE7 and FF but not in IE8.

Providing a sample is not an easy task I guess...

  Invalid argument.  WebResource.axd?d=lcGITs6mpRiGDlJ7kmWzr8l7n-ImtxcQPU4G27WV8yaB7SLYlsKn_3_XDx_H-lhX_6ziVzs64-yxo3sDrcqksUR72bTMLhkXGM9z1ZTORFyl27aPv4qQLvpaft5Jc-UKPI7Yy9GCJMcGvCTiaNOW1A2&t=634462199869893399, line 7 character 151830

/*
 * Ext JS Library 3.4.0
 * Copyright(c) 2006-2011 Sencha Inc.
 * licensing@sencha.com
 * http://www.sencha.com/license
 */
....

+"px";u.top=(r+n.t)+"px";if(u.width!=j||u.height!=o){u.width=j;u.height=o;if(!Ext.isIE){m=k.childNodes;c=Math.max(0,(p-12))+"px";m[0].childNodes[1].style.width=c;m[1].childNodes[1].style.width=c;m[2].childNodes[1].style.width=c;m[1].style.height=Math.max(0,(e-12))+"px"}}},hide:function(){if(this.el){this.el.dom.style.display="none";Ext.Shadow.Pool.push(this.e[/B]l);delete this.el}},setZIndex:

[deejayns]

more exactly it breaks on this:

u.height=o

o = "-1px" String

[Vladimir]

Hi,

Unfortunately I cannot reproduce the problem
I am out ideas what can be wrong in your application. Try to narrow the problem reducing the code step by step

[deejayns]

Ok wil try to...:

 realign: function(l, t, w, h) {
        if (!this.el) {
            return;
        }
        var a = this.adjusts,
            d = this.el.dom,
            s = d.style,
            iea = 0,
            sw = (w + a.w),
            sh = (h + a.h),
            sws = sw + "px",
            shs = sh + "px",
            cn,
            sww;
        s.left = (l + a.l) + "px";
        s.top = (t + a.t) + "px";
        if (s.width != sws || s.height != shs) {
            s.width = sws;
            s.height = shs;
            if (!Ext.isIE) {
                cn = d.childNodes;
                sww = Math.max(0, (sw - 12)) + "px";
                cn[0].childNodes[1].style.width = sww;
                cn[1].childNodes[1].style.width = sww;
                cn[2].childNodes[1].style.width = sww;
                cn[1].style.height = Math.max(0, (sh - 12)) + "px";
            }
        }
    },

a.h = -1


Everything works fine in FF, IE7 and IE9.


We'll see....

[Vladimir]

If you set fixed Height or AutoHeight for the tree then does it solve the issue?

[deejayns]

Well, after playing with that for a while I've noticed that it is not an Ext.Net (extjs bug).

Your example worked fine on a separate page, but I've noticed problems using our MasterPage.
Basically, when I removed Title and Shadow properties from the child treepanel in your example - ended up with the very same error.
Removed:
Title="My Task List"
Shadow="None"
and got the error.


Finally when I added Shadow="Frame" to my treepanel the bug gone away.


Thanks for the heads up!

[Vladimir]

Thanks for the info, I will investigate that case

[Vladimir]

Hi,

Unfortunately, I was unable to reproduce the issue without Title and Shadow
May be the issue is reproducable under IE8 with specific OS only (i tested under MS Vista)