在GWT中构建树小部件

时间:2011-05-16 11:48:18

标签: gwt user-interface tree

我正在尝试在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(给出例外)。这似乎是因为涉及到嵌套。如何访问我的Tree实例?

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

1 个答案:

答案 0 :(得分:7)

搜索和探索更多。我做的。我认为在线没有示例代码,所以这篇文章可能对像我这样的学习者有帮助。

<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>