Siguiendo con el mismo ejemplo del post anterior introduzco una mejora notable para conseguir eliminar la duplicación de código existente en los filtros.
Para no reinventar las funciones de filtrado cada vez que las necesitamos podemos abstraer un poco la funcionalidad y crear una base sobre la que poder construir fácilmente una librería de filtros, que a menudo suelen ser los mismos.
Para empezar crearemos una sencilla interfaz para no tener que ir a la documentación cada vez que queramos implementar el filtro a revisar la firma de
ICollectionView.filterFunction.Actionscript:
package filters
{
public interface ICollectionFilter
{
function filterFunction(item:Object):Boolean;
}
}
A continuación implementaremos el filtro, en este caso se trataba de un filtro que obtenía el valor aceptado del filtro desde un TextInput.
Actionscript:
package filters
{
import spark.components.TextInput;
public class TextInputFilter implements ICollectionFilter
{
private var textInput:TextInput;
private var filterFields:Array;
public function TextInputFilter(textInput:TextInput, filterFields:Array)
{
this.textInput = textInput;
this.filterFields = filterFields;
}
public function filterFunction(item:Object):Boolean
{
var filterText:String = textInput ? textInput.text.toLocaleLowerCase() : '';
var match:Boolean = false;
var len:int = filterFields.length;
for (var i:uint = 0; i )
{
var field:String = filterFields[i];
var value:String = String(item[field]).toLowerCase();
if (value.indexOf(filterText)> -1)
{
match = true;
break;
}
}
return match;
}
}
}
Finalmente instanciaremos los filtros para cada colección.
Actionscript:
// ....
import filters.TextInputFilter;
private function createFilterFunctions():void
{
dp1.filterFunction = new TextInputFilter(filterText1, [ 'Nombre', 'Album' ]).filterFunction;
dp2.filterFunction = new TextInputFilter(filterText2, [ 'Nombre', 'Album' ]).filterFunction;
}
// ....
Por lo demás el ejemplo es el mismo. Se puede ver que reducimos el número de líneas de código de forma considerable, en gran medida por la eliminación de la duplicación de código. Además el código es mucho más sencillo de leer/entender.
En mi otro blog (en inglés) escibí algo parecido pero tratando las
labelFunction de los componentes de lista, para las cuales se puede aplicar exactamente el mismo principio, de hecho cualquier clase que exponga una función a modo de estrategia puede refactorizarse para seguir este principio. Los beneficios son bastante obvios.Descarga ejemplo
En el zip hay un proyecto Flex4 para Flash Builder.
"
No comments:
Post a Comment