Элемент дерева GWT: Как добавить изображение в элемент дерева?

Question

Я использую версию gwt 2.3. Я использую дерево gwt в своем приложении.Вот мой код:

  public void onModuleLoad() {
// Create a tree with a few items in it.
TreeItem root = new TreeItem("root");
root.addItem("item0");
root.addItem("item1");
root.addItem("item2");

// Add a CheckBox to the tree
TreeItem item = new TreeItem(new CheckBox("item3"));
root.addItem(item);

Tree t = new Tree();
t.addItem(root);

// Add it to the root panel.
RootPanel.get().add(t);

}

Есть элемент с флажком. Я хочу добавить изображение к этому элементу дерева. Но я не могу сделать это, как я уже добавилодин флажок виджета. Есть ли другой способ добавить изображение к элементу дерева с флажком ??

Answer 1

TreeItem имеет конструктор TreeItem (Widget w).

Вы можете поместить туда все, что захотите.Поэтому напишите маленький виджет с изображением и текстом рядом с div в div, и дерево отобразит его правильно.

Вы уже используете его в своем примере кода.Так что просто напишите еще один виджет, который объединяет CheckBox с изображением в FlowPanel или HorizontalPanel.Все, что вы хотите.

Answer 2

Это то, что заставило меня покалечить голову тоже.В основном я нашел 2 варианта:

1. Используйте SmartGWT, у него есть хорошие настраиваемые виджеты дерева, которые позволяют вам изменять изображения узлов:

http://www.smartclient.com/smartgwt/showcase/#tree_databinding_local

1. Использовать древовидное изображение GWT:

http://google -web-toolkit.googlecode.com / svn / javadoc / 1.5 / com / google / gwt / user / client/ui/TreeImages.html

Если вы спросите меня, SmartGWT несколько требователен и жесток, и вам может не понравиться тот факт, что он не позволяет вам переходить на низкие уровни, как это делает GWT, ноу него есть хороший набор настраиваемых виджетов дерева.TreeImage, с другой стороны, позволяет вам по-прежнему работать с чистым GWT (что, на мой взгляд, лучше в целом), но не позволяет настраивать дерево так, как Smart GWT