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

ItEr14S13RFComportamentoGraficoPlanificador: The left pane textboxes can be navigated using arrow keys.

Browse source
This commit is contained in:
Óscar González Fernández 2009-06-29 14:36:10 +02:00 • committed by Javier Moran Rua
parent 63d16fbc7b
commit f4f59470c8
2 changed files with 85 additions and 3 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

82
navalplanner-gantt-zk/src/main/java/org/zkoss/ganttz/TaskDetail.java
View file

@ -4,6 +4,7 @@ import java.beans.PropertyChangeEvent;
import java.beans.PropertyChangeListener;
import java.text.DateFormat;
import java.util.Date;
import java.util.List;
import org.apache.commons.logging.Log;
import org.apache.commons.logging.LogFactory;
@ -11,6 +12,7 @@ import org.zkoss.ganttz.util.TaskBean;
import org.zkoss.util.Locales;
import org.zkoss.zk.ui.Component;
import org.zkoss.zk.ui.HtmlMacroComponent;
import org.zkoss.zk.ui.event.KeyEvent;
import org.zkoss.zk.ui.ext.AfterCompose;
import org.zkoss.zul.Datebox;
import org.zkoss.zul.Textbox;
@ -100,6 +102,86 @@ public class TaskDetail extends HtmlMacroComponent implements AfterCompose {
dateBox.setOpen(true);
}
private enum Navigation {
LEFT, UP, RIGHT, DOWN;
public static Navigation getIntentFrom(KeyEvent keyEvent) {
return values()[keyEvent.getKeyCode() - 37];
}
}
TaskDetail getAboveDetail() {
List<Component> parentChildren = getParent().getChildren();
// TODO can be optimized
int positionInParent = parentChildren.indexOf(this);
if (positionInParent == 0)
return null;
return (TaskDetail) parentChildren.get(positionInParent - 1);
}
TaskDetail getBelowDetail() {
List<Component> parentChildren = getParent().getChildren();
int positionInParent = parentChildren.indexOf(this);
if (positionInParent == parentChildren.size() - 1)
return null;
return (TaskDetail) parentChildren.get(positionInParent + 1);
}
private Textbox[] getTextBoxes() {
return new Textbox[] { nameBox, startDateTextBox, endDateTextBox };
}
public void focusGoUp(int position) {
TaskDetail aboveDetail = getAboveDetail();
if (aboveDetail != null) {
aboveDetail.getTextBoxes()[position].focus();
}
}
public void focusGoDown(int position) {
TaskDetail belowDetail = getBelowDetail();
if (belowDetail != null) {
belowDetail.getTextBoxes()[position].focus();
}
}
public void userWantsToMove(Textbox textbox, KeyEvent keyEvent) {
Navigation navigation = Navigation.getIntentFrom(keyEvent);
List<Textbox> textBoxSiblingsIncludedItself = getTextBoxSiblingsIncludedItself(textbox);
int position = textBoxSiblingsIncludedItself.indexOf(textbox);
switch (navigation) {
case UP:
focusGoUp(position);
break;
case DOWN:
focusGoDown(position);
break;
case LEFT:
if (position == 0) {
focusGoUp(getTextBoxes().length - 1);
} else {
textBoxSiblingsIncludedItself.get(position - 1).focus();
}
break;
case RIGHT:
if (position < textBoxSiblingsIncludedItself.size() - 1)
textBoxSiblingsIncludedItself.get(position + 1).focus();
else {
focusGoDown(0);
}
break;
default:
throw new RuntimeException("case not covered: " + navigation);
}
}
private List<Textbox> getTextBoxSiblingsIncludedItself(Textbox textbox) {
Component parent = textbox.getParent();
List<Component> children = parent.getChildren();
List<Textbox> textboxes = Planner.findComponentsOfType(Textbox.class,
children);
return textboxes;
}
/**
* When the dateBox loses focus the corresponding textbox is shown instead.
* @param dateBox

6
navalplanner-gantt-zk/src/main/resources/web/ganttz/zul/taskdetail.zul
View file

@ -4,10 +4,10 @@
]]>
</zscript>
<hbox>
<textbox id="nameBox" value="" onChange="top.updateBean();" />
<textbox id="startDateTextBox" value="" onChange="top.updateBean();" onOK="top.userWantsDateBox(self);" />
<textbox id="nameBox" ctrlKeys="#down#up#right#left" onCtrlKey="top.userWantsToMove(self,event);" value="" onChange="top.updateBean();" />
<textbox id="startDateTextBox" value="" ctrlKeys="#down#up#right#left" onCtrlKey="top.userWantsToMove(self,event);" onChange="top.updateBean();" onOK="top.userWantsDateBox(self);" />
<datebox id="startDateBox" compact="true" onChange="top.updateBean();" visible="${false}" onBlur="top.dateBoxHasLostFocus(self);"/>
<textbox id="endDateTextBox" value="" onChange="top.updateBean();" onOK="top.userWantsDateBox(self);"/>
<textbox id="endDateTextBox" ctrlKeys="#down#up#right#left" onCtrlKey="top.userWantsToMove(self,event);" value="" onChange="top.updateBean();" onOK="top.userWantsDateBox(self);"/>
<datebox id="endDateBox" compact="true" onChange="top.updateBean();" visible ="${false}" onBlur="top.dateBoxHasLostFocus(self);" ctrlKeys="#down" onCtrlKey="top.userWantsDateBox(self)"/>
</hbox>