reflowing error in IE

[cramer]

Hello,

Have a model radwindow open where the contents of the page contains an asp repeater that generates dynamically rad input controls.

Everything works great until something in the page does an ajax callback.

At that point it is is still ok until you try to do something with the radwindow (move, close, resize ect..)

When you do I get the following error message 

"Error: Unable to get property 'reflowing' of undefined or null reference"

trigger [Line: 11557, Col: 33], Telerik.Web.UI.WebResource.axd
b.DropDown.prototype.reflow [Line: 12369, Col: 1], Telerik.Web.UI.WebResource.axd
Anonymous function [Line: 12401, Col: 36], Telerik.Web.UI.WebResource.axd
m.event.dispatch [Line: 1522, Col: 8380], Telerik.Web.UI.WebResource.axd
r.handle [Line: 1522, Col: 5064], Telerik.Web.UI.WebResource.axd

This error only occurs in IE (tested in IE 11, chrome and firefox)

Was wondering if anyone has run into this before and what can be done to fix this.

Thanks.

[Marin Bratanov]

Hi,

Can you confirm IE is not in Compatibility Mode? If it is in standards mode, can you post here a small example that shows the problem?

In the meantime I can suggest you consider using a content page for the RadWindow instead of the ContentTemplate so the controls in it (the repeater in this case) will have their own context and will not be affected by potential issues in the AJAX setup on the main page.

Regards,

Marin Bratanov
Telerik

[cramer]

Hello,

Was mistaken in that I am not using a repeater but rather RadListView in the problem window.

IE is NOT in compatibility mode.

I do not use content template for the window but rather open another page using radwindow setUrl and show client side methods

The layout is a modal rad window that then contains 2 radwindows inside of it...all based on master pages

The "editor" window uses database settings to dynamically create rad input controls to edit data...radtextbox, radnumerictextbox, radcombobox etc.  Certain controls when a value are entered needs to do a lookup and populate other fields so uses RadListView.fireCommand to do the lookup and "rebuild/repopulate" the controls.

But once this lookup happens then the "editor" window can not be resized, closed etc due to getting the reflow error.

But the parent radwindow refresh, close etc works fine in this scenario.

 

What kind of example would you need?  Not sure what exactly I could give you due to the complexity and database specific driven code...

Thanks

[Marin Bratanov]

Hi,

I am attaching here a small sample that mimics the setup. I suggest you test and compare it with yours to see if you can find the difference that causes the problem. If not, I suggest you modify it so it showcases the issue.

I am not sure when and how you use the listview commands to edit contorls inside the items, but I would suggest using postbacks (i.e., the standard postback events of the controls), because the commands have internal workings in the listview and are not the best place to implement such custom logic. Or, you can use client-side code and fetch additional data through a web service and popupate it via JavaScript.

In the meantime, since only the child dialogs have this problem, I suggest you look into the following:

• try simplifying the setup on the first dialog page that hosts the further dialogs. The error seems to be thrown there, so it breaks the controls in it (i.e., the child dialogs).
• OR, consider opening the secondary dialogs from the main page, as shown here: http://docs.telerik.com/devtools/aspnet-ajax/controls/window/how-to/opening-a-radwindow-from-within-a-radwindow. If you need them to interact with their opening page, review the code library sample linked at the end.

A few other things you can try in the meantime:

ensure all Telerik controls are using their Lightweight RenderMode. You can set it globally in the web.config

• make sure the page markup is valid
• try using RadDropDownList instead of RadComboBox
• try hiding any open combo box dropdowns before firing the server request. You can use this KB for a very generic approach on doing that: http://www.telerik.com/support/kb/aspnet-ajax/window/details/dropdown-does-not-move-or-close-with-radwindow. 
• try adding a timeout before you call the fireCommand() to give the dropdowns some time to adjust

 

Regards,

Marin Bratanov
Telerik

[cramer]

Hello,

Thank you for all the help.  

In my scenario I had a radcombobox opened after postback. So took your advice and made sure the combobox was not dropped down and now appears to be working correctly.