Flex PL

Blokowanie okna

2008-02-15T05:26:00.000-08:00

Aby zablokować okno przed ruchem (szczególnie przydatne w przypadku Iframe, który znika przy przeciąganiu) należy do okna dodać wywołanie funkcji stopDragging() uruchamianym na mouseDown.
Uwaga!! działa tylko w kontenerach dziedziczących po TitleWindow czy Panel

<mx:Panel ... mouseDown="stopDragging()" />

IFrame problem

2008-02-13T07:18:00.000-08:00

W innym poście opisze sposób wyświetlania PDFów bądź innych stron WWW w okienku Flexa za pomocą IFrame. Teraz przedstawię rozwiązanie problemu, który pojawił sie przy zastosowaniu tego rozwiązania.
Otóż przy wychodzeniu z zakładki z Iframem we Flexie i powrocie, cała zawartość IFrama znikała.
Rozwiązanie?
Dodać do pliku na którym wyświetlany jest nasz swf ( czyli np index.html, czy main.html - można znaleźć w Builderze -> bin itd)
w części AC_FL_RunContent
parametr
“wmode”, “opaque”,

DataGrid - sortowanie Dat

2008-02-11T05:45:00.000-08:00

Cd. problematycznego sortowania w DG. Tym razem sposób na sortowanie dat:

private function sortDates(a:Object, b:Object):Number{
   var date1:Date = new Date(a.dataCzasReal);
   var date2:Date = new Date(b.dataCzasReal);
   if(date1<date2)
     return -1
   else if(date1>date2)
     return 1;
   else return 0;
}

Zmiana koloru czcionki w komórce DataGrida

2008-02-11T05:06:00.000-08:00

Chcąc zmienić kolor czcionki prezentowanej zawartości datGrida w zależności od jego wartości należy skorzystać z ItemRenderera

<mx:DataGridColumn headerText="wartosc"
itemRenderer="sciezkaDoKomponentu.ColorComponent" />

ItemRenderer

public class ColorComponent extends Label{
   override public function set data(value:Object):void
   {
      if(value != null)
      {
         super.data = value;

       if(value.wartosc == "1") { //okreslamy dla jakiej wartosci
         setStyle("color", 0x0000FF) ;

      }
      else if(value.wartosc =="2"){
         setStyle("color",0x000000);
      }
      else {
         setStyle("color", 0x0000FF);
      }
   }
}

DataGrid - sortowanie liczb

2008-02-11T04:37:00.000-08:00

W komponencie DataGrid sortowanie traktuje wszystkie elementy jako obiekty typu String i w taki też sposób je sortuje, co powoduje że np liczby 1, 32, 112 po sortowaniu ustawione będą w następującej kolejności: 1,112,32

Chcąc mieć kolumnę posortowaną numerycznie należy dołączyć własną funkcję sortowania:

private function sortFunc(a:Object, b:Object):Number{
  if (a.lp==null) {a.lp="0"}
  if (b.lp==null) {b.lp="0"}
   var lp1:int= parseInt(a.lp);
   var lp2:int= parseInt(b.lp);
   if (lp1 <>
    return 1;
   }else if (lp1 >lp2){
    return -1;
   }else{
    return 0;
   }
  }

i dołączyć ją do kolumny którą chcemy sortować w ten sposób:

<mx:DataGridColumn headerText="Lp" labelFunction="lpLabelHandler" sortable="true" width="45" sortCompareFunction="sortFunc" />

Button - enabled - zależność od 2 czynników

2008-02-11T03:50:00.000-08:00

Zdarzyć się może, że możliwość klikania na guzik chcemy dać użytkownikowi kiedy spełnione są 2 warunki np.
Wykonanie akcji na danym elemencie dataGrida
1) kiedy wybrany jest jakiś obiekt z DataGrida (selectedItem!=null)
2) kiedy nie wykonano wcześniej tej operacji na wybranym elemencie DataGrida

Stworzyć taką zależność można za pomocą poniższego kodu:

enabled="{(DG.selectedItem != null)?(DG.selectedItem.jakiesPole!='WartoscWstawianaPoAkcjiGuzika'):false}"

ComboBox z XMLa - wyciąganie wartości

2008-02-04T06:54:00.000-08:00

Zakładając że każdy wie jak podłączyć ComboBox do XMLa, pomijam tę część.
W notce tej chciałabym pokazać w jaki sposób wyciągnąć wartość z XMLowego ComboBoxa.

ComboBox wygląda tak:

&gtmx:ComboBox id="comboBoxId" dataProvider="{jakisXml}" labelField="nazwaPolaWyswietlanego" dataField="nazwaPolaWyswietlanego" />

W tradycyjny sposób czyli za pomocą
comboBoxId.selectedItem dostaniemy
&gttag>zawartosc>/tag>

Aby dobrać się do zawartości bezpośrednio nalezy skorzystac z metody text(),czyli

comboBoxId.selectedItem.nazwaPolaWyswietlanego.text();

Alert - przyciski nietypowe

2008-02-04T04:20:00.000-08:00

Alert.show dopuszcza wyświetlenie okna alertu z przyciskiem OK, lub przyciskami YES/NO, OK/CANCEL. Jeśli chcielibyśmy zastosować własne napisy na przyciskach należy postąpić wg poniższej instrukcji.
Na przykładzie alertu typu YES/NO

Alert.yesLabel="TAK";
Alert.noLabel="NIE"

Alert.show("Podoba ci się?", "Potwierdzenie", Alert.NO | Alert.YES, this, alertHandler,null,Alert.YES);
//czyli tekst w środku alertu, tekst na pasku górnym, guzik1, guzik2,parent,domyslnie zaznaczony guzik)

private function alertHandler(eventObj:CloseEvent):void{
if(eventObj.detail==Alert.NO){
zrob cos);

}

}

PopUp na czas

2008-01-30T06:35:00.000-08:00

Aby okienko PopUp znikło po określonej chwili należy użyć setTimeout

popUp = Alert.show("Treść alertu");
setTimeout(closeAlert, 4000); //4 sekundy

Funkcja closeAlert wygląda następująco:

 private function closeAlert():void {
               PopUpManager.removePopUp(popUp);
           }

DataGrid - zaznacz wszystko, odznacz wszystko

2008-01-28T01:49:00.000-08:00

Poszukiwałam funkcji slużącej do odznaczania i zaznaczania wszystkich wierszy w DataGridzie. Wreszcie znalazłam i umieszczam tutaj, może komuś będzie łatwiej tutaj dotrzeć ;)

Są dwie rzeczy które należy zrobić:
1) Ustawic DataGrid argument

allowMultipleSelection="true"

2) Skrypty pod guzikami
- zaznacz wszystko


                    private function selectAll():void{
    var everything:Array = new Array();
    for( var i:int = 0; i <employees.length; i++ )
      everything[i] = i;
    }
                    dg.selectedIndices = everything;
  }              
  private function selectNone():void{
    dg.selectedIndices = [];// or dg.selectedIndices = new Array();
  }

za stroną http://www.thebrokentoy.com/?p=3

TabNavigator - zakładka nie do otwarcia

2008-01-24T07:33:00.001-08:00

tabs.getTabAt(1).enabled=false;

Model Locator - wreszcie coś po polsku

2008-01-23T07:52:00.001-08:00

Model Locator to pierwszy etap Cairngormowego łańcucha Model-View-Controller.
Jego przeznaczenie to głównie przekazywanie danych pomiędzy poszczególnymi okienkami flexowej aplikacji. A dzieje się to w sposób łatwy, miły i przyjemny.
Zmienną, bądź dane które chcemy zachować w celu np przyszłego wykorzystania przepisujemy do ML i w dowolnym miejscu aplikacji możemy odwołać się do nich przy pomocy tegoż właśnie wzorca.

Przykład:

1 okno aplikacji

<mx:Formitem label="Wprowadz imie"></mx:Formitem>
        <mx:Textinput id="textImie" width="100"></mx:Textinput>

2 okno aplikacji (jakiś canvas)


<mx:Label label=""><

- właśnie tu chcielibyśmy wyświetlić imię I tu doskonale sprawdzi się ModelLocator

Tworzymy kod dla ModelLocatora:


package sciezka...model
{
    import com.adobe.cairngorm.model.ModelLocator;

    public class NaszModelLocator implements ModelLocator
    {


[Bindable]
public var imie:String;
public static function getInstance(): NaszModelLocator
        {
            if (_instance == null)
            {
                _instance = new NaszModelLocator();
            }   
           
            return _instance;
           
        }
       
       
        public function NaszModelLocator()
        {
            super();
            if (_instance != null)
            {
                throw new Error("Only one instance allowed!");
            }
        }
1 okno cd. 

tworzymy zmienną przechowywującą odwołanie do aktualnej instancji ML


var model:NaszModelLocator= NaszModelLocator.getInstance();
<mx:Formitem label="Wprowadz imie">
        <mx:Textinput id="textImie" width="100"></mx:Textinput>


<mx:Script>
<!--CDATA... private function zapiszImie():void{ model.imie=textImie.text;  }
</mx:Script><mx:button label="Przejdz dalej" click="zapiszeImie()">


2gie okno cd.

</mx:Button><mx:label label="Witaj {model.imie}">



Pierwszy czyli wyśrodkowaywanie okienka PopUp
2008-01-23T07:44:00.000-08:00
Dziś znalazłam odpowiedź na to jak wyśrodkować okienko PopUp, kiedy nie chce się wycentrować przy tworzeniu, a dodawanie kolejnych parentów nie daje żadnego efektu.

               var popUp:IFlexDisplayObject;
       popUp = new JakiesOknoWindow();
       PopUpManager.addPopUp(popUp,this.parent,true);
       PopUpManager.centerPopUp(popUp);


Należy w miejscu podawania DisplayObject wpisać Application.application as DisplayObject

czyli

                   var popUp:IFlexDisplayObject;
       popUp = new JakiesOknoWindow();
       PopUpManager.addPopUp(popUp,Application.application as DisplayObject,true);
       PopUpManager.centerPopUp(popUp);



I już ;)