How to push remainder Children up after remove 1

Question

Hi everyone,
i have an ary contain a numbers of information as below
var ary:Array = new Array();
var temp:Array;
var box_mc:Box; // this is a movieclip which contain dynamic text box inside.
// assume inside the array have 9 itemName
on the stage i got an empty empty movieclip and i add child from the array on it....
getList();
function getList():void {
temp = new Array();
for (var i:Number = 0; i < ary.length; i++) {
box_mc = new Box;
hix = DISTANCE; // just some way to calculate the distance how it appears everytime so i just call it distance. it works fine.
box_mc.x = 0;
box_mc.y = hix;
// i make this display as 1 column with rows depends on array
box_mc.itemName_txt.text = ary[i];
wrapper_mc.addChild(box_mc); // the wrapper contain all the box_mc
//there is a remove button inside the box_mc
box_mc.removebutton.addEventListener(MouseEvent.CLICK, removeClicked);
temp.push(box_mc);
function removeClicked(evt:MouseEvent):void {
for (var i:Number = 0; i < temp.length; i++) {
        if (temp[i] == evt.target.parent) {
            ary.splice(i, 1);
            temp.splice(i, 1);
Problem:
I could delete the item everytime i clicked on the remove button but it appears a gap/space between it. I want to push all remaining box_mc at the bottom up after i remove 1. It only push up when i come back to this page after i navigate to some other page. Does anyone know how to implement this ? thanks.
P.S. i tried using enterframe and i failed, probally the way i did was wrong or watever.

Answer 1

For the relocation approach, once you find the i-th object that you are removing and remove it, then you could call another function and pass it the value of i and have that function change the y locations of the remaining items in the array.... use something similar to whatever code you used to plant the object (using "hix") to begin with.
function removeClicked(evt:MouseEvent):void {
for (var i:Number = 0; i < temp.length; i++) {
        if (temp[i] == evt.target.parent) {
            ary.splice(i, 1);
            temp.splice(i, 1);
                shiftMCs(i);
shiftMCs(mcIndex:Number):void {
     for (var i:Number = mcIndex; i < temp.length; i++) {
               ary[i].y = ????.... your challenge to solve