AnsweredAssumed Answered

JavaScript - Autocompletar.Utilizando la libreria de Yahoo.

Question asked by useralfresco on Mar 15, 2012
Hola. Estoy extendiendo el Share de alfresco… ya tengo un pagina personalizada y creada en el Share. Está a su vez hace referencia a un JavaScript que utiliza la libreria de Yahoo YUI. Estoy intentando añadir la funcionalidad de Autocompletar pero no he podido realizarlo, Alguien me puede dar una mano. De antemano. muchas gracias.

Este es el codigo. del javascript que tengo en el momento


/*
*** Areas Tematicas
*
*
*
*
*/


(function()
{
   /**
    * YUI Library aliases
    */
   var Dom = YAHOO.util.Dom,
      Event = YAHOO.util.Event;

   /**
    * Alfresco Slingshot aliases
    */
   var $html = Alfresco.util.encodeHTML;

   /**
    * Alfresco.AreasTematicas constructor.
    * @return {Alfresco.AreasTematicas} the new component instance
    * @constructor
    */
   
   Alfresco.component.AreasTematicas = function (htmlId)
   {
  
      this.name = "Alfresco.component.AreasTematicas";
      this.id = htmlId;
     
      /* Register this component */
      Alfresco.util.ComponentManager.register(this);
     
      /* Load YUI Components */
      //Alfresco.util.YUILoaderHelper.require(["calendar", "button"], this.onComponentsLoaded, this);
     
     Alfresco.component.AreasTematicas.superclass.constructor.call(this, "Alfresco.component.AreasTematicas", htmlId);

     //Evento encontrar areas tematicas
      YAHOO.Bubbling.on("areasTematicas", this.jsAreasTematicas, this);
   
      return this;
   };   

 

   YAHOO.extend(Alfresco.component.AreasTematicas, Alfresco.component.Base,
   {
      /**
      * Object container for initialization options
      *
      * @property options
      * @type object
      */
      options:
      {
          /**
           * Current siteId.
           *
           * @property siteId
           * @type string
           */
          siteId: ""
      },
  
      onReady: function AutoReadme_onReady()
      {
         this.jsAreasTematicas
          // No action required here.
      },

    
    
    
      jsAreasTematicas: AreasTematicas_jsAreasTematicas function() {

         YAHOO.example.Data = {
            arrayStates: [
            "Alabama",
            "Alaska",
            "Arizona",
            "Arkansas"
            ]
         };

         this.oDS = new YAHOO.util.LocalDataSource
         (YAHOO.example.Data.arrayStates);
         this.oDS.responseSchema = {fields : ["state"]};

         this.oAC = new YAHOO.widget.AutoComplete(this.id + "myInput", this.id + "myContainer",    this.oDS);
         //this.oAC.prehighlightClassName = "yui-ac-prehighlight";
         this.oAC.useShadow = true;

         return {
            oDS: this.oDS,
            oAC: this.oAC
         };
      }

  
   });

  
})();


    


Outcomes