datagrid 中来利用IViewCursor和Sort 完成查找

最新推荐文章于 2024-05-17 15:30:32 发布

原创最新推荐文章于 2024-05-17 15:30:32 发布 · 614 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#datagrid #application #button #library #encoding #function

本文介绍如何在Flex应用中使用数据网格显示并动态排序数据集合，通过创建自定义集合、视图游标和排序功能实现数据筛选与展示。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

<?xml version="1.0" encoding="utf-8"?>
<s:Application xmlns:fx="http://ns.adobe.com/mxml/2009"
xmlns:s="library://ns.adobe.com/flex/spark"
xmlns:mx="library://ns.adobe.com/flex/mx" minWidth="955" minHeight="600">

<fx:Script>
  <![CDATA[
   import mx.collections.ArrayCollection;
   import mx.collections.IViewCursor;
   import mx.collections.Sort;
   import mx.collections.SortField;
   import mx.controls.Alert;
   [Bindable]
   private var ac:ArrayCollection=new ArrayCollection([{name:"aaaa"},{name:"bbb"},{name:"ccc"},{name:"ddd"}]);
   private var iv:IViewCursor;
   protected function button1_clickHandler(event:MouseEvent):void
   {
    // TODO Auto-generated method stub
    var so:Sort=new Sort();
    so.fields=[new SortField("name",true)];
    ac.sort=so;
    ac.refresh();
    iv=ac.createCursor();
    iv.findFirst({name:txt.text});
    var nInd:int=ac.getItemIndex(iv.current);
    dg.scrollToIndex(nInd);
    dg.selectedIndex=nInd;


   }
  ]]>
</fx:Script>

<fx:Declarations>
  
</fx:Declarations>
<mx:DataGrid x="90" y="41"   dataProvider="{ac}" width="457" height="153" id="dg">
  <mx:columns>
   <mx:DataGridColumn headerText="列 1" dataField="name"/>
   <mx:DataGridColumn headerText="列 2" dataField="col2"/>
   <mx:DataGridColumn headerText="列 3" dataField="col3"/>
  </mx:columns>
</mx:DataGrid>
<s:Button x="158" y="296" label="按钮" click="button1_clickHandler(event)"/>
<s:TextInput x="133" y="222" id="txt"/>
</s:Application>