ช่วงนี้กำลังแก้ Checkbox อย่างจริงๆจังๆ แล้วก็เจอปัญหาตามมามากมาย เริ่มจาก Checkbox ไม่เปลี่ยนหลังจากเลือกไปแล้วเพราะว่า method updateDisplayList ของ renderer ยังไม่ถูกเรียกเมื่อเราคลิกที่ List วิธีที่จะทำให้มันเรียกก็ต้องเซท array กลับไปอีกที แต่ปัญหาใหญ่ที่สุดที่เจอแล้วก็นั่งแก้กับ @iporsut อยู่ซะนานเลยคือเรื่อง List กับ ArrayCollection
เรื่องเกิดขึ้นเมื่อตัวข้อมูลที่ใช้อยู่มันดันใช้ข้ามประเภทของ ListBase คือ List กับ DataGrid แล้วทีนี้ DataGrid มันสามารถสั่งเรียงข้อมูลได้โดยกดที่หัวแถว สิ่งที่มันทำคือสร้างวัตถุ Sort แล้วยัดเข้าไปที่ ArrayCollection แล้วสั่ง refresh ซะซึ่งข้อมูลที่ออกมาทั้ง List และ DataGrid ก็ดูเรียงสวยงามดี แต่ว่า List ผมกับ method click ที่ใช้สำหรับแสดง Checkbox ด้วยจะใช้ไม่ได้อีกเลย ตอนแรกก็งงว่าทำไม ลองไล่ดูแล้วก็พบว่า array ที่ผมใช้รับ item ที่ถูกเลือก มันกลายเป็น array เปล่าไป(@iporsut debug แล้วรายงานมาอีกทีด้วย ^^) นั่งแก้อยู่นานจนผมจนปัญญาหละ แล้ว @iporsut ก็บอกว่าให้เปลี่ยนเป็น selectedIndice ดูปรากฏว่าหาย - -” คือ DataGrid ทำงานได้ถูกต้องแล้วเหลือ List จนในที่สุด ก็ได้รับคำแนะนำมาอีกทีว่า เนื่องจาก array ของ selectedIndices มันหายก็ copy มันใหม่ซะเลย คราวนี้ทำงานได้สวยงาม
ถ้าใครยังงงๆ ว่าผมทำอะไรก็ลองดูตัวอย่างด้านล่างเลยละกัน แล้วก็ โค้ด

หลังจากหาวิธีแก้มานานว่าทำยังไงดีที่จะเพิ่มข้อมูลใส่ Array ให้เร็วขึ้นเพราะว่า ถ้าใช้ฟังก์ชั่นมาตรฐานทั่วไปในการต่อ Array สองอันเข้าด้วยกันชื่อฟังก์ชั่นที่นึกถึงอย่างแรกเลยก็คือ concat แต่ว่าปัญหาเกิดขึ้นเมื่อ Array ที่ใช้มันใหญ่ขึ้น เวลาที่ใช้ในการ concat ก็จะช้าลงๆ แบบรับไม่ได้เลยหละ ซึ่งก็ยังไม่ได้แงะลงไปว่า concat มันทำอะไร แต่ตอนนี้เจอฟังก์ชั่นใหม่ที่ใช้แทนกันได้แล้วนั่นคือ push นั่นเอง
ข้อแตกต่างระหว่างสองอันนี้คือ concat จะเชื่อม Array เข้าด้วยกัน แต่ push เป็นแค่การเพิ่มข้อมูลไปท้าย Array ดังนั้นหากใช้ push ต้องไล่ข้อมูลใน Array ที่จะเอามาเชื่อมทีละตัวเอาออกมาแล้วค่อยยัดเข้ามาใหม่ ดูแล้วมันก็น่าจะทำเหมือนกันแต่ปรากฏว่าไล่วนเอง เร็วกว่ากันเยอะเลย - -”

101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141

public function generatePush(event:MouseEvent):void {
	var average:Number = 0
	var total:int = 10000
	var na:Array = new Array()
	var samplingArray:Array = [new SampleStructure("mr.bun", "021587623"), new SampleStructure("ms.rally", "0359234752"), new SampleStructure("mrs.blick", "0852093428"), new SampleStructure("mr.geouge", "0348543235"), new SampleStructure("ms.lulu", "0912438534")]
 
	var sumStart:int = getTimer()
	for (var i:int = 0; i < total; i++) {
		var start:int = getTimer()
		for each (var o:* in samplingArray) {
			na.push(o)
		}
		var stop:int = getTimer()
		average += (stop-start)
	}
 
	var sumStop:int = getTimer()
	trace("na size: " + na.length) 
	trace("total usage: " + (sumStop - sumStart))
	trace("average usage: " + (average / total))
}
 
public function generateConcat(event:MouseEvent):void {
	var average:Number = 0
	var total:int = 10000
	var na:Array = new Array()
	var samplingArray:Array = [new SampleStructure("mr.bun", "021587623"), new SampleStructure("ms.rally", "0359234752"), new SampleStructure("mrs.blick", "0852093428"), new SampleStructure("mr.geouge", "0348543235"), new SampleStructure("ms.lulu", "0912438534")]
 
	var sumStart:int = getTimer()
	for (var i:int = 0; i < total; i++) {
		var start:int = getTimer()
		na = na.concat(samplingArray)
		var stop:int = getTimer()
		average += (stop-start)
	}
 
	var sumStop:int = getTimer()
	trace("na size: " + na.length)
	trace("total usage: " + (sumStop - sumStart))
	trace("average usage: " + (average / total))
}

ใครอยากลองก็เอา code ด้านบนไปใส่ดูแล้วกด debug รับรองจะเห็นถึงความแตกต่าง ยิ่งเลข total ยิ่งเยอะ ความแตกต่างยิ่งเห็นได้ชัด ไฟล์นี้จริงๆ ทดลองอีกเรื่องนึงด้วยแต่เดี๊ยวแยกเป็นอีกหัวข้อนึงละกัน ;p

เจอเรื่องประหลาดๆ เกี่ยวกับ array ของ flex เข้าเพราะว่าข้อมูลที่จะยัดใส่ array ดันมีเยอะ และค่อยๆ เพิ่มอีกต่างหาก เลยเกิดปัญหาเข้าเพราะพอข้อมูลเพิ่มเยอะขึ้นเรื่อยๆ การใส่ข้อมูลลง array ของ flex จะช้าลงเรื่อยๆ โดยไม่รู้สาเหต ลองไปขุดๆ ดูก็รู้มาว่า array ของ flex เป็นแบบ associative array เหมือน php หรือ javascript แต่ก็ไม่น่าจะเกี่ยวเท่าไหร่ หรือป่าว เพราะ hash map เวลาใส่ข้อมูลลงไปเยอะๆ ก็ไม่น่าจะช้า ขนาดที่ว่า สามวินาที ถึงจะใส่ข้อมูลลงไปได้ พี่ที่ทำงานตอนนี้ก็เลยเลี่ยงไปพึ่งฝั่ง server ให้เอาข้อมูลยัดใส่ array ให้เรียบร้อยแล้วส่งมา

เห้อ ทำไม flex มันทำอะไรกับ array หว่าถึงได้ช้าขนาดนี้นะ