Untitled

Building a Tree Widget in GWT
<!-- 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>

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