我使用 itemRenderers 使用图像和按钮渲染器完成了分层高级数据网格。
这里是图像的链接:-图像 在附加的图像中,您可以看到项目渲染未正确对齐。我从这个博客中阅读了一些更新,并应用了 spark 渲染器来创建项目渲染器类。
我创建了 itemrenderer uisng s:MXAdvancedDataGridItemRenderer 类。请检查以下按钮渲染器类的代码:-
<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>
`
并且渲染器也无法正常工作。我必须在父行中显示按钮并在子行中显示标签和图像。但渲染器无法正常工作。
请让我知道,如果对此问题有任何解决方案。