flex中datagrid列滚动锁定

原文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 ，控制锁定列的数