Beginners Adobe Flex Builder Essential

Ойрд блогтоо бусдын хийсэн видео хичээл нэмсэнгүй үргэлж л бусдын хийсэн юмаар хүүдэгнэж байх юм даа гэж. Энэ хичээл нь Adobe Flex судлаж байгаа хүмүүст хэрэг болох болов уу гэж бодож байна.

Видео хичээлийн маань агуулга нь :

Application developers who want to create cross-platform, data-centric applications need the power of Flex. In Flex Essential Training, Adobe Certified Instructor David Gassner starts with the basics of understanding Flex, its projects, and its related programming languages. He explores the intricacies of the development platform and the Flex Builder integrated development environment, then gives in-depth, hands-on tutorials on creating, designing, customizing, and publishing dynamic web and desktop applications in Flex. Exercise files accompany the course.

Topics include:
* Understanding Flex programming languages
* Importing and exporting Flex Builder projects
* Understanding visual controls and containers
* Using Flex Builders Design view
* Creating and using custom components
* Laying out the Photo Album application
* Applying Cascading Style Sheets (CSS) for visual design
* Managing application navigation
* Using the Flex event architecture
* Working with dynamic data from local and remote server sources
* Using data driven visual controls
* Publishing Flex applications on the web

In Flex the Basics, David Gassner delves into advanced Flex development skills, including custom popup windows and programmatic animation; parsing XML with E4X; and integrating Flex applications with ColdFusion, ASP.NET, and PHP. He explores effective ways to use Flash and Flex together, including the exchange of graphical skins, symbols, and components. David also demonstrates how to localize a Flex application. This course is a follow-up to Flex Essential Training, and some experience with ActionScript, Flex Builder, and the Flex Framework is recommended. Example files accompany the course.

Topics include:
* Using the Tree and MenuBar controls
* Integrating with ColdFusion, PHP, and ASP.NET
* Managing an asynchronous state with AsyncToken
* Filtering, sorting, and finding data with ArrayCollection
* Working with Modules

ТАТАХ ЛИНКҮҮД

Татах <<< Линк 1 >>> Download
Татах <<< Линк 2 >>> Download
Татах <<< Линк 3 >>> Download
Татах <<< Линк 4 >>> Download
Татах <<< Линк 5 >> Download
Татах <<< Линк 6 >>> Download
Татах <<< Линк 7 >>> Download
Татах <<< Линк 1 >>> Download
Татах <<< Линк 2 >>> Download
Татах <<< Линк 3 >>> Download
Татах <<< Линк 4 >>> Download
Татах <<< Линк 5 >>> Download
Татах <<< Линк 6 >>> Download

Continue Reading...

Create a login system with Flex and PHP-тайлбар

Блогын зочин маань тайлбар хүссэн тул тайлбар нэмж байна. Завгүй байж байгаад хэлсэн хугацаандаа тайлбар оруулж чадсангүй уучлаарай.

Сэтгэгдэлээр үлдээсэн линкрүү хандаж үзлээ. Жаахан ойлгомжгүй жишээ байна. Бэлэн компонент ашигласан.
Энд дараад нэг прожект татаад ав урьдны бичлгэт оруулж байсан линкний жишээ прожект юм. Энэ прожект их энгийн бас үндсэн зүйлүүдийг нь агуулсан байгаа. Би доор кодын тайлбарыг гальт бичээд өгье.
Юуны өмнө яг юу татаад авсанаа мэдэхийн тулд үр дүнг нь үзье.
Үзэхийн тулд уг прожектыг татаж аваад нээгээд. Доорх мөр кодын url-г өөрчлөх

↓↓↓↓↓↓↓↓↓↓↓

http://www.vipercreations.com/site_admin/login.php = login.php гэж өөрчлөөд

прожект фолдер дотроо login.php файлыг үүсгэнэ. Дараах кодыг хуулна.
Анхаарах зүйл нь өөрийн DATABASE_USERNAME, DATABASE_PASSWORD, DATABASE_NAME-г зөв тодорхойлж өгөх шаардлагатай.

define( "DATABASE_SERVER", "localhost" );
define( "DATABASE_USERNAME", "user" );
define( "DATABASE_PASSWORD", "pass" );
define( "DATABASE_NAME", "flex" );
//connect to the database
$mysql = mysql_connect(DATABASE_SERVER, DATABASE_USERNAME, DATABASE_PASSWORD) or die(mysql_error());
//select the database
mysql_select_db( DATABASE_NAME );
//asign the data passed from Flex to variables
$username = mysql_real_escape_string($_POST["username"]);
$password = mysql_real_escape_string($_POST["password"]);
//Query the database to see if the given username/password combination is valid.
$query = "SELECT * FROM users WHERE username = '$username' AND password = '$password'";
$result = mysql_fetch_array(mysql_query($query));
//start outputting the XML
$output = "";
//if the query returned true, the output yes else output no
if(!$result)
{
$output .= "no";  
}else{
 $output .= "yes"; 
}
$output .= "";
//output all the XML
print ($output);

Дээрх үйлдлүүдийг гүйцэтгэж дууссан бол DB дортроо дараах QUERY-г ашиглан TABLE үүсгэнэ. TABLE үүсгэхдээ DB ээ өөрийн DB-ийн нэрийг оруулж үүсгээрэй.

CREATE TABLE `flex`.`users` (
`username` VARCHAR( 50 ) CHARACTER SET utf8 COLLATE utf8_unicode_ci NOT NULL ,
`password` VARCHAR( 50 ) CHARACTER SET utf8 COLLATE utf8_unicode_ci NOT NULL ,
PRIMARY KEY ( `username` )
) ENGINE = MYISAM CHARACTER SET utf8 COLLATE utf8_unicode_ci

TABLE үүсгэж дууссан бол нэг бичлэг нэмээд дээрх кодын дахин компайл хийгээд үүссэн кодыг буюу bin фолдерыг өөрийн сервер лүү хуулаад ажиллуулж үзээрэй. Асуудалгүй ажиллана гэж бодож байна. Тайлбарыг дэлгэрэнгүй гэж ороод үзээрэй. Бараг л тайлбар хэрэггүй ойлгох байх гэхдээ жаахан тайлбар оруулчихъя.

##################Тайлбар №1#########################

    
 {username.text}
    
    
 {password.text}
    

Дээрх хэсэг код нь

Гэсэн html кодтой хийгдэх үйлдэл нь ижилхэн гэж ойлгож болно. Анхаарах зүйл нь

таг хооронд дамжуулах утгуудаа ,таг хэлбэрээр дамжуулдаг. Flex дээр өгөгдлөө XML файлтай ижил таг хэлбэрээр өгөгдлөө илгээж мөн хүлээж авдаг. Гол нь харгалзах таагуудын утга уг эх кодод байх ёстой. Жишээ нь дээрх username гэсэн таг нь хэрэглэгчийн нэр оруулж байгаа TextInput-н ID байх жишээтэй.
Php файл дотроо дамжууласан утгуудыг хүлээж авахдаа html, php Файл хооронд утга дамжуулж байгаатай ижилхэн POST функцыг ашиглаад авч болно. POST функын атербутад харгалзах тагын нэрээр дамжуулсан утгыг авч болно.

Мөн HTTPService тагын result хэсэгт тодорхойлогдсон checkLogin(event) функц нь тухайн тагын үр дүн хүлээж авдаг. Event атербут нь ResultEvent гэсэн төрөлтэй байгаа эх функцээс харж болно.

HTTPService тагын send нэрээр тодорхойлогдсон гишүүн функцыг ашиглан url хэсэгт заагдсан кодыг ажилуулдаг
##################Тайлбар №2#########################
PHP файлд доорх мөр код байгаа

//Энэ код нь дээр дурьдсанчлан үр дүнг таг хэлбэрээр буцааж байна
$output = "";
//Sql амжилттай биелэвэл yes бусад үед нь no.
if(!$result){$output .= "no";}
else{$output .= "yes";}
$output .= "";

Php файлаас дамжуулсан утгыг хүлээн авахдаа HTTPService тагын result хэсэгт тодорхойлогдсон checkLogin(event)-г ашиглана.

private function checkLogin(evt:ResultEvent):void
{
// loginsuccess тагын утгыг шалгаж байна
 if(evt.result.loginsuccess == "yes")
 {
// Logged In State рүү шилжиж байна.
  currentState = "Logged In";
 }
 if(evt.result.loginsuccess == "no")
 { 
// Тохирох бичлэг олдоогүй бол хэрэглэгчид мэдээлж байна
  mx.controls.Alert.show('Invalid username/password');
 }  
}

Дээрх бичсэн зүйл энгийн ойлгомжтой байхаар жишээ шүү. Хэн нэг нь энэ үед ч логин чинь ******** гэсэн юм ярихгүй байх гэж найдаж байна. Энгийн ойлгомжтой байхаар нь сонгосон жишээ болно

Дээрх прожектыг доорх линкнээс авсан болно.
http://cookbooks.adobe.com/post_Create_a_login_system_with_Flex_and_PHP-7243.html

Андуу ташаа зүйл бичсэн бол сэтгэгдэл үлдээн засруулж өгөхийг хүсье.

Continue Reading...

Create a login system with Flex and PHP

Блогийн маань нэг зочин Flex дээр логин хийж байгаа жишээ оруулж өгөөч ээ гэж байсан хүсэлтийн дагуу нэгэн линк нэмж байна.
Энэ линкээс энгийн маш ойлгомжтой нэгэн жишээг татаж аваад ажиллуулж үзнэ биз дээ. Table үүсгэх sql гээд л бүх зүйл нь байгаа. Өгөгдлийн сантай холбохдоо PHP ашигласан жишээ байгаа. Ойлгомжгүй зүйл байвал асуугаарай.

Хэрэв амьдралд хайртай бол цагаа бүү дэмий үр
Амьдрал гэдэг чинь цагийн хэлхээ юм.

• В. Франклин

Continue Reading...

Setting the Browser Title in Flex

Flex дээр хэрхэн Browser Title тохируулах талаар нэг бичлэг нэмье. Яагаад энэ талаар оруулах болсон бэ гэвэл Flex нь Ajax хэлбэрээ кодчилол их хийгддэг учир Browser Title-г тохирууулах шаардлага гардаг.

Main Page-н Browser Title-г тохируулахадаа pageTitle хэсэгт тохируулж өгч болно.

      layout="absolute" 
      pageTitle="First Title"
>

Ajax хэлбэрээр хуудасны агуулга солигдож түүнд тохирох pageTitle-г тохируулах үедээ дараах маягаар тохируулж болно.

import mx.managers.BrowserManager;
import mx.managers.IBrowserManager
import mx.events.BrowserChangeEvent;
private var subTitle:IBrowserManager;
private function fChangeTitle():void
{
 subTitle = BrowserManager.getInstance();
 subTitle.init("","Secont Title");
}

Өөрийн болоод бусдын цагийг хайрладаггүй явдал бол соёлгүй, соёлын талаар ёстой нүдэн балай хэрэг...

• Н. К. Крупская

Continue Reading...

Dynamically loading XML files

Урьд нь Adobe Flex дээр хэрхэн XML файлын өгөгдлийг харуулах жишээ оруулж байсан бөгөөд энэ удаа XML файлыг динамикаар ашиглах (унших) талаар юм.
Adobe Flex дээр XML таг ашиглан XML файлыг холбоход файлын өгөгдөлийг асуудалгүй харуулж ашиглаж болох ба кодыг компайл хийсэний дараагаар файлын өгөгдөлийг өөрчилвөл хийсэн өөрчлөлт маань идвэхжидэггүй талтай. Энэ нь дээрх таг компайл хийх үед өгөгдлийг файлаас биш эх кодын хамт ямар нэг аргачлалаар кодчилон ашигладагтай холбоотой юм.
XML тагын оронд HTTPSERVICE таг ашиглавал компайл хийсэний дараагаар ч XML файлаас уншилт хийгдэх бөгөөд динамик шинжтэй болж байгаа юм.
Дээрх тагыг ашиглахдаа доорх маягаар ашиглана

                 resultFormat="e4x"
                 fault="httpService_fault(event);"
                 result="httpService_result(event)" />

HTTPSERVICE таг ашиглахдаа fault, result event-г ашиглана. Энэ хоёр Event-г ашиглахын тулд доорх package-г import хийх шаардлагатай.

import mx.rpc.events.ResultEvent;
import mx.rpc.events.FaultEvent;

fault, result event-д өөрийн тодорхойлж өгсөн функцуудыг ашиглан HTTPSERVICE тагын алдаа болон үр дүнг ашиглана.
Жишээлбэл :

private function httpService_fault(evt:FaultEvent):void 
{
        var title:String = evt.type + " (" + evt.fault.faultCode + ")";
        var text:String = evt.fault.faultString;
        alert = Alert.show(text, title);
       xmlListColl.removeAll();
 }

Дээрх функц нь алдаа гарсан үед алдааны мэдээлэл болон кодыг alert-д харуулах болно. Дэлгэрэнгүй гэж ороод үргэлжлүүлж уншина уу

private function httpService_result(evt:ResultEvent):void 
{
         var xmlList:XMLList = XML(evt.result).images.image;
         xmlListColl = new XMLListCollection(xmlList);
}

Дээрх функц нь хүсэлтийн үр дүнг xmlListColl-д олгох болно.Ингэсэнээр XMLListCollection тагын id-р нь хандан XML тагын өгөгдөлийг ашиглах боломжтой болно.
Жишээлбэл :

httpService.url = “XML файлын path”;
httpService.send();

...
...
...

Сонсох урлаг сайн ярих урлагтай бараг эн тэнцдэг.

• П.Буаст

Continue Reading...

Get URL Variables

Adobe Flex-н талаар нэг бичлэг нэмье гэж бодлоо. Энэ удаад url-д хавсаргасан хувсагчийн утгыг хэрхэн авах талаар юм. PHP дээр бол get гэсэн функцыг ашиглан хялбархан авч ашигладаг. Харин Flex дээр доорх хэлбэрээр авч болно. Зөвхөн санаа төдий зүйл гэдгийг ойлгоорой.

import flash.external.*;  
private var _url:String;
_url =  ExternalInterface.call ("window.location.search.substring", 1);

Дээрх үйлдэл нь url-с хувсагч болон хувсагчид харгалзах утгыг тасдаж авах бөгөөд үүнийг split функц ашиглан өөрийхөө хувьсагчийн утгыг ялган авах боломжтой юм.
Жишээлбэл :
www.example.com?lang=eng байвал _url утга нь lang=eng байна.

Сайн хүний үйлдэл
Далд байхдаа ч зөв байдаг.

Continue Reading...

Rotating image

Хэрэг болох байх гээд энэ хүү бичлэгийг нэмж байна. Хэрэгтэй кодыг нь дэлгэрэнгүй гэж ороод хараарай.

private function fRotation():void 
{
        var direction:int;
        direction = parseInt(this.txtdegree.text,0);
        var radians:Number = degreesToRadians(direction);
        var offsetWidth:Number = img.width / 2;
        var offsetHeight:Number = img.height / 2;
        var tempMatrix:Matrix = img.transform.matrix;
        tempMatrix.translate(-offsetWidth, -offsetHeight);
        tempMatrix.rotate(radians);
        tempMatrix.translate(+offsetWidth, +offsetHeight);
        img.transform.matrix = tempMatrix;
        rotateDeg = img.rotation;
}
private function degreesToRadians(degrees:Number):Number 
{
       var radians:Number = degrees * (Math.PI / 180);
       return radians;
}

Continue Reading...

Flex MenuBar ICON ашиглах

Та бүхэнд хэрэг болно байхаа. Блогоор минь зочилд байдагд баярлалаа.

private var menubarXML:XMLList = <> 
  
   
    
    
    
     
   
   
   
   
   
   
   
   
  

  ;
[Bindable] public var menuBarCollection:XMLListCollection;
private function init():void{
 menuBarCollection = new XMLListCollection(menubarXML);
}
  
private function menuHandler(event:MenuEvent) : void {
 if (event.item.@label != "EARTH") {
                    Alert.show("Label: " + event.item.@label + "\n" + 
                        "Data: " + event.item.@data, "Сонгогдсон item");
        }    
}
 left="10" right="26" top="10" id="menu1"
 labelField="@label" 
      dataProvider="{menuBarCollection}" 
      change="menuHandler(event)" 
      iconField="@icon" 
        fontSize="12" fontWeight="bold"
       />

Continue Reading...

Adobe FLEX DataGrid-д XML файлын өгөгдөл харуулах

Нэгэн жижигхэн жишээг та бүхэндээ хүргэж байна. Өөрт хэрэгтэй зүйлдээ ашиглах санаа оноо аваасай гэсэндээ. Бас ямар жишээ оруулвал зүгээр вэ та бүхэн санаа оноогоо хэлээрэй. Өөрийн боломж бололцооныхоо хэрээр оруулах болно. Кодыг нь харахыг хүсвэл дэлгэрэнгүй гээд хараарай..... Та бүхэнд амжилт хүсье.

data.xml Файл


    
        Монгол
        Улаанбаатар
        2сая700мянга
    
    
    
        Амеркийн нэгдсэн улс
        Washington
        304сая59мянга
    
    
    
        Япон
        Tokyo
        127сая288мянга
    
    
    
        Орос
        Moscow
        140сая702мянга
    

************   Код    **********************
//##############################################################
Шууд холбож болох ч ArrayCollection-руу хөрвүүлээд нэмэх устгах үйлдэл ашигласан юм шүү найзуудаа
//##############################################################

             xmlns:mx="http://www.adobe.com/2006/mxml" 
             layout="absolute" width="483" height="339"
             creationComplete="{init()}"
>
 
     import mx.collections.ArrayCollection;
   import mx.controls.Alert;
   import mx.events.ListEvent;
   import mx.utils.ArrayUtil;  
   import mx.rpc.xml.SimpleXMLDecoder;
   
   var dgData:ArrayCollection;
         
   private function  init():void{
       var dgArray:Array = xmlColl.toArray();
    dgData = new ArrayCollection(dgArray);
    dg.dataProvider = dgData;        
      }
   
   private function fGetRowValue(event:ListEvent):void{
    
    this.txtcountry.text = event.itemRenderer.data.country;
    this.txtcapital.text = event.itemRenderer.data.capital;
    this.txtpopulation.text = event.itemRenderer.data.Population;
   }
   
   
   
   private function fAddNewRow():void{
    if(this.txtcapital.text!="" && this.txtcountry.text!="" && this.txtpopulation.text!=""){
     var obj:Object = new Object();
     obj.country = txtcountry.text;
     obj.capital= txtcapital.text;
     obj.Population = txtpopulation.text;
     dgData.addItemAt(obj,0);
     this.fInputCLS();
    }
    else{
     Alert.show("Оролтын утгыг заавал оруулна уу","Анхаар");
    }
    
   }
   
   private function fInputCLS():void{
    this.txtcapital.text="";
    this.txtcountry.text="";
    this.txtpopulation.text="";
   }
   
   private function fDellSelRow():void{
    if(dg.selectedIndex!=-1){
     dgData.removeItemAt(dg.selectedIndex);
     this.fInputCLS();
    }
    else{
     Alert.show("Устгах мөрөө сонгоно уу","Анхаар");
    }
   } 
   
  ]]>
 
 
 
            itemClick="{this.fGetRowValue(event)}"
 >
  
   
   
   
  
 
 
 
 
 
 
 
 
 
         fontSize="18" fontWeight="bold" textAlign="center"/>
         text="http://baji-csms.blogspot.com/" fontWeight="bold"/> 

Continue Reading...

Adobe FLEX HorzintalList,TileList

Ойрд Flex-ийн талаар бичлэг нэмсэнгүй. HorzintalList,TileList ашиглах талаар жижиг жишээ кодын хамт та бүхэндээ хүргэж байна. Мөн энэ хүү 2 компонентийн itemRenderer-н давуу тал гэж хэлж болох Property-г ашигласан байгаа. Санаа оноогоо харамгүү хэлээрэй.

Кодыг нь харахыг хүсвэл дэлгэрэнгүй гээд....

   import mx.events.ListEvent;
  import mx.events.FlexEvent;
  import mx.controls.Alert;
  private function fSelImgSet(event:ListEvent):void{
   this.imgFullShow.source = event.itemRenderer.data.toString();
  }
 ]]>

 
        x="10" y="10" 
       text="HorzintalList,TileList itemRenderer " 
       width="357" textAlign="center" 
       fontWeight="bold" fontSize="15"
    /> 
        id="imgFullShow" 
       x="10" y="118" 
       width="291" height="249" 
       source="image/1.png"
     />
 
        id="TList" 
       x="303" y="118" 
       width="80" height="267" 
       dataProvider="{this.xmlImg.item}" 
       itemRenderer="mx.controls.Image" 
       itemClick="{this.fSelImgSet(event)}">
    
    
        id="HList" 
       x="10" y="42" 
       width="373" height="68" 
       dataProvider="{this.xmlImg.item}" 
       itemRenderer="mx.controls.Image" 
       itemClick="{this.fSelImgSet(event)}">  
 
 
        x="4" y="375" 
       text="http://baji-csms.blogspot.com/" 
       width="291" fontWeight="bold" 
       color="#000000"
    />

Continue Reading...

Flex with JAVA

Flex дээр вэб апп програмчлах явцад AS болон PHP,ASP.JSP код ашиглаж болдог. Үүнийг хэн хүнгүй мэднэ байх. Үүний дотроос JSP буюу JAVA хэл хэрхэн ашиглах талаарх нэгэн Э-НОМ-г та бүхэндээ хүргэж байна. Судлаад үзээрэй.
Хэл : Англи
Хуудас : 303
Формат : pdf

Татах <<<>>> Download

Continue Reading...

Adobe Flex Effect ашиглах

Flex effect ашигласан жижигхэн жишээ оруулж байна. Та бүхэн хэрэг болно байхаа гэж бодож байна.
Доор тавьсан жишээг ажиллуулж үзээрэй. Үүнээс хойш блог дээр ажиллуулж үзэж болохоор оруулах болно.

 
     import mx.effects.easing.*; 
   private function initApp():void{
    this.rb1.selected = true;
    img.load(xmlimage.image[currentItem]);
    this.btnPre.enabled = false;
   }
   private function fImageChange(in_callId:int):void{
    switch (in_callId){
     case 1:
      if(this.rb1.selected==true){
       this.moveNext.play();
      }
      else{
       this.moveNext1.play();
      }
     break;
     case 2:
      if(this.rb1.selected==true){
       this.movePre.play();
      }
      else{
       this.movePre1.play();
      }
     break;
    }
   }
   
   private function fChangeItem(in_callId:int):void{
    switch (in_callId){
     case 1:
      currentItem+=1;
      img.load(xmlimage.image[currentItem]);
      if(currentItem == total) btnNext.enabled = false;
      btnPre.enabled = true;
     break;
     case 2:
      currentItem-=1;
      img.load(xmlimage.image[currentItem]);
      if(currentItem==total) btnPre.enabled = false;
      btnNext.enabled = true;
     break;
    }
   }
  ]]>
 
 
 
  
  
  
 
 
 
 
 
 
        
        
        
    
    
    
        
        
        
    
    
    
     
     
    
    
    
     
     
    
    
    3
    0
 

Continue Reading...

Flex хэрэглэгчийн оролтыг шалгах

Вэб апп бичиж байх үед хэрэглэгчийн оролтыг шалгахдаа Flex-д тодорхойлогдсон тагуудыг ашиглаж болдог. Энэ удаагын бичлэгээр хэрэглэгчийн оролтыг шалгах талаар жишээ код болон тайлбар оруулъя гэж бодлоо. Хэрэглэгчийн оролт(Х.О)-ыг шалгах үндсэн тагуудыг дурьдвал :
1. Credit card validation
2. Date validation
3. Email address validation
4. Number validation
5. Phone number validation
6. Social security validation
7. String validation
8. Zip code validation
9. Regular expression validation г.м тагууд байдаг. Эдгээр тагууд нь бүгд Application тагын child таг юм. Дээрх
тагуудадын нийтлэг хэдэн property нь
1. Enabled -
2. Listener -
3. Property -
4. Required -
5. InvalidCharError -
6. Source -
7. Trigger -
8. TriggerEvent г.м property байдаг бөгөөд тагуудын онцлогт таарсан нэмэлт property мэдээж байгаа. Доор үзүүлэх жишээ кодноос санаа аваад ашиглаарай. Зүгээр л санаа төдий зүйл шүү та бүхэнд амжилт хүсье.

 
     import mx.controls.Alert;
  ]]>
   
   source="{cost}"
  property="text"
  expression="[0-9]" 
  flags="i"
  />
     source="{orderdate}" 
   property="text" 
   allowedFormatChars="/" 
   trigger="{orderdate}" 
   triggerEvent="valueCommit" 
   id="validateCustomDate"
  />
          id="emailValidator"
        source="{orderemail}" property="text"
      />
         id="nameValidator"
        source="{proName}" 
        property="text"
        minLength="2"
        maxLength="20"
    />
            id="phoneValidator"
        source="{orderPhNum}" 
        property="text"
    />
    
            cardTypeSource="{creditcard}" 
        cardTypeProperty="cardType"
        cardNumberSource="{creditcard}" 
        cardNumberProperty="cardNumber"
        trigger="{myButton}" 
        triggerEvent="click"
        cardTypeListener="{cardTypeCombo}"
        cardNumberListener="{CreditCardNo}"
        valid="Alert.show('Validation Succeeded!');"/>
        source="{cost}" 
     property="text" 
     required="true"
     currencySymbol="$" 
     alignSymbol="left" 
     allowNegative="false"
     decimalSeparator="." 
     thousandsSeparator=","
     maxValue="10000" 
     minValue="2" 
     precision="1"
     invalidCharError="Оролтын утга буруу байна"
   />
       property="text" 
        trigger="{myButton}" triggerEvent="click"  
        valid="Alert.show('Validation Succeeded!');"/>
   
            
            {cardTypeCombo.selectedItem.data}
            {CreditCardNo.text}
        
    
 
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
                    
                        
                        
                        
                        
                        
                    
                
  
 

Continue Reading...

"Flex Skin" Adobe Fireworks ашиглан бэлдэх

Доорх видео нь Adobe Fireworks ашиглан Flex Skin хийх талаарх бичлэг болно.
Setting up FireWorks CS3

Flex Skinning - Setting up Fireworks CS3 from Andrew Shorten on Vimeo.

Editing Skin Templates in FireWorks

Flex Skinning - Editing Skin Templates from Andrew Shorten on Vimeo.

Exporting Skin From FireWorks

Flex Skinning - Export Skins from Fireworks from Andrew Shorten on Vimeo.

Continue Reading...

Flex прожектод хэрэглэгчийн вэб хөтөч тохируулах

Ямар нэгэн хэрэгцээ шаардлага гараад бид бүхэн өөрийн ашиглаж байгаа РС дээрээ хэд хэдэн вэб хөтөч суулгадаг. Өөрийн хийсэн вэб маань вэб хөтөчийн төрлүүд дээр хэрхэн харагдаж байна г.м-чилэн олон шаардлага байдаг. Гэхдээ тогтмол гэх юм уу байнгын ашигладаг нь нэг л байдаг шүү дээ. Тиймээс Flex дээр вэб програм бичихдээ хэрэглэгчийн вэб хөтөчийг тохируулах жижигхээн бичлэг оруулъя гэж бодлоо. Хэрэглэгчийн вэб хөтөчийг тохируулахдаа
1. Flex Builder-н Select window цэснээс Preferences командыг сонгоно
2. Дараах цонх үүснэ. Уг цонхны General хэсгээс Web Browser node-ыг сонгоно
Үүсэх талбараас өөрийн ашиглах вэб хөтөчөө сонгон командаа баталгаажуулсанаар таны прожект build хийхэд сонгогдсон вэб хөтөч дээр нээгдэх болно. Танд амжилт хүсье.

Continue Reading...

Flex прожектын background хэлбэржүүлэх түүл

Ойрын хугацаанд блогтоо бичлэг оруулсангүй. Милээн ч завгүй өдрүүд хөвөрсөөр байна. Энэ асуудал хэн нэгэн хүнд гарна байхаа гэж бодоод дараах тайлбарыг хүргэж байна. Хэн нэгэн урьд өмнө хийчихсэн байсан вэб хуудас дээр ч юм уу, эсвэл хэрэглэгчийн хүсэл сонирхолд нийцсэн дизайныг Flex дээр хийж буй хуудасаа хэвжүүлэх шаардлага гарвал доорх түүлийг ашиглаарай. Flex дээр CSS файл өөрөө үүсгээд ашиглаж болдог л доо гэхдээ background тал дээр жаахан асуудалтай юм байна лээ. Эсвэл би чадаагүй байж магад. HTML хуудас хэвжүүлж байгаа шиг өөрийн дураар ашиглаж чадахгүй байсан учир энэ хүү түүлийг ашиглалаа. Та бүхэн ашиглаад үзээрэй.

Жишээ код

   1:  <mx:Style>

   2:   Application

   3:   {    

   4:    background-image    :   Embed("body_back.jpg");

   5:    background-position   :   top;

   6:    background-repeat    :   repeat-x;

   7:    borderSkin        :   ClassReference("com.degrafa.skins.CSSSkin");

   8:    background-color     :   "white";

   9:  } 

  10:  </mx:Style>

Татах <<<>>> Download Flex Version 3.0

Continue Reading...

Flex –д флаш файл тоглуулагчийн хувилбар тохируулах

Юм мэдэхгүй хүн нэг жаахан юм хийх гэж нээрэн инээдтэй юм болж байна аа. Нэг юм хийгээд дуустал флаш файл тоглуулагчийн хуучин хувилбар дээр нь нөгөө гайх л нь нээгдэхгүй юм. Учир нь гэхлээр Flex нь компайл хийх үед нь флаш файл тоглуулагчийн хувилбарыг сонгочихсон байдын байна. Хэрэглэж буй Flex хувилбараас хамаараад автоматаар тохируулчихсан байдаг аж. Жишээ нь Flex 3.0 гэхэд флаш файл тоглуулагчийн 9.0.0 хувилбараас дээш хувилбар суусан вэб хөтөч дээр нээгдэх жишээтэй. Ингэсэн компани дээр үзэх гэсэн хүмүүс IE 6.0 флаш файл тоглуулагч нь 7.0 нөгөөдөх нь болохгүй заавал флаш файл тоглуулагчийн хувилбарыг нь өсгөх шаардлагатай байдаг. Тэгсэн хүн бүр ингэнэ гэж байхгүй. 7.0 ба түүнээс дээш хувилбар дээр үзэж болохоор байх хэрэгтэй гэнэ шүү. Тэгээд засахаар болов. Засахад нэг их том асуудал байхгүй л дээ гэхдээ мэдэхгүй хүнд хэрэг болж магад гээд оруулж байгаан би өөрөө мэдэхгүй гүүгл ахаас асуусан юм. Ах бол үнэн баавартай юм аа май гээд л өөдөөс чулуудах нь холгүй байна лээ. Ингэдэг гэнэ шүү


1. Өөрийн прожект файлыг сонгоод хулганыхаа баруун точийг дараад Property гэсэн командыг сонгоно
2. Үүсэх цонхноос Flex Compiler гэсэн цэсийг сонгож Require Flash Player version гэсэн сонголтыг идвэхгүй болгоод өөрийн командыг баталгаажуулан дахин компайл хийхэд флаш файл тоглуулагч суусан компьютер бүр дээр ажиллаж байна гэж.

Continue Reading...

Flex прожектод хөдөлгөөнт зураг ашигалах

Gif файл ашиглах шаардлага гараад яаж ийж байгаад ашиглаад авлаа. “Loading Animated GIF in Flex” Timer ашиглаад JPG зургаа солиод байя гэж бодоод хийж байтал нэг л бишээ. Тэгээд л интернетээс Gif maker гэж хайж байгаад солих зурагнуудаа Gif файл болгоод ашигласан нь милээн ч цаг хэмнэлээ. Гэхдээ Flex шууд Gif файл дэмжихгүй юм аа. Нэмэлт юм заавал хэрэг болоод тэр нь зөндөө үнэтэй юм. Явж байтал ашиглаж болохоор бэлэн түүл байнаа. Тэр нь AS3GIF гэж. Доорх линкнээс татаж аваарай. Ашиглах арга нь хамт байгаа. Ашиглах явцад асуудал гарвал коммент үлдээгээрэй. Шууд ашиглавал #2148 гэсэн нөгөө гайх л алдаа гарна шүү. Энэ алдааг яаж засах талаар өмнөх бичлэгт оруулсан учир тэндээc харна биз дээ.

Татах <<<>>> Download

Continue Reading...

Flex SecurityError: Error #2148 гэж

Хүнд хэлхээс ичмээр шахуу нэг жаахан юм хийсэн юм. Тэгсэн алдаа гараад яаж засахаа мэдэхгүй 1 цаг гаран жаал эргүүтэв. Юу вэ гэхлээр :
Flex navigateToURL командыг ашиглаад HTML хуудас дуудаж байгаа юм. Энэ HTML хуудас нь нэг флаш файл агуулж байгаа бөгөөд энэ хүү флаш файл нь XML файлаас уншилт хийдэг. Компайл хийгээд зүв зүгээр ажиллаад сервер дээр хуулахаар ердөө ажилдаггүй. Ингээд нэг цаг үр дүнгүй ажил дээр суув. Яахаа мэдэхгүй сууж сууж try catch блокыг дуудаж байгаа хэсэгтэй ашиглаад Error мэссежийг нь Alert-д харуултал Error #2148 гэсэн алдааны мессеж үзүүлж байхын ингэж нэг барих барьцтай болж гүүгл ахаас асуув. Гүүгл ах ингэж хариулав. Энэ алдааг нь Flex securityError гэж нэрлээд голдуу XML файлаас уншилт хийх үед гардаг алдаа гэж ойлгов. Гэхдээ яг ямар үед XML файлаас уншихад гардаг алдааг сайтар ойлгосонгүй. Мөн засах аргыг асуув ах хариулж байна. Ингэдэг гэнэ шүү :

1. Прожект файлаа сонгон хулганы баруун товчийг дарж
2. Properties сонгоно
3. Үүсэх цонхноос Choose Flex Compiler сонгож
4. Additional compiler arguments хэсэгт “-use-network=false” нэмнэ

Ингээд дахин компайл хийхэд гайхал алдаа алга болов. Flex-д try catch блок ашилгаж болдогт талархав. Та бүхэнд хэрэг болж магад гээд оруулж байна.

Continue Reading...

Adobe Flex-д javascript ашиглах нь

Энэ хүү гарчигийн доор жаахан тайлбар бичье гэж бодлоо. Юу вэ гэхлээр тусдаа үүсэгсэн javascript файлд зарлагдсан функцыг өөрийн бичиж буй Adobe Flex прожектдоо ашиглах талаар юм. Flash дээр ActionScript жаахан бичиж байсан ч javascript класс бичээд ашиглаж байгаагүй юм. Adobe Flex-д ашиглахдаа прожект файл дотор байрлах index.template.html файлд html файлд javascript класс ашиглахдаа зарладаг зарлагааг хийх бөгөөд (<script src="test.js" type="text/javascript"></script>) нэг үгээр бол include хийж байна гэсэн үг шүү дээ.

(Анхаар !!! Src хэсэгт файлаа зааж өгөхдөө замыг нь зөв зааж өгөхөө мартуузай.)

Дээр зарласан test.js файлд доорх функц бичигдсэн болно.

function testFunction (str) {

alert (str);

}

Харин энэ хүү функцыг дуудахдаа ExternalInterface package-ын call функыг ашиглах бөгөөд параметерээ дамжуулахдаа жаахан анхаарах зүйл байгаа. Доор бичсэн кодонд txtinput1 гэсэн TextBox-д оруулсан утгыг alert-ын маань текс-д харуулах болно. ExternalInterface package-г ашиглахдаа дараах маягаар import хийнэ.

import flash.external.ExternalInterface;

ExternalInterface.call("testFunction ",this. txtinput1.text);

Их энгийн юм шиг боловч мэдэхгүй хүнд хэрэг болно шүү. Би бас л гүүгл ахаас асууж байж хийсэн юм. Харамсалтай нь монгол хэл дээр тайлбар байхгүй байсан юм. Тэгээд оруулж байгаа санаатай. Магадгүй би монголоор бичсэн тайлбарыг нь олоогүй байж магад. Далайд дусал нэмэр гэдэг шү дээ..... Танд амжилт хүсье.

Continue Reading...