什麼什麼……完全看不懂的標題! TextInput 就是 TextInput阿有什麼了不起的勒

但是 TextInput  可以換上面紗耶，那可就值得瞧一瞧拉。有看有保佑~沒看就………(自己想)!

這一切的一切全是因為接觸了那該死的屎背屍(sybase)，從 DB 到 ODBC 到PHP 到FLEX..，唉，我也想做有錢人阿，有錢人就不用煩這麼雞毛的事了… 不過…好像址遠了后。回到正題先，

話說一般 textinput 提供輸入的畫面就白白的一行(如上圖)，
要如何能在尚未輸入時就知道格式呢，ex:(02)1234-5555#06，一般做法就是

1.用很多個textinput + label 去拼湊出來 [需要耐性+細心]
2.使用FLEX內建的 Formatter，但FLEX內建的 Formatter，是在輸入完後才知道格式，無法一開始就知道 
   [如國王的新衣般，聰明人才看得見]

在誠心模拜狗狗大神後，找到在還沒輸入資料前就知道格式囉(不用textinput + label了，oh yeah!) ~看看下面範例吧

Sample

mask_Test.mxml

CODE

1
2
3
4
5
6
7
8
9
10
11
12
13
14

<?xml version="1.0" encoding="utf-8"?>
<mx:application xmlns:controls="com.adobe.flex.extras.controls.*" layout="vertical" xmlns:mx="http://www.adobe.com/2006/mxml" fontsize="12">
 
	<mx:label color="#FDC605" text="DataBind" />
	<mx:text id="txt" text="123456" />
	<controls:maskedtextinput id="txt_mask1" text="{this.txt.text}" inputmask="##-##-##" />
 
	<mx:hrule width="538" />
 
	<mx:label color="#FDC605" text="輸入字串" />
	<controls:maskedtextinput id="txt_mask" text="" inputmask="(##)-####-##~##" />
	<mx:label text="{this.txt_mask.text}" />
 
</mx:application>

完整檔案下載

感謝資訊提供：Simple DateField extension with masked input

PS:如果是FLEX2.0 可以到adobe 官網下載喔!Adobe Masked TextInput

Random Posts

相關文章 :

• 使用 FLEX-AS3 實作 JAVA 數值過濾器
• 使用 FLEX-AS3 實作 JAVA 陣列行列轉換
• 使用 FLEX-AS3 實作 JAVA 求平均值
• FLEX on PHP , ZendAMF 中文 UTF-8 測試報告
• FLEX 的元件移動邊界限制

Meige FLEX, 程式設計 Actionscript, AS3, mask, textinput, 輸入遮罩, 輸入限制