RadiantQ jQuery Gantt Package
How to vertically scroll and bring a task into View?
Previous Topic  Next Topic 

RadiantQ Gantt lets you bring a Gantt Row into view knowing the underlying bound data. 


Example code for Project Gantt.


You can do so knowing the activity's ID:

//To get hold of the GanttControl instance by its element.

var ganttControl = $gantt_container.data("GanttControl")

// To get Activity view (i.e example)

//Each row in Project Gantt bound to an ActivityView.

var activityView = ganttControl.ActivityViews[30];

//Scroll by Activty view.

ganttControl.ScrollIntoView(activityView);

//select the activity view.

ganttControl.SelectedItem = activityView;



Example code for FlexyGantt.


First get hold of the FlexyNodeData instance as follows:

//To get hold of the flexy gantt instance.

var flexyGantt = $gantt_container.data("FlexyGantt");

//To get the FlexyNode data, using it's index.

//Each row in FlexyGantt bound to an FlexyNode.

var flexyNodeData = flexyGantt.FlatItemsSource.FlatItemsSource[22];

//Scroll to the FlexyNodeData.

flexyGantt.ScrollIntoView(flexyNodeData);

//select the FlexyNodeData.

flexyGantt.SelectedItem = flexyNodeData;




















� RadiantQ 2022. All Rights Reserved.