用户界面 - 在 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> 

但是我在西部地区什么也看不到。谁能指出我做错了什么？

此外：在相应的"主列表.java"文件中，我不能说@UiField树城市树（例外）。这似乎是因为涉及嵌套。如何访问我的树实例？

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>