JQuery TreeView插件SelectedItem突出显示

时间:2009-11-30 16:27:31

标签: jquery jquery-plugins

我正在使用JQuery TreeView插件,我想知道如何突出显示/识别最后选择的节点。有没有人碰到这个?

2 个答案:

答案 0 :(得分:2)

由于我没有收到Alexander Corotchi提出的问题的答案,我最终实施了自己的问题解决方案。我确信那里有更简单的解决方案,但现在就是。

 $(treeView).treeview({
        /* Initialize TreeView */
    }) 
 $(treeView).click(function onTreeViewClick(sender) {
        var clickedElement = $(sender.target);
        if (clickedElement.hasClass('hover')) {
            //Find all selected nodes and deselect them.
            var treeView = $(document.getElementById('usxTreeView'));
            $.each(treeView.find(".selectedNode"), function(index, node) {
                $(node).removeClass('selectedNode');
            });
            //Select newly selected node
            clickedElement.addClass('selectedNode');
            //Get the node Id for the parent LI
            var parents = clickedElement.parent('li');               
            //This can then be used to identify the node.
            selectedTreeNodeId = parents[0].id; 
        }
    });

答案 1 :(得分:1)

$('ul.yourclassselected li:last-child').addClass( 'highlight class' );