'ensureVisible' is not setting visible element

[MarinaParticipant]

Hi,
Any reasons can be for tree not set ensureVisible for element. The tree locatated inside the tabs control. And all I am doing is selecting specific element on tree when switching to that tab and want it to be scrolled to. Its all working fine and element selected but not scrolled to.
I have this code on both tabs switch and tree initialized. Please advise.

$('#jqxTreeHistory').on('initialized', function (event) {

                    getMobileLocationsToUpdateHistoryTree();
                    if (selectedUserID > 0) {

                        var allusersItems = $('#jqxTreeHistory').jqxTree('getItems');

                        if (allusersItems != null) {
                            $.each(allusersItems, function () {
                                if (this.hasItems == false) {

                                    if (this.value == selectedUserID) {
                                        selectedUserID = 0;
                                        $('#jqxTreeHistory').jqxTree('expandItem', this.element);
                                        $('#jqxTreeHistory').jqxTree('ensureVisible', this.element);
                                        $('#jqxTreeHistory').jqxTree('selectItem', this.element);
                                       
                                        return false;
                                    };
                                }
                            });
                        }

                    }

                });

[HristoParticipant]

Hello Marina,

Please, take a look this example:
http://jsfiddle.net/txhi/49oxymtp/

Best Regards,
Hristo Hristov

jQWidgets team
http://www.jqwidgets.com

[MarinaParticipant]

maybe difference when tree inside of tab. In my case it got selected fine with right id of item, but never scrolled to. Could it be some effect of bubble event or anything?

[MarinaParticipant]

I modified your example in jsfiddle and put tree inside of the tabs and then it stopped scroll to element, though element got selected still fine.

<div id='jqxTabs' >

                       <ul>
                            <li>Tab1</li>
                            <li>Tab2</li>
                        </ul>
                        <div id="content1" style="overflow: hidden;">
                          content1                        
                        </div>
                         <div id="content2" style="overflow: hidden;">
                           content2                          
                          <div id='jqxTreeHistory' ></div>
                         </div>
</div>

init tab

   $("#jqxTabs").jqxTabs({ width: 300, height: 500, initTabContent: initTabs });

[MarinaParticipant]

http://jsfiddle.net/49oxymtp/29/

[HristoParticipant]

Hello Marina,

Need to get right sequences. After you write initialization for each widgets then create jqxTab.
Please, take a look this example:
http://jsfiddle.net/txhi/fm0g7z1e/

Best Regards,
Hristo Hristov

jQWidgets team
http://www.jqwidgets.com

[Author]

Posts