flex AdvancedDataGrid使用(树结构)2

最新推荐文章于 2018-04-09 18:07:06 发布

dengyulong

最新推荐文章于 2018-04-09 18:07:06 发布

阅读量85

点赞数

分类专栏： flex

本文链接：https://blog.csdn.net/dengyulong/article/details/84153110

版权

flex 专栏收录该内容

93 篇文章 0 订阅

订阅专栏

                                <mx:AdvancedDataGridColumn headerText="Id"
                                                   dataField="id"
                                                   width="130"
                                                   labelFunction="disId"
                                                   >
                                    <mx:itemRenderer>
                                        <fx:Component>
                                            <mx:VBox horizontalAlign="center">
                                                <mx:LinkButton id="btnIpAddr" label="{data.id}" visible="{data.visible}"  textDecoration="underline" click="outerDocument.btnIpAddr_clickHandler(event)"/>
                                            </mx:VBox>
                                        </fx:Component>
                                    </mx:itemRenderer>
                                </mx:AdvancedDataGridColumn>
                                <mx:AdvancedDataGridColumn headerText="Submit Time"
                                                   dataField="submitTime"
                                                   width="130"
                                                   labelFunction="disDate"                                                   
                                                   />

             /**
             * 为了使表格标题加粗显示，在AdvancedDataGrid设置了fontWeight="bold",这样会使整个表格都加粗显示，因此需要指定
             * styleFunction="columnStyle"，使表格内容变为正常字体。
             */ 
            private function columnStyle(data:Object, clo:AdvancedDataGridColumn):Object
            {
                return {fontWeight: "normal"};
            }

             /**
             * 将日期显示为YYYY-MM-DD
             * @param item : 当前处理的对象，即内置data
             * @param column: 当前列
             */
            private function disDate(item:Object, column:AdvancedDataGridColumn):String
            {
                if (item is com.xx.xx.xx.cloudstudio.iaas.vo.IPPortOpenList)
                {
                    return "";
                }
                return df.format(item.submitTime);
            }

备注：
    使用时，如果列的总宽度超过了表格的宽度，是不会显示树箭头的，因此要设置列的宽度