Study Flex《AdvancedDataGrid去掉排序中竖线》

一、描述

在使用AdvancedDataGrid时，默认情况下是可以排序并有一条竖线的，而这条线影响美观，现想办法除之。

二、解决方法

在Flex4中想要去除AdvancedDataGrid表头部分的竖型分割线可以采用修改headerSortSeparatorSkin的方法。

即：headerSortSeparatorSkin="mx.skins.ProgrammaticSkin"

三、原因

headerSortSeparatorSkin默认为Undefied。 我们只要用mx.skins.ProgrammaticSkin来替换即可。

四、代码

 <mx:AdvancedDataGrid id="adv" dataProvider="{dataSet.Sample}" headerWordWrap="true"
       headerSortSeparatorSkin="mx.skins.ProgrammaticSkin" sortableColumns="false"
       sortExpertMode="true" designViewDataType="flat" dragEnabled="false">

    <mx:columns> 
        <mx:AdvancedDataGridColumn headerText="序号" dataField="col1"/> 
        <mx:AdvancedDataGridColumn headerText="姓名" dataField="col2"/> 
        <mx:AdvancedDataGridColumn headerText="性别" dataField="col3"/> 
   </mx:columns> 
</mx:AdvancedDataGrid> 

五、扩展

以上方法可以去掉竖线，但是该列还是支持排序功能，加上 sortableColumns="false" sortExpertMode="true"，就不支持排序功能了。

-------------------------------------------------------------------------------------------