0

我想使用 Spark Grid，但同时我意识到某些组件（如<GridItem>.
所以，我在程序中混合了 Spark 和 Halo 组件，但是当我运行它时，我得到了错误：

“TypeError：错误 #1034：类型强制失败：无法将 spark.components::Grid@239b40a1 转换为 mx.containers.Grid。”

该程序：

<?xml version="1.0" encoding="utf-8"?>
<s:Application xmlns:fx="http://ns.adobe.com/mxml/2009" 
           xmlns:s="library://ns.adobe.com/flex/spark" 
           xmlns:mx="library://ns.adobe.com/flex/mx" minWidth="955" minHeight="600">

<s:Grid>  
    <mx:GridRow id="row1"> 
        <mx:GridItem>        
            <s:Label text="Description:"  paddingTop="5"/> 
        </mx:GridItem>     
        <mx:GridItem>      
            <s:TextArea id="descTI" width="300" height="50"/> 
        </mx:GridItem> 
    </mx:GridRow>    
    <mx:GridRow id="row2">  
        <mx:GridItem>        
            <s:Label text="Name:" paddingTop="5"/>   
        </mx:GridItem>        
        <mx:GridItem>     
            <s:TextInput id="nameTI" width="300"/>  
        </mx:GridItem>   
    </mx:GridRow>   
    <mx:GridRow id="row3">  
        <mx:GridItem>        
            <s:Label text="Target:" paddingTop="5"/> 
        </mx:GridItem>      
        <mx:GridItem> 
            <s:TextInput id="targetTI" width="300"/>     
        </mx:GridItem>   

    </mx:GridRow>  
    <mx:GridRow id="row5">   
        <mx:GridItem>  
            <s:Label text="Operand:" paddingTop="5" />  
        </mx:GridItem>   
        <mx:GridItem> 
            <mx:DataGrid id="attrDG">    
                <mx:columns>          
                    <mx:DataGridColumn dataField="variable" width="150"/>           
                    <mx:DataGridColumn dataField="level"           
                                       width="150"/>       
                </mx:columns>       
            </mx:DataGrid>    
        </mx:GridItem> 

        <mx:GridItem paddingLeft="3" colSpan="2"> 
            <mx:DataGrid id="attrDG0">    
                <mx:columns>          
                    <mx:DataGridColumn dataField="variable" width="150"/>           
                    <mx:DataGridColumn dataField="level"           
                                       width="150"/>       
                </mx:columns>       
            </mx:DataGrid>    
        </mx:GridItem>  
    </mx:GridRow> 
</s:Grid>
</s:Application>
4

1 回答 1

2

spark.components.Grid并不是要替换mx.containers.Grid。相反，它的直接用途是作为spark.components.DataGrid组件的一个组件，该组件旨在呈现实现 IList 的数据提供程序中的项目。有关更多详细信息，请参阅Spark Grid上的语言参考文档。

您应该继续使用mx:Grid. 您甚至可以在官方Using Flex 4.5参考：MX Grid layout container中找到使用它的示例。

但是，我将提供观察，您可能还想查看s:Form容器。在我看来，您布置前三行的方式更适合表单设计的用例。

最后，s:DataGrid 旨在取代mx:DataGrid. 所以你应该确保使用它。

于 2011-08-19T05:44:14.410 回答