2

我从google developer's guide中获取了 Cell Table 示例，并进行了以下更改：

  • 使用覆盖而不是 Java POJO
  • 使用 EditTextCell 编辑一列

令我惊讶的是，在运行代码时，单元格表正在向推入其中的叠加对象添加一个额外的属性。它们应该看起来像：

{"name":"John", "address":"123 Fourth Road"} {"name":"Mary", "address":"222 Lancer Lane"}

但相反，它们看起来像：

{"name":"John", "address":"123 Fourth Road", "$H":1} {"name":"Mary", "address":"222 Lancer Lane", "$H": 2}

这是演示该问题的修改后的代码：

import java.util.Arrays;
import java.util.List;

import com.google.gwt.cell.client.EditTextCell;
import com.google.gwt.core.client.EntryPoint;
import com.google.gwt.core.client.GWT;
import com.google.gwt.core.client.JavaScriptObject;
import com.google.gwt.json.client.JSONObject;
import com.google.gwt.user.cellview.client.CellTable;
import com.google.gwt.user.cellview.client.Column;
import com.google.gwt.user.cellview.client.TextColumn;
import com.google.gwt.user.client.ui.RootPanel;

/**
 * Entry point classes define <code>onModuleLoad()</code>.
 */
public class Overlay implements EntryPoint {

    private static class Contact extends JavaScriptObject {

        protected Contact() {}

        public static native Contact create(String name, String address) /*-{
            return {"name" : name , "address" : address};
        }-*/;
        public final native String getName() /*-{
            return this["name"];
        }-*/;   
        public final native void setName(String name) /*-{
            this["name"] = name;
        }-*/;
        public final native String getAddress() /*-{
            return this["address"];
        }-*/;   
        public final native void setAddress(String address) /*-{
            this["address"] = address;
        }-*/;
    }

    private static List<Contact> CONTACTS = Arrays.asList(
            Contact.create("John", "123 Fourth Road"),
            Contact.create("Mary", "222 Lancer Lane"));

    /**
     * This is the entry point method.
     */
    public void onModuleLoad() {

        CellTable<Contact> table = new CellTable<Contact>();
        // Create name column.
        Column<Contact, String> nameColumn = new Column<Contact, String>(new EditTextCell()) {
            public String getValue(Contact object) {
                return object.getName();
            }
        };
        // Create address column.
        TextColumn<Contact> addressColumn = new TextColumn<Contact>() {
            public String getValue(Contact contact) {
                return contact.getAddress();
            }
        };
        // Add the columns.
        table.addColumn(nameColumn, "Name");
        table.addColumn(addressColumn, "Address");      
        table.setRowCount(CONTACTS.size(), true);
        // Push the data into the widget.
        printList();
        table.setRowData(0, CONTACTS);      
        printList();        
        RootPanel.get().add(table);
    }

    private void printList() {
        for(Contact contact : CONTACTS) {
            GWT.log(new JSONObject(contact).toString());
        }
    }

}

我已检查是否是可编辑列导致问题。如果我删除它，表格不会修改我的叠加层。

无论如何，这是一个非常奇怪的行为。如果您的小部件可以添加意外属性，我认为使用叠加层是不安全的。

以前有没有人遇到过这个问题，或者这种行为是否记录在任何地方？有什么提示可以解决吗？

非常感谢

4

2 回答 2

1

此问题的正确答案已发布在 GWT 开发论坛（链接）中：

$H 属性来自 JavaScriptObject#hashCode() 的实现（在 com.google.gwt.cire.client.impl.Impl#getHashCode(Object) 中）。

在您的情况下，这是由于 AbstractEditableCell 维护其“视图数据”的值键映射，并且您使用（我猜）直接返回该项目的默认 ProvidesKey 实现（SimpleProvidesKey）。

因此，在渲染时，EditTextCell 调用 getViewData，它在地图中查找键（因此需要键的哈希码，因此需要调用 hashCode），键是您的 JSO（因此需要新的 $H 属性）。

I believe that giving a ProvidesKey implementation (in you case, returning the name property for instance) to the Celltable would solve your issue.

于 2011-01-21T22:39:10.790 回答
0

我怀疑 CellTable 可以偷偷地编辑你的 JSON。检查 Firebug/Chrome_Developer_Tools/... 中的那些叠加层，如果它们没问题，那么最有可能的错误就在这一行： 

GWT.log(new JSONObject(contact).toString());

至少有两个问题JSONObject.toString：向/从 JSNI 传递列表在 web 模式下工作，但在托管模式下失败& toString() 和 JSNI。
在第二期有评论，您可以尝试这样做：

GWT.log( (String) new JSONObject(contact) );
于 2011-01-21T22:24:16.060 回答