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

This is the markup of my ascx control:

Code:

---

<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:

Code:

---

  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:

Code:

---

"....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.

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

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

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

Code:

---


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

---

Code:

---

/*
 * 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:

---

more exactly it breaks on this:

Code:

---


u.height=o

---

o = "-1px" String

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

Ok wil try to...:

Code:

---


 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....

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

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!

Thanks for the info, I will investigate that case

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)