带有条件链接的 Flex Datagrid

Question

我需要你的帮助来关注。

我有一个数据网格，它使用数组列表作为数据提供者。现在我的要求是在该数组列表中，我有一个 statusId 作为一个变量，或者说我显示为数据网格中的列之一的属性。现在我有另一列，我必须在其中显示三个链接，例如编辑、删除和查看，这将基于 statusid。你能给我一些想法或例子吗

Answer 1

我不是 Flex 专家，但通常当您想要自定义 DataGrid 中列的外观时，您会使用 ItemRenderer，如标记所示。在项目渲染器中，您可以使用 Label 组件并设置一系列属性，使它们看起来像链接，然后根据您的情况启用/禁用它们。

下面是我突然想到的一些示例代码，但有以下注意事项：

• 我使用的是 MX DataGrid，而不是 Spark DataGrid。

• 为了方便起见，我使用内联项目渲染器，但更好的做法是将项目渲染器外部化到单独的 MXML 文件中。

  
      
          
          
              ;
                  
                      
                      
                      
                  
              
          
      
  
  

Answer 2

感谢avik的帮助，它是部分正确的，因为对我来说，有很多条件我不能将其放入启用属性中。无论如何，我从我这边得到了解决方案:)

这是语法。

    <mx:HBox width="100%">
   <mx:DataGrid id="reportDataGrid" dataProvider="{reportDataGridArrayCollection}"
         variableRowHeight="true" editable="false" rowHeight="75"
         width="100%" height="400" allowDragSelection="false"
         draggableColumns="false" textAlign="center">
    <mx:columns>
     <mx:DataGridColumn sortable="false" dataField="reportId" resizable="false" headerText="" width="0.06" editable="false" textAlign="center"/>
          <mx:DataGridColumn resizable="false" headerStyleName="centered" textAlign="left" dataField="reportStatusId" headerWordWrap="true" headerText="Status" width="0.21">
     </mx:DataGridColumn>
     <mx:DataGridColumn resizable="false" headerStyleName="centered" textAlign="left" dataField="lockedByUser" headerWordWrap="true" headerText="Locked (Worked) By" width="0.10"/>

     <mx:DataGridColumn resizable="false" headerStyleName="centered" textAlign="left" dataField="" headerWordWrap="true" headerText="Acion" width="0.20">
      <mx:itemRenderer>
       <fx:Component>
        <mx:HBox textAlign="left" width="100%" creationComplete="init1()" > 
        <fx:Script> 
         <![CDATA[ 

          public function init1():void {
           if(data.reportStatusId==0) {
            viewLnk.visible = true;
            viewLnk.includeInLayout = true;
  // this is my condition which you can ignore....          if((data.entityId==1 || data.entityId==2 || data.entityId==3 || data.entityId==4)            ){
             editLnk.visible = true;
             editLnk.includeInLayout = true;
            }
           }
           if(data.reportStatusId==1 
             ) {
            editLnk.visible = true;
            editLnk.includeInLayout = true;
           }
           if(data.reportStatusId==2) {
            reviewLnk.visible = true;
            reviewLnk.includeInLayout = true;
           }
           if(data.reportStatusId==3) {
            saveXMLLnk.visible = true;
            saveXMLLnk.includeInLayout = true;
           }
          }
         ]]> 
        </fx:Script>
         <mx:LinkButton id="editLnk" visible="false" includeInLayout="false" label="Edit" click="outerDocument.editReport(data.reportId)"/>
         <mx:LinkButton id="viewLnk" visible="false" includeInLayout="false" label="View" click="outerDocument.viewReport(data.reportId)"/>
         <mx:LinkButton id="reviewLnk" visible="false" includeInLayout="false" label="Review" click="outerDocument.reviewReport(data.reportId)"/>
           <mx:LinkButton id="saveXMLLnk" visible="false" includeInLayout="false" label="Save XML" click="outerDocument.saveXMLReport(data.reportId)"/>

        </mx:HBox>
       </fx:Component>
      </mx:itemRenderer>
     </mx:DataGridColumn>
    </mx:columns>
   </mx:DataGrid>
  </mx:HBox>