Question

so I’ve created a hierarchical grid that is populating and auto-expanding all the nodes (I’m using it as a report display. We don’t want to allow users to collapse the nodes)

However, removing the “collapse” icon still leaves a little “hotspot” to the left of the parent nodes, where if a user accidentally clicks it, then records will appear to “dissappear.

How can I disable the “collapse” functionality?

http://jsfiddle.net/KevinGabbert/ZB2De/3/

Answer 1

got it..

since I am auto-expanding all the nodes when the grid, I can unbind the event immediately after expansion.

Before:

$(".sgcollapsed","#tableToLoad").each(function() {
        $(this).trigger("click");
});

After:

$(".sgcollapsed","#tableToLoad").each(function() {
        $(this).trigger("click").unbind('click');
});

http://jsfiddle.net/KevinGabbert/ZB2De/11/