combobox conflict with jquery version 1.4.3 and higher

[Gerard Eikelboom]

Hi,

We have our application running on jquery 1.4.2 and we want to use reordering of the grid and some more features.
I got an out of memory error.
Us is told that we needed to use a higher version of jQuery (1.4.3+)
So that's what we did. But it seems that now I have a conflict with comboboxes from telerik.
In the sample application enclosed I added on the home page a combobox.
When I try to open it the application freezes and I got the error : out of stack space.(see picture enclosed)
The page with the grid has also a lot of comboboxes.
I hope you can tell me what goes wrong.

Regards,
Gerard Eikelboom

[Atanas Korchev]

Hello Gerard Eikelboom,

 There are lots of projects in your attachment. Could you let us know which one to try?

 You can check if the jquery version in the Scripts folder shipped by Telerik is the same as the one you are including. Also make sure the jquery JavaScript is not included two times. By default the ScriptRegistrar includes jquery as well. To stop this use this code

<%= Html.Telerik().ScriptRegistrar().jQuery(false) %>

Regards,
Atanas Korchev
the Telerik team

[Gerard Eikelboom]

In the grid application.zip there is a gridapplication folder within it the solution.
I found out that I need to set jQuery(true). This is since I changed to use jquery 1.4.3 ??
If I don't do that I got the out of stack error.
Now I think I have a conflict with my jquery javascript.
Here is how my includes looks:

<script src="../../Scripts/MicrosoftAjax.js" type="text/javascript"></script>

<script src="../../Scripts/MicrosoftMvcValidation.js" type="text/javascript"></script>
<script src="../../Scripts/jquery-1.4.3.js" type="text/javascript"></script>

<script src="../../Scripts/jquery-ui-1.8.1.custom.min.js" type="text/javascript"></script>

<script src="../../Scripts/FleuraPlugin.js" type="text/javascript"></script>

<script src="../../Scripts/jquery.selectlist.js" type="text/javascript"></script>

<script src="../../Scripts/Growl/jquery.gritter.js" type="text/javascript"></script>

Under needed by Telerik:

<% Html.Telerik().ScriptRegistrar().jQuery(true)
        .DefaultGroup(group =>
            {
        group.Add("/2010.3.1110/telerik.common.min.js");
        group.Add("/2010.3.1110/telerik.grid.filtering.js");
        group.Add("/2010.3.1110/telerik.draganddrop.min.js"); //(if grouping is enabled)
        group.Add("/2010.3.1110/telerik.grid.grouping.min.js");// (if grouping is enabled)
        group.Add("/2010.3.1110/telerik.grid.resizing.min.js");
        group.Add("/2010.3.1110/telerik.grid.min.js");
        group.Add("/2010.3.1110/telerik.textbox.min.js");
        group.Add("/2010.3.1110/telerik.datepicker.min.js");
        group.Add("/2010.3.1110/telerik.list.min.js");
        group.Add("/2010.3.1110/telerik.grid.editing.min.js");
        group.Add("/2010.3.1110/telerik.combobox.min.js");
        group.Add("/2010.3.1110/telerik.grid.reordering.min.js");
            })
        .Render(); %>

Because i need to set it on true it's loaded multiple times I gues??

[Atanas Korchev]

Hi Gerard Eikelboom,

 There is a GridApplication folder inside the GridApplication folder. Also there is a rar and a zip file named GridApplication. I will try with the one in the root GridApplication folder. 

This application is still using jQuery 1.4.2:
<script src="../../Scripts/MicrosoftAjax.js" type="text/javascript"></script>
         <script src="../../Scripts/MicrosoftMvcValidation.js" type="text/javascript"></script>
         <script src="../../Scripts/jquery-1.4.2.js" type="text/javascript"></script>
         <script src="../../Scripts/jquery-ui-1.8.1.custom.min.js"type="text/javascript"></script>
         <script src="../../Scripts/FleuraPlugin.js" type="text/javascript"></script>
         <script src="../../Scripts/jquery.selectlist.js" type="text/javascript"></script>
    </head>

I upgraded it to use jquery 1.4.3 and when I tried to open the combobox I ended up with a 404 error because there is no action method called "_AjaxLoadingDeliveryDate" in the VoorraadController. Did you attach the right project? Am I using a different one?

Regards,
Atanas Korchev
the Telerik team

[Gerard Eikelboom]

Atanas,
My bad, I checked the folder and indead it was a mess.
See enclosed for a correct version.
Now I make use of Jquery 1.4.3 When I try to open the combobox it fails.
When I use jquery 1.4.2 it just opens (at the moment it is commented out)

I hope you know what it is.
Regards,
Gerard

[Atanas Korchev]

Hello Gerard Eikelboom,

 When I click the combobox I still get 404 because of the missing action method which populates the combobox. By the way which version of IE are you using? I cannot reproduce the out of stack error in IE9 and IE8. 

Regards,
Atanas Korchev
the Telerik team

[Gerard Eikelboom]

Atanas,
I don't no what went wrong but sorry. This is not the correct solution.
Hereby a new solution and under the home link you will find the combobox. In the project you have it isn't there.
Again,
Sorry.
FYI  i am testing at the moment IE8, FF & Chrome.

regards,
Gerard

[Atanas Korchev]

Hi Gerard Eikelboom,

 The problem is actually caused by jquery.selectlist.js. It overrides the jquery.fn.val function which I think is rather obtrusive:
$.fn.val = function (value) {
    return (typeof value == 'undefined' && this.data('selectList') ?
        this.data('selectList').val : jQueryVal).call(this, value);
};

This may have worked in older versions of jQuery but doesn't with jquery 1.4.3. Upgrading that plugin seems to solve the problem. I checked version 0.4.1 and it worked fine.

All the best,
Atanas Korchev
the Telerik team

[Gerard Eikelboom]

Atanas,
We downloaded the latest version of the selectlist.
I had to do a lot of testing about where to place the script.
Finally it worked. Removed it from the on top called one and put it in the Telerik

ScriptRegistrar at the bottom.
This worked.
Thanks.

Regards,
Gerard Eikelboom