Comment créer un composant automatique personnalisé dans Flex?

Question

Je dois créer un composant auto-compléte en flex qui extrait les résultats auto-complétés d'une base de données distante en utilisant un service web. J'ai travaillé sur le webservice et l'interrogation. J'ai déjà fait des composants personnalisés dans le script d'action en étendant les VBox. Cependant, je n'arrive pas à comprendre comment générer la fenêtre contextuelle censée s'afficher sous la saisie de texte dans ma zone de texte automatique.

Actuellement, je suis en utilisant quelque chose comme

PopUpManager.addPopUp(popup, parentComponent); 

Ma classe popup étend VBox et étend la méthode createChildren comme suit

protected override function createChildren():void 
{ 
    for (var i:int = 0; i < results.length; i++) { 
    var itemC:UIComponent = 
     factory.getComponent(results[i]); 
    addChild(itemC); 
    itemC.addEventListener(MouseEvent.CLICK, 
     getClickFunction(i)); 
} 

private function getClickFunction(index:int):Function { 
    return function (event:MouseEvent):void 
     { 
      selectedIndex = index; 
     }; 
} 

Malheureusement, lorsque le webservice récupère ses résultats et addPopUp est appelé, rien révéler.

Actuellement, la méthode factory.getComponent exécute ce code

public function getComponent(user:Object):UIComponent 
{ 
    var email:Label = new Label(); 
    email.text = user.email; 
    var name:Label = new Label(); 
    name.text = user.displayName; 
    var vbox:VBox = new VBox(); 
    vbox.addChild(name); 
    vbox.addChild(email); 
    return vbox; 
} 

Answer 1

Enfin, je compris comment utiliser le contrôle de la liste et je me suis arrêté à l'aide d'une usine pour produire des composants, à la place utiliser la fonction itemRenderer dans le contrôle de la liste. J'ai aussi utilisé cela pour remplacer la classe popup personnalisée, et j'ai ajouté une fonction de positionnement à appeler plus tard. En combinant ces choses, j'ai été en mesure d'obtenir la liste déroulante à afficher comme prévu. Il semble que certains composants ne fonctionnent pas bien en tant que pop ups.

Quoiqu'il en soit, le code pop-up de travail est

intérieur mon composant autocomplete qui étend HBox

dropDownList = new List(); 
dropDownList.itemRenderer = itemRenderer; 
dropDownList.dataProvider = results; 
dropDownList.labelFunction = labelFunction; 
dropDownList.rowCount = results.length; 
dropDownList.labelFunction = labelFunction==null ? 
    defaultLabelFunction : labelFunction; 
dropDownList.tabFocusEnabled = false; 
dropDownList.owner = this; 
PopUpManager.addPopUp(IFlexDisplayObject(dropDownList), DisplayObject(this)); 
callLater(positionDropDownList); 

Méthode dans le composant autocomplete (textInput est mon champ de texte)

public function positionDropDownList():void { 
    var localPoint:Point = new Point(0, textInput.y); 
    var globalPoint:Point = localToGlobal(localPoint); 
    dropDownList.x = globalPoint.x; 
    var fitsBelow:Boolean = parentApplication.height - globalPoint.y - textInput.height > dropDownList.height; 
    var fitsAbove:Boolean = globalPoint.y > dropDownList.height; 
    if (fitsBelow || !fitsAbove) { 
     dropDownList.y = globalPoint.y + textInput.measuredHeight; 
    } else { 
     dropDownList.y = globalPoint.y - dropDownList.height; 
    } 
} 

Le fonction de position était le code que j'ai emprunté http://hillelcoren.com/flex-autocomplete/

Answer 2

Je pense que vous devriez chercher quelqu'un qui a déjà mis en oeuvre. Bien que votre problème soit probablement lié au fait de ne pas positionner et dimensionner le composant avant d'appeler addPopup() même si nous vous avons aidé à le résoudre, vous avez encore beaucoup de travail à faire. (BTW appel super.createChildren dans votre override ou sinon de mauvaises choses vont arriver). Quoi qu'il en soit, vérifier cela:

http://www.adobe.com/cfusion/exchange/index.cfm?event=extensionDetail&extid=1047291