RenJuan/TASKPM
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

ItEr30S05RFComportamentoGraficoPlanificadorItEr23S12: Added horizontal scroll support for taskdetails column

Browse source 
* Due to behaviuor of tree component inside a borderlayout, area not visible is hidden until it is resized
This commit is contained in:
Lorenzo Tilve 2009-10-14 16:00:50 +02:00 • committed by Javier Moran Rua
parent 195d910484
commit bd75cf1665
3 changed files with 27 additions and 11 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

4
ganttzk/src/main/resources/web/ganttz/zul/plannerLayout.zul
View file

@ -35,7 +35,7 @@ planner = self;
splittable="true" autoscroll="true">
<borderlayout >
<north border="0" height="32px" flex="true" collapsible="true">
<north border="0" height="32px" flex="true" collapsible="true" sclass="taskheadersgap">
<vbox pack="center" align="center">
<tree fixedLayout="false">
<treecols sizable="false">
@ -46,7 +46,7 @@ planner = self;
</tree>
</vbox>
</north>
<center border="0" style="overflow-x:scroll">
<center border="0" sclass="leftpanelcontainer" style="overflow-x:scroll">
<div sclass="leftpanelgap" id="insertionPointLeftPanel"></div>
</center>
</borderlayout>

28
ganttzk/src/main/resources/web/js/ganttz/tasklist.js
View file

@ -60,7 +60,6 @@ zkTasklist.hideTooltip = function(elem) {
document.getElementById(elem).style["display"] = "none";
}
function scrolledpannel() {
return YAHOO.util.Selector.query('.rightpanellayout div')[0];
}
@ -77,6 +76,14 @@ function timetrackergap() {
return YAHOO.util.Selector.query('.timetrackergap')[0];
}
function taskheadersgap() {
return YAHOO.util.Selector.query('.taskheadersgap')[0];
}
function taskheaderscontainer() {
return YAHOO.util.Selector.query('.taskheaderscontainer')[0];
}
function rightpanellayout() {
return YAHOO.util.Selector.query('.rightpanellayout div')[0];
}
@ -84,6 +91,7 @@ function rightpanellayout() {
zkTasklist.init = function(cmp) {
zkTasklist.adjust_height();
listenToScroll();
listenToTaskDetailsScroll();
}
/* Resizes ganttpanel heigh to fit window size */
@ -104,20 +112,24 @@ function listenToScroll() {
var onScroll = function() {
timetrackergap_.style["left"] = "-" + scrolledpannel_.scrollLeft + "px";
leftpanel_.style["position"] = "relative";
leftpanel_.style["top"] = "-" + scrolledpannel_.scrollTop + "px";
plannergraph_.style["position"] = "relative";
plannergraph_.scrollLeft = scrolledpannel_.scrollLeft;
};
rightpanellayout_.onscroll = onScroll;
}
// Improve adjusting plannerlayout_center height based on window size */
// YAHOO.util.Event.addListener(window, 'resize', relocateScrolls);
function listenToTaskDetailsScroll() {
timetrackergap_ = timetrackergap();
taskheaderscontainer_ = taskheaderscontainer();
var onScrollTaskDetails = function() {
taskheaderscontainer__.style["left"] = "-" + leftpanel_.scrollLeft + "px";
};
leftpanel_.onscroll = onScrollTaskDetails;
}
/*
* Move scrollbars to locate them on left and bottom window borders

6
navalplanner-webapp/src/main/webapp/planner/css/ganttzk.css
View file

@ -542,7 +542,7 @@ div.z-tree {
}
.plannerlayout, .resourcesloadlayout, .advancedallocationlayout {
height:350px;
height:550px;
}
.task_tooltip {
@ -624,3 +624,7 @@ height:15px;
#timetrackerheader .z-grid-body {
display:none;
}
.taskheaderscontainer, .leftpanelgap, .plannergraph div {
position:relative";
}