I have created a CellBrowser where each cell is a custom HTML
component that features a few different HTML form components (e.g.
age, feeling etc.).
The form displays fine, however, I can't get the value entered in the
form into the client-side code. The relevant element in the DOM
doesn't have the 'value' attribute set properly.
I have tried a few things, including:
1) Getting the element from the DOM object using
dom.getElementById(ELEMENT_AGE_ID), this returns an entity but value
is null, even though I had just entered a value into this element.
2) Recursively looping round the DOM node tree, and printing it out to
the console (printElementTree()) - again I can see the element but the
value is null (after entering a value).
What am I not doing correctly? How can I get the value attribute to
update on the element in the DOM? Once it has been updated, how do I
get the values from the elements with IDs ELEMENT_AGE_ID,
ELEMENT_FEELING_ID etc.?
An extract of the code is below. Any suggestions or advice would be
appreciated.
---------------------------------------------------
public class NodeTreeItemCell extends AbstractInputCell<NodeDTO,
NodeTreeItemCell.ViewData> {
public static final int CELL_WIDTH = 440;
// these statics are the HTML element IDs
public static final String ELEMENT_AGE_ID = "txtAge";
public static final String ELEMENT_FEELING_ID = "optFeeling";
public static final String ELEMENT_TOWN_ID = "txtTown";
public static final String ELEMENT_BUTTON_UPDATE_ID = "btnUpdate";
public NodeTreeItemCell() {
/*
* Let the parent class know that our cell responds to click
events
and
* keydown events.
*/
super("click", "change", "keyup");
}
@Override
public void render(NodeDTO value, Object key, SafeHtmlBuilder sb) {
if (value == null) {
return;
}
// Start
sb.appendHtmlConstant("<div id=\"hPanelRoot\" class=\"nbRoot\"
>");
sb.appendHtmlConstant(" <table>");
sb.appendHtmlConstant(" <tr>");
// left panel
sb.appendHtmlConstant(" <td style=\"vertical-align:top;\" id=
\"vPanelLeft\">");
sb.appendHtmlConstant(" <table>");
sb.appendHtmlConstant(" <tr><td
class=\"nbIcon\">*</td></tr>");
sb.appendHtmlConstant(" </table>");
sb.appendHtmlConstant(" </td>");
// main panel
sb.appendHtmlConstant(" <td style=\"vertical-align:top;\" id=
\"vPanelMain\" class=\"nbMainPanel\">");
sb.appendHtmlConstant(" <table style=\"width:100%;\">");
sb.appendHtmlConstant(" <tr>");
sb.appendHtmlConstant(" <td>");
sb.appendHtmlConstant(" <span>Build:</span>");
sb.appendHtmlConstant(" <input type=\"text\"
class=\"nbTextBox\"
size=\"3\" maxlength=\"3\" id=\"" +
SafeHtmlUtils.fromTrustedString(ELEMENT_AGE_ID) + "\"></input>");
sb.appendHtmlConstant(" <span>%</span>");
sb.appendHtmlConstant(" <span>Feeling:</span>");
sb.appendHtmlConstant(" <select id=\"" +
SafeHtmlUtils.fromTrustedString(ELEMENT_FEELING_ID) + "\">");
sb.appendHtmlConstant(" </select>");
sb.appendHtmlConstant(" </td>");
sb.appendHtmlConstant(" </tr>");
sb.appendHtmlConstant(" <tr>");
sb.appendHtmlConstant(" <td id=\"tbc\"
class=\"nbItemRow\">");
sb.appendHtmlConstant(" <span>Expected Complete:</span>");
sb.appendHtmlConstant(" <input type=\"text\" id=\"" +
SafeHtmlUtils.fromTrustedString(ELEMENT_TOWN_ID) + "\"></input>");
sb.appendHtmlConstant(" <input type=\"button\"
value=\"Update\"
class=\"nbButton\"id=\"" +
SafeHtmlUtils.fromTrustedString(ELEMENT_BUTTON_UPDATE_ID) + "\"></
input>");
sb.appendHtmlConstant(" </td>");
sb.appendHtmlConstant(" </tr>");
sb.appendHtmlConstant(" </table> ");
sb.appendHtmlConstant(" </td>");
// end
sb.appendHtmlConstant(" </tr>");
sb.appendHtmlConstant(" </table>");
sb.appendHtmlConstant("</div>");
}
@Override
public void onBrowserEvent(Element parent, NodeDTO value, Object key,
NativeEvent event, ValueUpdater<NodeDTO> valueUpdater) {
super.onBrowserEvent(parent, value, key, event, valueUpdater);
String type = event.getType();
if ("change".equals(type)) {
printElementTree(parent, 1);
// InputElement txtPctProgress =
// SelectElement select =
parent.getFirstChild().cast();
// String newValue =
options.get(select.getSelectedIndex());
// setViewData(key, newValue);
// finishEditing(parent, newValue, key, valueUpdater);
// if (valueUpdater != null) {
// valueUpdater.update(newValue);
// }
}
}
@Override
protected void finishEditing(Element parent, NodeDTO value, Object
key, ValueUpdater<NodeDTO> valueUpdater) {
//super.finishEditing(parent, value, key, valueUpdater);
String newValue = getInputElement(parent).getValue();
// newValue is always null
System.out.println("NEW VALUE = " + newValue);
}
private static void printElementTree(Node n, int level) {
NodeList<Node> childNodes = n.getChildNodes();
String indicator = "";
for (int h=0; h<level; h++) {
indicator = indicator + "> ";
}
level = level + 1;
for (int i=0; i<childNodes.getLength(); i++) {
Node nDOM = childNodes.getItem(i);
String type = "";
switch (nDOM.getNodeType()) {
case Node.ELEMENT_NODE:
type = "element node";
Element e = Element.as(nDOM);
System.out.println(indicator+ "Child DOM
element " +
nDOM.getNodeName() + " value= " + nDOM.getNodeValue() + " type= " +
type + " id= " + e.getId());
case Node.DOCUMENT_NODE:
type = "document node";
System.out.println(indicator+ "Child DOM
element " +
nDOM.getNodeName() + " value= " + nDOM.getNodeValue() + " type= " +
type);
case Node.TEXT_NODE:
type = "text node";
System.out.println(indicator+ "Child DOM
element " +
nDOM.getNodeName() + " value= " + nDOM.getNodeValue() + " type= " +
type);
}
printElementTree(nDOM, level);
}
}
@Override
protected InputElement getInputElement(Element parent) {
return super.getInputElement(parent).<InputElement> cast();
}
/**
* The {...@code ViewData} for this cell.
*/
public static class ViewData {
/**
* The last value that was updated.
*/
private String lastValue;
/**
* The current value.
*/
private String curValue;
/**
* Construct a ViewData instance containing a given value.
*/
public ViewData(String value) {
this.lastValue = value;
this.curValue = value;
}
/**
* Return true if the last and current values of this ViewData
object
* are equal to those of the other object.
*/
@Override
public boolean equals(Object other) {
if (!(other instanceof ViewData)) {
return false;
}
ViewData vd = (ViewData) other;
return equalsOrNull(lastValue, vd.lastValue)
&& equalsOrNull(curValue, vd.curValue);
}
/**
* Return the current value of the input element.
*/
public String getCurrentValue() {
return curValue;
}
/**
* Return the last value sent to the {...@link ValueUpdater}.
*/
public String getLastValue() {
return lastValue;
}
/**
* Return a hash code based on the last and current values.
*/
@Override
public int hashCode() {
return (lastValue + "_...@hash_separator@!*_" +
curValue).hashCode();
}
/**
* Set the current value.
*
* @param curValue the current value
*/
protected void setCurrentValue(String curValue) {
this.curValue = curValue;
}
/**
* Set the last value.
*
* @param lastValue the last value
*/
protected void setLastValue(String lastValue) {
this.lastValue = lastValue;
}
private boolean equalsOrNull(Object a, Object b) {
return (a != null) ? a.equals(b) : ((b == null) ? true
: false);
}
}
}
--
You received this message because you are subscribed to the Google Groups
"Google Web Toolkit" group.
To post to this group, send email to [email protected].
To unsubscribe from this group, send email to
[email protected].
For more options, visit this group at
http://groups.google.com/group/google-web-toolkit?hl=en.
