1

Closed

Multi Column dropdownlist broken in Q1 2012

description

As the title suggests, the multi column dropdownlist appears to be broken (In certain circumstances) in Q1 2012 of telerik mvc.
 
The dropdown list works fine as long as you don't use (Click) another dropdownlist. If you do then you get the following javascript error "dropdown._listAsTable[idx] is undefined" on line 153. This dropdown also gets styled incorrectly with columns not lining up.
 
Is it possible to get a fix for this?
Closed May 4, 2012 at 9:02 PM by jddevight
Resolved in Changeset: 15293

comments

dominicmason wrote Apr 27, 2012 at 3:08 PM

Did a little debugging and I think this is because in the version of Telerik your demo uses, it removes t-animation-container when you click away from dropdownlists. This does not seem to happen in newer builds of telerik so when it searches t.popup .t-group it can find more than one instance.

Or at least that's what I think. I'm new to this so could be completely wrong.

jddevight wrote Apr 27, 2012 at 4:50 PM

Thank you for identifying this issue. I will certainly take a look and see what I can do.

wrote Apr 27, 2012 at 4:51 PM

dominicmason wrote Apr 30, 2012 at 8:07 AM

Just as a quick update, I have come up with a temporary workaround. I defined a class on the dropdownhtmlattributes, for example > .DropDownHtmlAttributes(new { @class = "multi-col-dropdownlist" }) and then in your javascript code, replaced div.t-popup.t-group with div.multi-col-dropdownlist.

Can I just say what an excellent job I think you have done doing what telerik should have seen as basic functionality (More referring to the very basic tab strip).

jddevight wrote Apr 30, 2012 at 9:20 PM

Hi Dominic,

I have a new version of telerik.extensions.js for 2012 Q1. Would you be able to give it a try and let me know if you experience any issues? You can download it at:

http://telerikmvcextendedjs.codeplex.com/releases/view/86970

Regards,

John DeVight

dominicmason wrote May 3, 2012 at 8:27 AM

Hi John,

That link appears to point to a download with no changes to the dropdown list so I downloaded the latest version from the source code.

Although the JavaScript error has gone I did notice a few issues.
  • If you set a height in the options, it sets the height for all other dropdowns on the page.
  • If you keep clicking the dropdown, the width (of the multicolumn part) keeps getting smaller and smaller until the table cannot get smaller due to the content size.
  • The calculation of the width doesn't seem as accurate as in previous versions. Some content gets pushed onto two lines whereas before it was all in a single line.
I have solved the first issue (by doing what I had previously done - adding a new class to the dropdown and searching for that instead of t-popup,t-group). I'm not sure why the widths are not being calculated correctly though.

Regards

Dominic

jddevight wrote May 3, 2012 at 1:30 PM

Hi Dominic,

Thank you for helping me to investigate these issues. I'll be working on this today and hope to have something for you to try this afternoon.

Regards,

John DeVight

jddevight wrote May 3, 2012 at 5:07 PM

Hi Dominic,

I've made some changes that I believe will take care of the issues you are experiencing. Please let me know how his works out for you. I've checked it in as changeset 15293.

Regards,

John DeVight

dominicmason wrote May 4, 2012 at 8:20 AM

Hi John,

Those changes work perfectly. Thank you very much for your time and effort to resolve these issues.

Hopefully when Telerik merge Kendo UI and the MVC Controls we will see more of the Ajax functionality put in as some of those controls look very good.

Thank you again.

Regards

Dominic

jddevight wrote May 4, 2012 at 9:01 PM

Your Welcome! Thank you for helping me to work through the issues.

I'm very excited about Kendo UI. If you get the chance, take a look at: http://kendouiaspnetsamples.codeplex.com/

Regards,

John DeVight

wrote May 4, 2012 at 9:02 PM

wrote Feb 14, 2013 at 1:02 AM

wrote May 16, 2013 at 6:11 AM