[GitHub] [royale-asjs] alinakazi commented on issue #1097: Documents Loading too Slow Compared to Flex

[GitBox]

alinakazi commented on issue #1097:
URL: https://github.com/apache/royale-asjs/issues/1097#issuecomment-811761492


   Add Basic namespace    xmlns:js="library://ns.apache.org/royale/basic"
    where other namespaces are added on top. 
   You can also use mx:Beads same way. Below is just an example you can modify 
it the way you want. 
   
   <mx:AdvancedDataGrid id="dgProducts" dataProvider="{arrProductDP}" 
sortExpertMode="true" styleName="advancedDataGrid"
   rowHeight="20" verticalAlign="middle" horizontalScrollPolicy="auto" 
itemDoubleClick="fn_EditProduct(true);"
   maxWidth="{bcBill.width - 80}" top="241" bottom="103" left="5" right="80">
   **<js:beads>
                   <js:Paddings padding="30"/>
                   <js:VerticalLayout gap="3"/>
               </js:beads>**
   <mx:AdvancedDataGridColumn dataField="S No." headerText="S No." width="50" 
labelFunction="fn_GetSNo"/>
        <mx:AdvancedDataGridColumn dataField="productCode" headerText="Product 
Code" width="120" labelFunction="CallingDocListFunction8"/>
        <mx:AdvancedDataGridColumn dataField="productDesc" 
headerText="Description" width="150"/>
        <mx:AdvancedDataGridColumn dataField="pbdStoreCode" headerText="Store 
Code" width="120" labelFunction="CallingDocListFunction4"/>
        <mx:AdvancedDataGridColumn dataField="pbdStoreDesc" 
headerText="Description" width="150"/>
        <mx:AdvancedDataGridColumn dataField="prodUnitDesc" 
headerStyleName="centered" headerText="Unit" width="100"/>
        <mx:AdvancedDataGridColumn textAlign="right" headerStyleName="centered" 
headerText="Qty Ordered" dataField="pbdQtyOrdered"
                                                           width="100" 
id="dgcQtyOrdered" labelFunction="CallingDocListFunction2"/>
        <mx:AdvancedDataGridColumn textAlign="right" headerStyleName="centered" 
headerText="Qty Received" dataField="pbdQtyReceived"
                                                           width="100" 
id="dgcQtyReceived" labelFunction="CallingDocListFunction5"/>
        <mx:AdvancedDataGridColumn textAlign="right" headerStyleName="centered" 
headerText="Sepcific Temp" dataField="pbdObsSpecificTemp" width="95" 
id="dgcObsSpecificTemp"
                                                                
labelFunction="CallingDocListFunction5"/>
        <mx:AdvancedDataGridColumn textAlign="right" headerStyleName="centered" 
headerText="Rate" id="dgcRate"
                                                                
dataField="pbdRate" width="100" labelFunction="CallingDocListFunction2" />
        <mx:AdvancedDataGridColumn textAlign="right" headerStyleName="centered" 
headerText="Value" 
                                                                id="dgcValue" 
dataField="pbdValue" width="100" 
                                                                
labelFunction="CallingDocListFunction6"/>....................
   
   If you need horizontal gap try 
     <js:HorizontalLayout gap="10"/>
   
   HTH.
   


-- 
This is an automated message from the Apache Git Service.
To respond to the message, please log on to GitHub and use the
URL above to go to the specific comment.

For queries about this service, please contact Infrastructure at:
us...@infra.apache.org