[Solved] Check child nodes not working

[Jaymie]

Hi all,

The other day, I had my childnodes working.
When I selected a parent node, it checked its children and also on postback it was being recorded as checked.

Now, for some reason, the same code I used is not working.
If I uncheck a node, it still displays checked, but if I submit the form it knows it isn't

Here is my code:

function onChecked(e) {
    var treeView = $(this).data("tTreeView");
    var childNodes = $(e.item).find(">.t-group input").filter(":checkbox");
    childNodes.each(function(index, element) {
        treeView.nodeCheck(element, e.checked);
    });
}

[Dimo]

Hello Jaymie,

I see that you are using the same Javascript that I provided a couple of weeks ago. It is still working on my side. Please debug and verify that the problem is not caused by something else. For example you may have updated jQuery (use 1.6.4) or modified something in your application.

All the best,
Dimo
the Telerik team

[Jaymie]

I believe this problem is related to JQuery.
I have done this in my _Layout.cshtml

    @Html.Telerik().ScriptRegistrar().jQuery(false)

and at the top of my page I have

    <script src="@Url.Content("~/Scripts/jquery-1.6.2.min.js")" type="text/javascript"></script>

If I change the script registrar to

    @Html.Telerik().ScriptRegistrar()

The TreeView works as epected, but all other jquery things I have in my project stop working.
But if I use the jQuery(false) then all TreeViews stop working (and I am assuming any other Telerik controls I have in my project).
This is not a good situation, so if you can provide me with a solution where both work, I would appreciate it :)

/Jaymie

[Jaymie]

I think I fixed it.
I have linked to 2 different jquery libraries like so:

    <script src="//ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js" type="text/javascript"></script>
    <script src="//ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js" type="text/javascript"></script>

in my head, then in my body, i have used

    @Html.Telerik().ScriptRegistrar().jQuery(false)

And everything appears to be working.
Can you let me know if this is the correct workaround?

/Jaymie

[Dimo]

Hello Jaymie,

You can't have two jQuery instances on the page. In your case only the second one has any effect.

Keep in mind that generally it is best to use our MVC extensions with the jQuery version they have been developed and released with, otherwise we cannot guarantee that everything will work as expected.

Best wishes,
Dimo
the Telerik team

[Jaymie]

it appears to be working with both instances.
Using 1.4.4 doesnt work with the tabs i have and other things, but using 1.7.1 doesnt work with telerik, so using both seems to work.
No idea why :)

[Dimo]

Hi Jaymie,

In any case, I don't advise you to use two jQuery instances simultaneously.

Regards,
Dimo
the Telerik team

[Jaymie]

that's fine, but I am assuming that your advise would be to upgrade to the latest version of the telerik MVC controls and just use your jquery and keep them up to date?
Other than that, I assume there is no other solution?

[Dimo]

Hi Jaymie,

Generally, our recommendations are:

1. Use the latest version of our MVC extensions in order to benefit from new features and bugfixes.
2. Use our extensions with the jQuery version they have been released with in order to avoid compatibility issues with newer or older jQuery versions, which sometimes break things.

Best wishes,
Dimo
the Telerik team

[Jaymie]

yeah, I thought that was the case.
Unfortunately we do not have the budget available to purchase the newer version of the MVC controls and I need the newer jQuery functionality.

So I will have to use my workaround for now, but thanks for your help.

/Jaymie