Hi T-San,
I created this content for you in some few minutes, so please, take into
account that needs *much* work. But could be a starting point for you:
Some points:
* I based this content in TourDeJewel project, you can remove one of the
files content and paste the following.
* TabBar and TabBarContent components works, but still could not finish
jewel styles, so looks a bit basic, but could be just what you need for
now. Anyway you could create some CSS
* To make it fast I'm using some data from TDJ like ListModel and some CSS
clases that you can find there too
* About AdvancedDataGrid. There's some work on this in MX and Basic, but
nothing in Jewel yet. In that point I can't help you so much, but you can
ask about that so others could give you some advice
- Jewel Table is something similar to a DataGrid, but not to ADG, but
is not finished and the API need about selectedItem and
selectedItemProperty needs to be rewritten, I don't like the actual
approach I did.
- For DataGrids, even in flex, I use to use simple List with
ItemRenderers, since most of the time we don't need all things a DataGrid
do. So for this reason in this layout I put an HGroup with 2 labels, and a
List with an itemrendere with two items. So what I do is to layout and
style the HGroup and the two labels to be the "header" and the List with
various items to be the "columns". That works pretty good for me. Since I
don't know your needs and seems you need some hierarchical data, maybe
you'll need to use the basic Tree or something like that. IOW, Jewel still
doesn't have DataGrid, ADG and Tree, so you need to use other UI sets for
now for that part, or try other more simple ways like the one based in List
I commented before but depends on your use case.
HTH
Carlos
<fx:Script>
<![CDATA[
import org.apache.royale.collections.ArrayList;
import vos.TabBarButtonVO;
private function changeHandler(event:Event):void
{
var item:TabBarButtonVO = (event.target as TabBar).selectedItem as
TabBarButtonVO;
tabcontent.selectedContent = item.href;
}
private var _tabBarNavigation:ArrayList = new ArrayList([
new TabBarButtonVO("First", "tab1"),
new TabBarButtonVO("Second", "tab2"),
new TabBarButtonVO("Third", "tab3")
]);
public function get tabBarNavigation():ArrayList
{
return _tabBarNavigation;
}
]]>
</fx:Script>
<j:model>
<models:ListsModel id="listModel"/>
</j:model>
<j:beads>
<js:ContainerDataBinding/>
</j:beads>
<j:Card>
<html:H3 text="Some Title"/>
<j:TabBar id="tabbar" className="tabBarIconItemRenderer" change=
"changeHandler(event)" selectedIndex="0">
<j:beads>
<js:ConstantBinding sourcePropertyName="tabBarNavigation"
destinationPropertyName="dataProvider"/>
</j:beads>
</j:TabBar>
<j:TabBarContent id="tabcontent" width="100%">
<j:SectionContent name="tab1" width="100%">
<j:Card width="100%">
<j:HGroup width="100%">
<j:Label text="Header 1"/>
<j:Label text="Header 2"/>
</j:HGroup >
<j:List id="iconList" width="100%" height="300"
labelField="label" dataProvider=
"{listModel.iconListData}"
className="iconListItemRenderer" />
</j:Card>
</j:SectionContent>
<j:SectionContent name="tab2">
<j:Label text="Content for second tab"/>
</j:SectionContent>
<j:SectionContent name="tab3">
<j:Label text="Content for third tab"/>
</j:SectionContent>
</j:TabBarContent>
</j:Card>
El jue., 21 feb. 2019 a las 2:00, T-san (<[email protected]>) escribió:
> Carlos,
>
> I have the following mxml. (Skelton only)
>
> Would like to convert to Apache Royale.
>
> Would you please advise me what I shoud do (such as changing the source a
> bit for successful conversion)?
>
> I'd like to convert and build 2 or 3 mxml files for assessment, if
> possible,
> within a couple of days.
>
> Appreciate your help in advance.
>
> T-san
>
>
> ----------------------------------------------------------------------------------------------
>
> <?xml version="1.0" encoding="utf-8"?>
> <s:NavigatorContent xmlns:fx="http://ns.adobe.com/mxml/2009";
> xmlns:s="library://
> ns.adobe.com/flex/spark"
> xmlns:mx="library://
> ns.adobe.com/flex/mx"
> creationComplete="init()"
>
> xmlns:myComp="jp.co.mycomany.flexapp.view.*">
> <fx:Script>
>
> </fx:Script>
> <fx:Style source="myCompany.css"/>
>
> <s:Scroller width="100%" height="100%">
> <s:Group>
> <myComp:Header id="headerS"/>
> <s:Label y="93" width="100%" height="45"
> fontFamily="Arial" fontSize="30"
> horizontalCenter=""
> text="Tasklist" textAlign="center"
> verticalAlign="top"/>
> <mx:TabNavigator id="taskListTab" x="7" y="141"
> width="1890" height="888"
> change="tabnavigator1_changeHandler(event)" >
> <myComp: ???? />
> <myComp: ???? />
> <myComp: ???? />
> </mx:TabNavigator>
>
> <s:Panel id="myTaskListPanel" x="11" y="609"
> width="1118" height="411"
> backgroundColor="#CCF5FF"
>
> skinClass="jp.co.mycomany.flexapp.view.skin.PanelSkin"
> title="myTaskList">
> <mx:AdvancedDataGrid ?????>
> <mx:dataProvider>
> <mx:HierarchicalData
> ?????/>
> </mx:dataProvider>
> <mx:groupedColumns>
> <mx:AdvancedDataGridColumn
> ??????? />
> <mx:AdvancedDataGridColumn
> ??????? />
> <mx:AdvancedDataGridColumn
> ??????? />
> <mx:itemRenderer>
>
> <fx:Component>
>
> <mx:Label>
>
> <fx:Script>
>
>
> . . . . . . . . . . . . . . .
>
> </s:Panel>
> <s:Button x="1442" y="1037" label="Return"
> height="26" width="80"
> click="returnToMenu()"/>
> </s:Group>
> </s:Scroller>
> </s:NavigatorContent>
>
>
>
> --
> Sent from: http://apache-royale-users.20374.n8.nabble.com/
>
--
Carlos Rovira
http://about.me/carlosrovira
