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

本文介绍如何在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>

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值