Admin treetable not working for me

[phoebebright]

Not sure if this is a versions problem. I get this error when loading admin page for Categories:

TypeError: Result of expression '$' [undefined] is not an object.
On this line in treeTable.js
$.fn.treeTable = function(opts) {

treeTable v 2.3.0
jQuery v. 1.4.2

[coordt]

It appears that jQuery is loaded. It is included in Django 1.2 and is specifically loaded in the admin/editor/tree_editor.html template. is 'editor' in your installed apps?

[phoebebright]

Yes I have editor in apps.

This is the top of the page that lists the categories:

<script type="text/javascript" src="/media/js/core.js"></script> <script type="text/javascript" src="/media/js/admin/RelatedObjectLookups.js"></script> <script type="text/javascript" src="/media/js/jquery.min.js"></script> <script type="text/javascript" src="/media/js/jquery.init.js"></script> <script type="text/javascript" src="/media/js/actions.min.js"></script> <script type="text/javascript" src="/media/js/urlify.js"></script> <script type="text/javascript" src="/media/js/prepopulate.min.js"></script> <script type="text/javascript" src="/site_media/editor/jquery.treeTable.js"></script> <script type="text/javascript" src="/site_media/js/genericcollections.js"></script> <script type="text/javascript"> (function($) { $(document).ready(function($) { $("tr input.action-select").actions(); }); })(django.jQuery); </script>

<script type="text/javascript">
(function($) {
    $(document).ready(function()  {
    //treeTable = $("#result_list").treeTable({initialState : "expanded"});
    treeTable = $("#result_list").treeTable({initialState : "collapsed"});
    function toggleChildren() {
        this.checked = event.currentTarget.checked;
        var row = this.parentNode.parentNode.parentNode;
        if($(row).hasClass("parent")) {
            $("table.treeTable tbody tr.child-of-" + row.id + " input").each(toggleChildren);
        }
        $("tr input.action-select").actions();
    };
    $('.action-select').each(
        function(){
            $(this).bind('click', function(event){
                // Get the tr from checkbox -> a -> td -> tr
                var row = event.currentTarget.parentNode.parentNode.parentNode;
                $("table.treeTable tbody tr.child-of-" + row.id + " input").each(toggleChildren);
            });
        });
    });
})(django.jQuery);
</script>

[phoebebright]

Yes I have editor in apps.

This is the top of the page that lists the categories:

<script type="text/javascript" src="/media/js/core.js"></script> <script type="text/javascript" src="/media/js/admin/RelatedObjectLookups.js"></script> <script type="text/javascript" src="/media/js/jquery.min.js"></script> <script type="text/javascript" src="/media/js/jquery.init.js"></script> <script type="text/javascript" src="/media/js/actions.min.js"></script> <script type="text/javascript" src="/media/js/urlify.js"></script> <script type="text/javascript" src="/media/js/prepopulate.min.js"></script> <script type="text/javascript" src="/site_media/editor/jquery.treeTable.js"></script> <script type="text/javascript" src="/site_media/js/genericcollections.js"></script> <script type="text/javascript"> (function($) { $(document).ready(function($) { $("tr input.action-select").actions(); }); })(django.jQuery); </script>

<script type="text/javascript">
(function($) {
    $(document).ready(function()  {
    //treeTable = $("#result_list").treeTable({initialState : "expanded"});
    treeTable = $("#result_list").treeTable({initialState : "collapsed"});
    function toggleChildren() {
        this.checked = event.currentTarget.checked;
        var row = this.parentNode.parentNode.parentNode;
        if($(row).hasClass("parent")) {
            $("table.treeTable tbody tr.child-of-" + row.id + " input").each(toggleChildren);
        }
        $("tr input.action-select").actions();
    };
    $('.action-select').each(
        function(){
            $(this).bind('click', function(event){
                // Get the tr from checkbox -> a -> td -> tr
                var row = event.currentTarget.parentNode.parentNode.parentNode;
                $("table.treeTable tbody tr.child-of-" + row.id + " input").each(toggleChildren);
            });
        });
    });
})(django.jQuery);
</script>

[heymarkreeves]

I'm seeing something similar presently - All the UI files are loading properly, but I'm not seeing .treeTable as a class on the table. I see child rows in the source, but I do not see them in the admin UI, and there's no toggle to expand/collapse them.

See: #79