flex中datagrid列滚动锁定

更新时间：2022-08-14 13:44:32

原文http://www.cnblogs.com/80hou/articles/1856640.html

熟悉excel的人应该都知道表格中可以将比如标题行/列锁定，使其不滚动，从而便于浏览。flex的datagrid控件也可以实现这样的效果。接下来的例子演示了flex中如何锁定横向滚动datagrid控件的列。demo中name列被锁定

代码

    <mx:DataGrid horizontalScrollPolicy="on" lockedColumnCount="3" x="33" y="108" width="600" height="500"
                 dataProvider="{model.dataArray}"
                 >
        <mx:columns>
            <mx:DataGridColumn headerText="标签" dataField="Label" width="100"/>
            <mx:DataGridColumn headerText="值" dataField="Value" width="100"/>

</mx:columns>
            <s:dataProvider>
             <fx:Object Label="日" Value="D"/>
                    <fx:Object Label="月" Value="M"/>
                        <fx:Object Label="季" Value="Q"/>
                            <fx:Object Label="年" Value="N"/>
        </s:dataProvider>
    </mx:datagrid>

其中最重要的属性就是 lockedcolumncount ，控制锁定列的数

上一篇 : ：几种主流网页开发语言的思考（下）下一篇 : bindows 源码格式化工具(测试中的测试)C#源码

flex中datagrid列滚动锁定

相关阅读

推荐文章