封裝自己的Flex工具 List渲染器

2021-05-04 07:29:37 字數 1140 閱讀 5564

flex中的list元件預設顯示的樣式很普通,如果想自定義一些很酷的顯示樣式,就需要為list元件的itemrenderer設定渲染器類嘍!

不過在flex中渲染器是很簡單的了,而且效果很明顯!

下面就定義乙個渲染器,讓list元件的每行資料按塊來顯示!

1.定義乙個list元件,並設定itemrenderer屬性!

itemrenderer="myrenderer.customerresprenderer"

>

a.b@cn" busy_name="的一" busy_tel="456" busy_email="c.d@cn" tech_name="東一" tech_tel="789" tech_email="e.f@cd"/>

2.在flex工程中建立myrenderer目錄,在此目錄下新建乙個mxml component,命名為:customerresprenderer,code如下:

說明一下:此類會將list元件中的一行重新進行規劃,分成三段,背景顏色分別為紅,綠,藍...

3.在myrenderer目錄下建立script目錄,用於存放customerresprenderer用到的code(這樣為了使樣式與code分離..好處多多)

在script目錄下建立actionscript file,命名為:customerresprenderer.as,code如下:

/*** customerresprenderer類附件code

* 覆蓋 data的setter

* 實現item的繫結能力

* */

import mx.utils.objectproxy;

[bindable]private var item:object;

override public function set data(value:object):void

說明:此檔案中藍色加粗的那句很關鍵,如果不覆蓋 data的話,flashplayer debug版會不斷的發警告;

如此就可以完全的控制list元件的顯示外觀了!

封裝自己的Flex工具 List渲染器

flex中的list元件預設顯示的樣式很普通,如果想自定義一些很酷的顯示樣式,就需要為list元件的itemrenderer設定渲染器類嘍 不過在flex中渲染器是很簡單的了,而且效果很明顯 下面就定義乙個渲染器,讓list元件的每行資料按塊來顯示 1.定義乙個list元件,並設定itemrende...

封裝自己的Flex工具 ip驗證器

又乙個自定義的驗證器,寫法與cn手機驗證器一致哦,不過這個是來驗證ip位址的.驗證核心我還是用正則.不在廢話了,一下是code package org.sk.validator 0 9 1 9 0 9 1 9 25 0 5 2 0 4 0 9 0 1 0 9 1 9 0 9 1 9 0 25 0 5...

自己封裝的js工具

1 封裝函式insertafter 功能類似insertbefore 23 var div document.getelementsbytagname div 0 4var span document.createelement span 5var a document.getelementsbyt...