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"，就不支持排序功能了。

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