2013/10/15

Flex:: Spark Listコントロールの選択を無効にする方法

Flex 4.10:: Spark Listコントロールは標準でリストのアイテムを選択できる機能がついています（マルチ選択も可能）。しかし、その選択機能を無効にすることはプロパティの値を変化するだけではできません。
なので、選択を無効にする一番簡単な方法を紹介します。

changingイベントの中でpreventDefault()メソッドを呼んでやることで実装できます。

■ソースコード
 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
<?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:myitemrenderer="views.itemrenderer.CustomItemRenderer"
      applicationDPI="160"> 
 <fx:Script>
  <![CDATA[
   import spark.events.IndexChangeEvent;
  
   protected function list_changingHandler(event:IndexChangeEvent):void
   {
    // TODO Auto-generated method stub
    event.preventDefault();
   }
   
  ]]>
 </fx:Script>   
 <s:List id="list"
   width="100%"
   height="100%"
   changing="list_changingHandler(event)">
   <s:dataProvider>
    <s:ArrayList>
     <fx:String>テストアイテム1</fx:String>
     <fx:String>テストアイテム2</fx:String>
     <fx:String>テストアイテム3</fx:String>
     <fx:String>テストアイテム4</fx:String>
     <fx:String>テストアイテム5</fx:String>
    </s:ArrayList>
   </s:dataProvider>
 </s:List>
</s:Application>

■結果
http://blog.flexexamples.com/2010/02/25/preventing-item-selection-in-the-spark-list-control-in-flex-4/
Labels: , , ,

0 件のコメント:

コメントを投稿

登録: コメントの投稿 (Atom)