在 GWT 中构建树小部件

Question

我正在尝试在 GWT 中构建一个树结构，当项目数量很大时，该结构可以滚动，该树结构将永久驻留在我的应用程序 DockLayout 面板的 WestRegion 上。

主要代码：

<!-- The west side has a panel with complex dynamic tree list to be implemented -->
    <g:west size='14'>
        <app:Mainlist ui:field='mainlist'/>
    </g:west>

主要列表：

  <g:VerticalPanel>
    <g:ScrollPanel>
        <g:HTMLPanel width='100%' >
            <div class='{style.contentColumn}'>
                <g:Tree ui:field='citytree'>
                    <g:TreeItem text='Delhi/NCR'/>
            </g:Tree>   
            </div>
        </g:HTMLPanel>
    </g:ScrollPanel>
  </g:VerticalPanel> 
</ui:UiBinder> 

但是我在西部地区没有看到任何东西。谁能指出我做错了什么？

此外： 在相应的“Mainlist.java”文件中，我不能说 @UiField Tree citytree(Gives Exception) 。这似乎是因为涉及嵌套。如何访问我的 Tree 实例？

GWT 展示已经在不使用 UiBinder 的情况下构建了 Tree。此外，我找不到任何使用 UiBinder 构建树结构的示例代码。有资源吗？

Answer 1

经过更多的搜索和探索。我做到了。我认为网上没有示例代码，所以这篇文章可能对像我这样的学习者有帮助。

<ui:with field='res' type='myth.social.zomato.client.Mainlist.Images' />

    <ui:style src="resources/GlobalStyles.css">



    </ui:style> 

        <g:Tree ui:field='tree' resources='{res}'>
            <g:TreeItem text='Cities' >
                <g:TreeItem text='Ahemadabad'/>
                <g:TreeItem text='Banglore'/>
                <g:TreeItem text='Chennai' />
                <g:TreeItem text='Delhi/NCR' />
                <g:TreeItem text='Hyderabad' />
                <g:TreeItem text='Jaipur' />
                <g:TreeItem text='Kolkata'/>
                <g:TreeItem text='Mumbai'/>
                <g:TreeItem text='Pune' />
            </g:TreeItem>

            <g:TreeItem text='SalesPerson'>
                <g:TreeItem text='Sales1' />
                <g:TreeItem text='Sales2' />
            </g:TreeItem>       

        </g:Tree>