Actionscript 3 在flex4中使用itemrenderer的Hierarchical davanced数据网格

我已经使用ItemRenders完成了带有图像和按钮渲染器的分层高级数据网格

以下是图像的链接：- 在附加的图像中，您可以看到项目渲染未正确对齐。我从这个博客上读了一些更新，并应用了spark渲染器来创建项目渲染器类

我创建了itemrenderer:MXAdvancedDataGridItemRenderer类。 请检查按钮渲染器类的以下代码：-

`

渲染器也不能正常工作。我必须在父行中显示按钮，在子行中显示标签和图像。但是渲染器不能正常工作

---

如果您对此问题有任何解决方案，请告诉我。

我看不到图片。。对于您附加的链接，图标大小似乎比可用空间长。可能是这个problem@VishwasGagrani：-你的回答绝对正确，我已经更改了HGroup中的按钮。它工作正常。但问题是，如何更改父行和子行高度？正如我正确记得的，有一个名为variableRowHeight的属性，您需要将其设置为true。否则，所有行都将在那里设置可能的最小高度。是的，vishwas，现在行高度工作正常。我遇到的另一个问题是，当调用Hierarchical datagrid的itemrenderer时，它没有按预期工作。数据“-”未显示给所有子行。

<s:layout>
    <s:HorizontalLayout verticalAlign="middle" horizontalAlign="center" paddingLeft="6" paddingTop="0" paddingRight="6" paddingBottom="0"/>
</s:layout>
<fx:Declarations>
    <!-- Place non-visual elements (e.g., services, value objects) here -->
</fx:Declarations>

<fx:Script>
    <![CDATA[
        import com.common.ImageLibrary;

        import mx.controls.Alert;
        import mx.resources.ResourceManager;

        override public function set data(value:Object):void
        {
            super.data = value;
            var showButton:String;

            if(value.hasOwnProperty("Data_Transfer") ) 
            {                   
                showButton = value.Data_Transfer;

                if (showButton == "Show_Button") {

                    startId.visible= true;
                    startId.includeInLayout= true;
                    abortId.visible= true;
                    abortId.includeInLayout= true;
                    imgStatus.visible=false;
                    lblStatus.visible= false;
                    imgStatus.includeInLayout= false;
                    lblStatus.includeInLayout= false;
                }else {
                    startId.visible= false;
                    abortId.visible= false;
                    startId.includeInLayout= false;
                    abortId.includeInLayout= false;
                    imgStatus.includeInLayout= true;
                    lblStatus.includeInLayout= true;                        
                    lblStatus.text = "--";
                }

            }               

        }



    ]]>
</fx:Script>

<s:HGroup width="100%" gap="5" verticalAlign="middle" horizontalAlign="left" height="100%">
    <!--<mx:Image id="imgStatus"/>
    <s:Label id="lblStatus" textAlign="left" showTruncationTip="true"  paddingTop="3"/>-->
    <s:VGroup height="50%" verticalAlign="middle" horizontalAlign="center">             
        <s:Button label="Start" id="startId"/>
        <s:Button label="Abort" id="abortId" />
    </s:VGroup>
    <s:HGroup height="100%">    
            <mx:Image id="imgStatus" includeInLayout="false"/>
            <s:Label id="lblStatus" textAlign="left" showTruncationTip="true"  paddingTop="3" />
    </s:HGroup>
</s:HGroup>