datagrid - 找不到数据网格的 flex 皮肤

Question

我定义了一个扩展边界容器的组件，并添加了一些显示对象。当我弹出容器时，它会抛出这样的错误，“找不到数据网格的皮肤。”

很奇怪。容器如下：

<?xml version="1.0" encoding="utf-8"?>
<s:BorderContainer  xmlns:fx="http://ns.adobe.com/mxml/2009" xmlns:s="library://ns.adobe.com/flex/spark" backgroundAlpha="0" backgroundColor="0xffffff"  
                verticalCenter="0" horizontalCenter="0"
                xmlns:mx="library://ns.adobe.com/flex/mx">

<s:Group left="0" right="0" top="0" bottom="0" width="100%" height="100%">

    <s:Group width="100%" height="100%" horizontalCenter="0" verticalCenter="0">

        <s:VGroup gap="20" verticalAlign="middle" left="0" right="0" width="100%" height="100%" >


            <s:VGroup horizontalAlign="center" 
                      paddingTop="8" id="contVGroup"
                      paddingBottom="8"
                      paddingLeft="8"
                      paddingRight="8"
                      width="100%" height="100%">


                <s:DataGrid id="datagrid" editable="true" width="100%" height="100%"/>

            </s:VGroup>


        </s:VGroup>
    </s:Group>
</s:Group>