在GWT中构建树小部件

Question

我正在尝试在GWT中构建一个Tree Structure,当项目数量很大时,它可以滚动,Tree结构将永久驻留在我的Application DockLayout Panel的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>