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"
"tomcat\webapps\share\components\search\search.css"
"tomcat\webapps\alfresco\images\icons\exportToExcel-icon.png"
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"
