topic Re: AYUDA: Como crear botón para exportar a excel resultados de busqueda, Alfresco Share in Alfresco Archive

AYUDA: Como crear botón para exportar a excel resultados de busqueda, Alfresco Share

magarcia_sm — Mon, 14 Dec 2015 18:25:05 GMT

Hola a todos, Necesito ayuda con la siguiente cuestión. Quiero añadir un botón a la búsqueda avanzada en Alfresco Share que me exporte los resultados de la búsqueda a excel.Estoy siguiendo como referencia este tutorial. https://sudheerreddyduganapalli.wordpress.com/2015/01/21/alfresco-share-export

Re: AYUDA: Como crear botón para exportar a excel resultados de busqueda, Alfresco Share

magarcia_sm — Wed, 16 Dec 2015 08:08:52 GMT

Bueno, os cuento los avances.
Eh conseguido que aparezca el botón "exportToExcel" al lado del botón "buscar", pero no tengo claro como llamar ahora desde ese botón a mi function para que exporte los resultados encontrados.

El código para exportar a excel es el siguiente. No tengo claro que pasarle como parametros para que sepa los datos que tiene que exportar. ¿Alguien podría ayudarme con esto? Gracias!

Dejo también los archivos y el código para la creación del botón por si le sirve a alguien de ayuda.

"tomcat\webapps\share\components\search\exportToExcel.js"
<javascript>
(function () {
    /**
     * Function que exporta los resultados de la busqueda a formato excel
     */
    exportToEXCEL : function exportToEXCEL(e, options) {
        var tab_text = "<table border='2px'><tr bgcolor='#87AFC6'><td>";
        var textRange;
        var j = 0;
        table = options.datatable; // id of table
        var i, j, k, oData;
        var includeLastColumn = true;
        var aRecs = table.getRecordSet().getRecords(), aCols = table.getColumnSet().keys;
        var aColsLength = aCols.length;
        var aRecsLength = aRecs.length;
        for (i = 0; i < aColsLength; i++) {
            tab_text += aCols.label.replace(/( )*/g, "").replace(/<br[^>]*>/g, " ") + ( i < aColsLength ? "</td><td>" : "");
        }
        tab_text += "</td></tr><tr><td>";
        for (j = 0; j < aRecsLength; j++) {
            oData = aRecs[j].getData();
            for (k = 0; k < aColsLength; k++) {
                tab_text += ( oData[aCols[k].key] + ( k < aColsLength ? "</td><td>" : ""));
            }
            tab_text += "</td></tr><tr><td>";
        }
        tab_text = tab_text + "</td></tr></table>";
        tab_text = tab_text.replace(/<A[^>]*>|<\/A>/g, "");//remove if u want links in your table
        tab_text = tab_text.replace(/<img[^>]*>/gi, ""); // remove if u want images in your table
        tab_text = tab_text.replace(/<input[^>]*>|<\/input>/gi, ""); // removes input params
        var thisForm = document.createElement('form');
        thisForm.style.display = 'none';
        document.body.appendChild(thisForm);
        var fileName = document.createElement('input');
        fileName.type = 'hidden';
        fileName.name = 'fileName';
        fileName.value = 'DMS Report–' + new Date();
        thisForm.appendChild(fileName);
        var dataTable = document.createElement('input');
        dataTable.type = 'hidden';
        dataTable.name = 'tableData';
        dataTable.value = tab_text;
        thisForm.appendChild(dataTable);
        thisForm.method = 'POST';
        thisForm.action = Alfresco.constants.URL_CONTEXT + "page/csv-download";
        thisForm.submit();
        document.body.removeChild(thisForm);
    }
})();
</javascript>

"tomcat\webapps\share\WEB-INF\classes\alfresco\site-webscripts\org\alfresco\components\search\search.get.html.ftl"


…
<div class="yui-u align-right">
     <span id="${el}-export-excel-button" class="yui-button yui-push-button exportToExcel-icon">
        <span class="first-child">
           <button type="button">${msg('button.exportToExcel')}</button>
        </span>
     </span>
</div>
…
‍‍‍‍‍‍‍‍‍‍‍

"tomcat\webapps\share\components\search\search.css"


…
.search .exportToExcel-icon span.first-child
{
   background: url(../images/exportToExcel-icon.png) no-repeat 12px 4px;
   padding-left: 24px;
}
…
‍‍‍‍‍‍‍‍‍

"tomcat\webapps\alfresco\images\icons\exportToExcel-icon.png"

Re: AYUDA: Como crear botón para exportar a excel resultados de busqueda, Alfresco Share

angelborroy — Wed, 16 Dec 2015 08:42:13 GMT

¿Qué versión de Alfresco estás utilizando?

Re: AYUDA: Como crear botón para exportar a excel resultados de busqueda, Alfresco Share

magarcia_sm — Wed, 16 Dec 2015 09:04:44 GMT

Hola Angel,
Estoy utilizando la 4.2.f

Re: AYUDA: Como crear botón para exportar a excel resultados de busqueda, Alfresco Share

angelborroy — Wed, 16 Dec 2015 09:34:22 GMT

Creo que te falta extender/sobreescribir advsearch.js para incluir el código YUI que controla el botón.

Algo así como lo que incluías en la primera entrada


this.widgets.exportExcelButton = Alfresco.util.createYUIButton(this, "export-excel-button", this.exportToEXCEL());
‍‍‍

Re: AYUDA: Como crear botón para exportar a excel resultados de busqueda, Alfresco Share

magarcia_sm — Wed, 16 Dec 2015 11:14:34 GMT

Gracias por contestar tan rápido.
Estuve haciendo algunas pruebas pero no doy conseguido que el botón haga nada. Incluso probé utilizando la misma función a la que llama el "searchButton", pero ni así.
No se si me estaré dejando algo atrás.

"tomcat\webapps\share\components\search\search.js"
<javascript>
…
//search YUI button
this.widgets.searchButton = Alfresco.util.createYUIButton(this, "search-button", this.onSearchClick)
this.widgets.exportExcelButton = Alfresco.util.createYUIButton(this, "export-excel-button", this.onSearchClick);
…
</javascript>

Re: AYUDA: Como crear botón para exportar a excel resultados de busqueda, Alfresco Share

angelborroy — Wed, 16 Dec 2015 12:21:59 GMT

Supongo que estás modificando directamente los recursos de Alfresco. En tal caso, copia el contenido de tu

search.js‍

en el archivo

search-min.js‍

de manera que ambos contenidos sean idénticos.

Re: AYUDA: Como crear botón para exportar a excel resultados de busqueda, Alfresco Share

magarcia_sm — Thu, 17 Dec 2015 08:53:29 GMT

Gracias por la ayuda Angel!

Perdón por seguir dando la lata, ahora mi botón ya llama a la función pero según el ejemplo que estoy siguiendo tengo que pasarle a la función la variable options con el objeto "datatable" y estoy teniendo problemas con esto, no encuentro ningún ejemplo por donde guiarme para recuperar el "datatable". ¿Algún consejo?

Muchas gracias!


var options =

{

datatable: // your YUI datatable object

includeLastColumn: true/false

};
‍‍‍‍‍‍‍‍‍‍‍

Re: AYUDA: Como crear botón para exportar a excel resultados de busqueda, Alfresco Share

angelborroy — Thu, 17 Dec 2015 09:30:49 GMT

No sé si te refieres al algo así:


         // DataTable definition
         this.widgets.dataTable = new YAHOO.widget.DataTable(this.id + "-postlist", columnDefinitions, this.widgets.dataSource,
         {
            initialLoad: false,
            dynamicData: true,
            MSG_EMPTY: this._msg("message.loading")
         });
‍‍‍‍‍‍‍‍‍

Lo tienes en https://github.com/Alfresco/share/blob/master/share/src/main/webapp/components/blog/postlist.js

Re: AYUDA: Como crear botón para exportar a excel resultados de busqueda, Alfresco Share

magarcia_sm — Thu, 17 Dec 2015 13:30:30 GMT

Hola Angel

Estoy mirando tu ejemplo, pero no se si es lo mismo que intento hacer (bueno aunque no sea lo mismo, la verdad es que no entiendo muy bien). Lo que yo prentendo hacer es pillar el datatable que se genera con los resultados de la búsqueda y pasárselo a mi función ExportToExcel ¿Es esto posible? ¿podrías indicarme cómo por favor?.

Lo que voy entendiendo en el ejemplo es que se crea un nuevo datatable, pero se le indican como parámetros unas variables columnDefinitions y le pasamos el parámetro this.widgets.dataSource … al hacer esto según lo pongo en el código… en la función Alfresco.Search.superclass.constructor.call se me queda colgado.


Alfresco.Search = function (htmlId) {
        Alfresco.Search.superclass.constructor.call(this, "Alfresco.Search", htmlId, ["button", "container", "datasource", "datatable", "paginator", "json"]);

        // Decoupled event listeners
        YAHOO.Bubbling.on("onSearch", this.onSearch, this);

        return this;
    };

    YAHOO.extend(Alfresco.Search, Alfresco.component.SearchBase,
        {
            /**
             * Object container for initialization options
             *
             * @property options
             * @type object
             */

            options: {


                datatable: new YAHOO.widget.DataTable(this.id + "-0", columnDefinitions, this.widgets.dataSource,
                    {
                        initialLoad: false,
                        dynamicData: true,
                        MSG_EMPTY: this._msg("message.loading")
                    }),
….
….
….
….
….
‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍

¿Lo que se prentende hacer en el código del ejemplo es cargar o crear un nuevo objeto datatable, con los resultados de la búsqueda ejecutada?

Es decir podemos hacer algo como


    options: {
 datatable:this.widgets.datatable,
includeLastColumn: true
}
‍‍‍‍‍‍

Gracias una vez más!

Re: AYUDA: Como crear botón para exportar a excel resultados de busqueda, Alfresco Share

magarcia_sm — Thu, 17 Dec 2015 22:07:05 GMT

Hola de nuevo!

Finalmente si hemos podido sacar el datatable que se utiliza en la pantalla de search de share, pero nos dimos cuenta de que no era lo que necesitábamos. Siguiendo el ejemplo finalmente hemos logrado crear el excel con el listado de los archivos/espacios que devuelve la búsqueda, pero lo que queremos es listar un excel que incluya además del nombre de los espacios/archivos, los valores de los metadatos…. y aquí es donde estoy otra vez parado.

He intentado llamar a la función exportToExcel, de forma que vuelva a ejecutar la última búsqueda y para eso utilizo el valor almacenado de this.options.searchQuery, que contienen el valor de los parámetros de búsqueda ejem:


"{"assoc_cm_contains_added":"","assoc_cm_contains_removed":"","prop_exprec_expDireccionDestinataria":"","prop_exprec_expServicioTecnico":"","prop_exprec_expFechaReclamacion":"","prop_cm_created":"","prop_exprec_expEstado":"","prop_exprec_expDniReclamante":"","prop_exprec_expNombreReclamante":"","prop_cm_name":"","prop_exprec_expFechaEntrada":"","prop_exprec_expAsunto":"","prop_cm_modified":"","prop_cm_accessed":"","prop_exprec_expNumExpediente":"","datatype":"exprec:expediente_reclamaciones"}"
‍‍‍

lo he intentado ejecutar en un script de la JavaScript Search API de Alfresco de la siguiente manera


 var excelQuery = this.options.searchQuery;

                var def =
                {
                    query: excelQuery,
                    store: "workspace://SpacesStore"
                    

                };
                var origen = search.query(def);
‍‍‍‍‍‍‍‍‍‍‍‍

el problema es que nos dice que el elemento "search no está definido".

¿No puedo utilizar la Java Script Search API de Alfresco en estos ficheros search.js de Share?…. ¿Como puedo obtener los nodos de los elementos que forman la pantalla de resultados de la búsqueda de share?

Si me puedes echar una mano con un comentario te lo agradecería.

Gracias Angel!

Re: AYUDA: Como crear botón para exportar a excel resultados de busqueda, Alfresco Share

angelborroy — Thu, 17 Dec 2015 23:22:25 GMT

Habéis topado con un problema muy común: la API JavaScript de Alfresco de servidor. Estáis desarrollando código YUI (que es JavaScript cliente) en la aplicación web Share, por lo que no podéis utilizar esta API.

Desde este punto, suele invocarse a la API REST (Web Scripts) para obtener el servicio que necesitas. Te recomiendo que utilices el helper que proporciona Alfresco para realizar este tipo de invocaciones:


         Alfresco.util.Ajax.request(
         {
            url: Alfresco.constants.PROXY_URI_RELATIVE + "slingshot/search?",  // Aquí tus parámetros de búsqueda
            method: "GET",
            responseContentType : "application/json",
            successCallback:
            {
               fn: function(response)
               {
                  // ..
               },
               scope: this
            },
            failureCallback:
            {
               fn: function(response)
               {
                  // ..
               },
               scope: this
            }
         });
‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍

Ten en cuenta que es una invocación asíncrona, lo que puede hacer variar tu flujo previsto de trabajo.

Re: AYUDA: Como crear botón para exportar a excel resultados de busqueda, Alfresco Share

magarcia_sm — Mon, 11 Jan 2016 16:03:02 GMT

Hola Angel,

Perdona por la tardanza en contestar y gracias por la ayuda.
Al final logramos hacer lo que pretendíamos de la forma en que nos comentabas. Utilizando la API REST hicimos una llamada igual que la que realizaba el "Search" para recuperar la lista de resultados y a partir de esos datos construir nuestra tabla para exportar a excel.


var myUrl = window.location.href;

Alfresco.util.Ajax.request({
    //realizamos una busqueda con la misma query que utiliza "search"
    url: Alfresco.constants.PROXY_URI_RELATIVE + "slingshot/search?" + myUrl,
    method: "GET",
    responseContentType: "application/json",
    successCallback: {
        fn: function (response) {
            var results = response.json.items;
            // ..

        },

        scope: this

    },

    failureCallback: {

        fn: function (response) {

            // ..

        },

        scope: this

    }

});
‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍