CODEWITHSUNDEEP
asp.net-mvc-2jstree
m0s
m0s

Reputation: 4280

jsTree nodes don't expand/collapse

Can't get jsTree nodes to expand collapse. I must be missing something very simple.

This is the script 

<script type="text/javascript" src="<%= Url.Content("~/Scripts/jquery.jstree.js") %>"></script>
<script type="text/javascript">
        $(document).ready(function () {
            Refresh();
        });

        function Refresh() {
            $('#technologyTree').jstree({
                "json_data": {
                    "ajax": {
                        "url": "/TechnologyVersions/TechnologiesTreeAjax",
                        "type": "GET",
                        "dataType": "json"
                    }
                },

                "plugins": ["themes", "json_data", "ui"],

                "themes": {
                    "theme": "default",
                    "dots": true,
                    "icons": true,
                    "url": " <%= Url.Content("~/Content/jsTree/themes/default/style.css") %> "
                }
            });
        }
</script>

I can see the tree populated correctly and the json result from the controller seems correct. However when I click on those expand/collapse arrows nothing happens.

Upvotes: 0

Views: 1814

Answers (1)

m0s
m0s

Reputation: 4280

The problem was that conflict with jQuery validation plugin. Upgrading to latest version of jQuery validation plugin solves the problem.

JsTree conflicts with jquery.validate

Upvotes: 1

Related Questions