Hi -

I tried to do a jewel data grid from the playground.
Does this code look okay?

I will check back tomorrow or the next day.
I know you are all busy.

thanks,
j.

<?xml version="1.0" encoding="UTF-8"?>
<j:Application xmlns:fx="http://ns.adobe.com/mxml/2009";
              xmlns:j="library://ns.apache.org/royale/jewel"
              xmlns:js="library://ns.apache.org/royale/basic"
              xmlns:html="library://ns.apache.org/royale/html">

    <fx:Script>
        <![CDATA[
        import org.apache.royale.collections.ArrayList;
        import org.apache.royale.collections.ArrayListView;
        import org.apache.royale.collections.IArrayListView;
        import org.apache.royale.html.util.getLabelFromData;
        import org.apache.royale.jewel.supportClasses.datagrid.DataGridColumn;
        import 
org.apache.royale.jewel.supportClasses.datagrid.IDataGridColumnList;
        import 
org.apache.royale.jewel.supportClasses.datagrid.IDataGridPresentationModel;
        import models.ProductModel;
        import vos.Product;
        import vos.IconListVO;

            private function describeItem(item:*):String {
                        const intro:String = "<strong>DataGrid 
selectedItem:</strong> ";
                        var evaluated:String;
                        if (item is String) {
                                evaluated = "String value: '" + item + "'";
                        } else {
                                if (item === null || item === undefined) {
                                        evaluated = "Nothing Selected";
                                }
                                else {
                                        if (item is IconListVO) {
                                                evaluated = "Object's label 
field: '" + IconListVO(item).label + "'";
                                        } else {
                                                evaluated = "Object : " + item;
                                        }
                                }
                        }
                        return intro + evaluated;
                }


           private function loadDataProvider(datagrid:DataGrid):void
                {
                        var arl:ArrayList = new ArrayList([
                                new 
Product("rz302","New",80,105,"assets/smallyellowrect.jpg"),
                                new 
Product("dh442","Records",10,340,"assets/smallredrect.jpg"),
                                new Product("ps222","to 
show!",35,190,"assets/smallorangerect.jpg"),
                                new 
Product("ps102",":-)",44,200,"assets/smallbluerect.jpg"),
                        ]);
                        if(datagrid == dg1)
                                datagrid.dataProvider = new ArrayListView(arl);
                        else
                                datagrid.dataProvider = arl;
                }
        ]]>
    </fx:Script>

    <j:Label localId="lb1" html="DataGrid selection will be shown here"/>
    <!-- DataGrid to display data -->
        <j:DataGrid localId="dg1" 
                                                change="lb1.html = 
describeItem(event.target.selectedItem)"
                                                
initComplete="loadDataProvider(dg1)">
        <j:columns>
            <j:DataGridColumn dataField="id" label="ID" />
            <j:DataGridColumn dataField="name" label="Name" />
            <j:DataGridColumn dataField="age" label="Age" />
        </j:columns>
    </j:DataGrid>

</j:Application>




Sent with Proton Mail secure email.

Reply via email to