BitacoraWeb

Métodos extendidos C#

2012-09-21T14:49:00.000-07:00

Métodos extendidos C#

Los métodos extendidos son una forma conveniente de agregar funcionalidad a una clase que no creamos y que por lo tanto no podemos modificar directamente.

Por ejemplo, tenemos la clase Producto:

public class Producto {

public int IdProducto { get; set; }

public string Nombre { get; set;}

public string Descripcion { get; set;}

public decimal Precio { get; set; }

public string Categoria { set; get;}

}

Y la clase CarritoCompras:

public class CarritoCompras {

public List<Producto> Productos { get; set; }

}

Ésta es una clase muy simple que sirve como envoltura de la lista de productos. Supongamos que necesitamos obtener el importe total de un listado de productos pero no podemos modificar la clase porque no tenemos el código fuente. Afortunadamente podemos usar un método extendido para obtener la funcionalidad que necesitamos.

public static class MetodosExtendidos {

public static decimal PrecioTotal(this CarritoCompras carrito) {

decimal total = 0;

foreach (Producto prod in carrito.Productos) {

total += prod.Precio;

}

return total;

}

La palabra reservada this en el primer parámetro, marca el método PrecioTotal como un método extendido. El primer parámetro le dice a .NET cual es la clase a la que se le aplicará el método extendido; CarritoCompras en este caso. Éste método recorre la lista de productos y obtiene el precio total. Despues es tan fácil de usar como si se tratara de un mtodo propio de la clase:

class Program {

static void Main(string[] args) {

CarritoCompras carrito = new CarritoCompras {

Productos = new List<Producto> {

new Producto {Nombre = "Kayak", Precio = 275M},

new Producto { Nombre = "Salvavidas", Precio = 48.95M},

new Producto { Nombre = "Balón", Precio = 19.50M},

new Producto { Nombre = "Espinilleras", Precio = 34.95M}

}

};

// get the total value of the products in the cart

decimal total = carrito.PrecioTotal();

Console.WriteLine("Total: {0:c}", total);

}

Crosstab Oracle 10g

2012-08-02T10:30:00.005-07:00

La posibilidad de crear tablas cruzadas (crosstab) apareció hasta oracle 11g con la introducción del operador PIVOT; así que si queremos crear una crosstab en versiones anteriores se deben hacer unos cuantos trucos como el que muestro a continuación y que encontre en web de Ask Tom pero con el inconveniente de que debes saber los valores de la columna que quieres convertir en varias.

select name, 
sum(decode(trunc(d,'MM'),date '2005-06-01',amount)) Jun05,
sum(decode(trunc(d,'MM'),date '2005-07-01',amount)) Jul05,
sum(decode(trunc(d,'MM'),date '2005-08-01',amount)) Aug05
from t
group by name;

También en la misma se menciona que si no se saben los valores se debe hacer un procedimiento almacenado que genere una consulta dinamica y dá un ejemplo; así lo hice y funciona de maravilla.

create or replace
procedure crosstab(o_cursor out sys_refcursor)
is
v_cadena VARCHAR2 (10000) := '';
esce varchar2 (100) := '';

        cursor c1 is select escenario from tabla where 0 = 0 group by escenario order by 1;
    begin

        v_cadena := v_cadena || 'select actividad ';
        open c1;
        LOOP
            FETCH c1 INTO esce;
            EXIT WHEN c1%NOTFOUND;
            v_cadena := v_cadena || ', sum(decode(escenario, ''' || esce || ''', ftotper)) ' || esce || ' ';
        end LOOP;
        v_cadena := v_cadena || 'from tabla where 0=0 ';


        v_cadena := v_cadena || 'group by actividad ';

        dbms_output.put_line(v_cadena);
        open o_cursor for v_cadena;


    end;

Ocultar series label si el valor es 0 (BIRT)

2012-07-09T10:44:00.000-07:00

El día de hoy me encontré con un problema que no había tenido antes; se me pidió hacer un reporte en birt que tenga una grafica de barras apiladas, que muestre las etiquetas con los valores de cada barra y que si el valor de la barra es 0 no se muestre la etiqueta.
Parecía facil, lo cierto es que en birt no lo es, así que me dí a la tarea de buscar y encontré por ahí que cuando se va creando la grafica se ejecutan una serie de eventos; uno de ellos es
beforeDrawDataPointLabel que recibe como parametros los DataPointHints, la etiqueta Label y el
IChartScriptContext. Al usar éste evento me fué posible lograr lo que se me pidió.

Aqui el código:

function beforeDrawDataPointLabel( dph, label, icsc )
{
if(dph.getDisplayValue() != "0" ){
label.setVisible(true);
}
else{
label.setVisible(false);
}
}

Incrementar la propiedad maxJsonLength

2012-07-05T14:45:00.000-07:00

Hace un tiempo hice una pantalla que consultaba una tabla de base de datos y con el resultado llenaba un tabla html con jquery; para ello usaba un servicio web y devolvia los valores en formato JSON y funcionaba bien hasta que los datos devueltos por la consulta se hicieron muy grandes por lo que comenzó a aparecer el clasico error 500. Investigando un poco encontré que esto sucedía porque el tamaño del JSON devuelto superaba el tamaño predeterminado y la solución es agregar lassiguientes lineas al archivo Web.config de la aplicación web.

Espero sea de utilidad

<system.web.extensions>
<scripting>
<webServices>
   <jsonSerialization maxJsonLength="50000000"/>
   </webServices>
  </scripting>
</system.web.extensions>

Dropdownchecklist jquery

2012-06-12T11:24:00.004-07:00

En días pasados encontré esté control de jquery que me resultó muy útil se llama dropdownchelist, éste es el link para su descrga http://dropdown-check-list.googlecode.com/svn/trunk/doc/dropdownchecklist.html, en ésta página se explica como utilizarlo y se muestran las limitaciones; en lo personal me gustó por la posibilidad de seleccionar varias opciones, para eso se debe establecer la propiedad "multiple" del control select. Yo lo llené con un webservice y con la ayuda de una libreria jquery llamada jquery.selectboxes.js y el resultado es bastante bueno.

La manera de inicializar el control es la siguiente

$(document).ready(function(){

$("#nombreCombo").dropdownchecklist();

});

Subir multiples archivos con JQuery y ASP.NET

2011-11-22T14:29:00.001-08:00

Para conseguir subir varios archivos con un solo control hay un plugin de JQuery que permite hacerlo. El plugin se llama jquery.MultiFile.js y se puede encontrar en la sig. dirección: http://www.fyneworks.com/jquery/multiple-file-upload/ y se puede implementar en un control FileUpload de ASP.NET. A continuación muestro la forma de implementarlo.

<asp:FileUpload ID="uploadFile1" runat="server" class="multi" maxlength="4" accept="xls|doc|xlsx|docx|pdf"/>

Se establece el atributo class="multi" para que el plugin reconozca que el control va a subir varios archivos y en el atributo maxlength se especifica el número máximo de archivos que se van a subir.

Del lado del servidor se debe implementar el siguiente código en la función que guarda los archivos:

For i As Integer = 0 To files.Count - 1
Dim postedFile As HttpPostedFile = files(i)
If postedFile.ContentLength > 0 Then
postedFile.SaveAs(ConfigurationManager.AppSettings.Item("ruta") & Path.GetFileName(postedFile.FileName))
End If
Next i

Validación de campos vacios del lado del cliente con JQuery

2011-11-22T11:38:00.000-08:00

.NET tiene controles de validación pero a veces es mejor hacer las validaciones en la maquina del cliente para no cargar mucho de trabajo al servidor; para ello JQuery nos dá muy buenas opciones:

$("#<%=imbGuardar.ClientId %>").click(function () {
var errores = '';
if ($("#<%=textbox1.ClientId %>").val() == '')
errores += 'Nombre obligatorio. \n';
if ($("#<%=textbox2.ClientId %>").val() == '')
errores += 'Lugar obligatorio. \n';
if ($("#<%=textbox3.ClientId %>").val() == '')
errores += 'Objetivo obligatorio. \n';
if ($("#<%=textbox4.ClientId %>").val() == '')
errores += 'Fecha obligatoria. \n';
if (errores.length > 0) {
alert(errores);
return false;
}
});

así al hacer click en el botón asp.net primero hace la validacion del lado del cliente y si no se cumple un criterio no hace la llamada al servidor.

Si te sirve deja un comentario.

DropDownList asp.net en cascada con JQuery

2011-11-22T11:16:00.000-08:00

Para usar el siguiente script se debe tener la referencia hacia la libreria jquery.selectboxes.min.js que se puede descargar de la siguiente dirección: http://code.google.com/p/jqueryjs/source/browse/trunk/plugins/selectboxes/?r=6185

$(document).ready(function () {
$("#dropdownlist1").change(function () {
$.ajax({
type: "POST",
url: "Servicio.asmx/NombreFuncion",
data: "{parametro1:'" + $('#dropdownlist1').val() + "'}",
contentType: "application/json; charset=utf-8",
dataType: "json",
success: function (response) {
var foros = response;
$('#dropdownlist2').attr('disabled', false).removeOption(/./).addOption('', 'Seleccionar');
for (var i = 0; i < foros.length; i++) {
var val = foros[i].valor;
var text = foros[i].nombre;
$('#dropdownlist2').addOption(val, text, false);
}
},
failure: function (response) {
alert(response.d);
}
});

});

Si te sirve deja un comentario.

Acceder a nombres de propiedades.

2011-11-22T10:43:00.001-08:00

En ocasiones cuando llenamos un ArrayCollection en base a un HttpService no sabemos como se llaman las propiedades de cada objeto guardado en el. Así que investigué y encontré una forma de saber cuales son las propiedades. Es un código muy sencillo pero en lo personal me ayudó mucho.

var arr1:Array = new Array();
for (var propiedad:String in dpAuxiliar[0]){
arr1.push(propiedad);
}

Como crear una gráfica de valores acumulados en Flex

2011-07-14T07:40:00.000-07:00

En cierta ocasión me pidieron que hiciera una gráfica que mostrara el avance acumulado por meses pero que la comumna siguiente se dibujara a partir del valor maximo de la barra anterior asi que se me ocurrió hacer lo siguiente:

public function set dataProvider(dp:ArrayCollection):void {

            _dataProvider = dp;

            var i:int=0;

            for each (var obj:Object in _dataProvider){

                if(i!=0){

                    if (i!=0 && i < _dataProvider.length -1){

                        if (isNaN(obj.programado))

                        obj.acumulado_programado = obj.programado;

                        else

                        obj.acumulado_programado = Number(obj.programado) + Number(_dataProvider[i-1].acumulado_programado);

                        if (isNaN(obj.real))

                        obj.acumulado_real = obj.real;

                        else

                        obj.acumulado_real = Number(obj.real) + Number(_dataProvider[i-1].acumulado_real);

                        obj.min = Number(_dataProvider[i-1].acumulado_programado);

                        _dataProvider[i]=obj;                    

                    }

                    else{

                        if (isNaN(obj.programado))

                        obj.acumulado_programado = obj.programado;

                        else

                        obj.acumulado_programado = Number(obj.programado) + Number(_dataProvider[i-1].acumulado_programado);

                        if (isNaN(obj.real))

                        obj.acumulado_real = obj.real;

                        else

                        obj.acumulado_real = Number(obj.real) + Number(_dataProvider[i-1].acumulado_real);    

                        obj.min = 0;

                        _dataProvider[i]=obj;

                    }

                }

                else{

                    obj.acumulado_programado = Number(obj.programado);

                    obj.acumulado_real = Number(obj.real);

                    obj.min = 0;

                    _dataProvider[i]=obj;

                }

                i++;

            }

        }

y el código mxml para el columnChart es el siguiente:

<mx:ColumnChart id="chartConfDisp" 
                dataProvider="{dataProvider}" 
                showDataTips="true"
                dataTipFunction="dtFunc"
                height="100%" width="100%" 
                itemClick="showDetail(event)">
                <mx:horizontalAxis>
                    <mx:CategoryAxis  dataProvider="{this.dataProvider}" 
                        categoryField="nombre" id="cat"/>
                </mx:horizontalAxis>
                <mx:series>
                    <mx:ColumnSeries id="serie1" 
                        xField="nombre" 
                        yField="acumulado_programado" 
                        displayName="{_Programado}"
                        showDataEffect="{seriesInterpolate}" minField="min">
                        <mx:fill>
                            <mx:LinearGradient>
                                <mx:GradientEntry color="#ECE10F" ratio=".0"  />
                                <mx:GradientEntry color="#D3B127" ratio=".8"  />                                
                            </mx:LinearGradient>
                        </mx:fill>
                    </mx:ColumnSeries>
                     <mx:LineSeries 
                         horizontalAxis="{cat}"
                        dataProvider="{dataProvider}"
                        xField="nombre"
                        yField="acumulado_real" 
                        displayName="{_Real}">  
                           <mx:lineStroke>
                            <mx:Stroke 
                                color="#587793"
                                weight="2" 
                                alpha=".9"/>
                         </mx:lineStroke> 
                     </mx:LineSeries>        
                    
            </mx:series>
        
        </mx:ColumnChart>

y el resultado es el siguiente:

Espero sea de utilidad.

Ocultar columnas de un ColumnChart de Flex dinamicamente

2011-07-11T08:10:00.000-07:00

En alguna ocasión podriamos necesitar mostrar u ocultar las columnas de una gráfica y encontré que se puede hacer creando controles checkbox e insertandolos en un HBox o un VBox segun se quiera y asignado a la propiedad visible de la serie, el valor de la propiedad selected del checkbox ligado a la serie. Aqui el código:

private function filtrosGraficas(grafica:ColumnChart):void{
            hbFiltro.removeAllChildren();
            for (var i:int=0;i<grafica.series.length;i++){
                var cos:ColumnSet = grafica.series[i] as ColumnSet;
                if (cos == null){
                    chkFiltro = new CheckBox;
                    chkFiltro.label = grafica.series[i].displayName;
                    chkFiltro.selected = true;
                    chkFiltro.addEventListener(Event.CHANGE,ocultarColumnSerie);
                    hbFiltro.addChild(chkFiltro);
                }else{
                    for (var col:int=0;col<cos.series.length;col++){
                        chkFiltro = new CheckBox;
                        chkFiltro.label = cos.series[col].displayName;
                        chkFiltro.selected = true;
                        chkFiltro.addEventListener(Event.CHANGE,ocultarColumnSerie);
                        hbFiltro.addChild(chkFiltro);
                    }
                }                            
            }
        }
        
        private function ocultarColumnSerie(e:Event):void{
            var string1:String = e.currentTarget.label;
            var cs1:int = 0;
            for(cs1=0;cs1<ChPEO.series.length;cs1++){
                    if(ChPEO.series[cs1].displayName==string1){
                        ChPEO.series[cs1].visible = e.currentTarget.selected;
                        break;
                    }
                }                                
           }

Creación de ColumnSeries dinamicas

2011-07-09T10:46:00.000-07:00

En ocasiones no es posible saber el número de series que tendra nuestra gráfica hasta que tenemos el dataProvider de la misma asi decidí crear una función que resolviera ese detalle. Aqui el código:

public function construirArrayGrafica(ac:ArrayCollection, data1:Object):void{           
            var series:ArrayCollection = new ArrayCollection();
            var cs:ColumnSeries = new ColumnSeries();   
            dato = data1;  
            ChGenerico.dataProvider = ac;        
            ChGenerico.series = [cs];   
            var testArrCol:ArrayCollection = new ArrayCollection();
            var numSerie:int = 0;
            var i:int = 0, j:int = 0;
            for each(var serie:Object in dato.series){
                var ar:ArrayCollection = serie as ArrayCollection;
                if (ar != null){
                    for each (var elemento:Object in serie){
                        series.addItem(elemento);
                    }
                }else
                {
                    series.addItem(serie);
                }               
            }
            
            for(i=0;i<series.length;i++){
                testArrCol= new ArrayCollection();
                for (j=0;j<ac.length;j++){
                    testArrCol.addItem({mData:ac[j].nombre,nData:ac[j][series[i].yfield],oData:ac[j].id_unico,displayName:series[i].display_name,colorSerie:series[i].color_serie});                    
                }
                cs = new ColumnSeries();
                cs.id = series[i].display_name;  
                cs.name = series[i].display_name;
                cs.displayName = series[i].display_name;  
                cs.xField = "oData";              
                cs.yField = "nData";
                
                testArrCol.refresh();
                cs.dataProvider = testArrCol;   
                 
                ChGenerico.series[numSerie] = cs;
                numSerie++;                 
            } 
            ChGenerico.dataProvider=ac;  
            
      
        }

Como crear un GridView anidado

2011-07-07T09:29:00.000-07:00

No te ha pasado que quieres mostrar un lista de datos en una tabla tipo anidado? Lo mas rápido sería comprar un control, pero se me ocurrió hacer el mio. Aqui la solución:

Private Sub consultaUsuarios()
Dim obj AsNew Usuario()
Dim lista AsNew List(Of Usuario)
Try
obj.consultaUsuariosRol(lista)
If lista.Count > 0 Then
Dim ar As ArrayList = New ArrayList()
Dim i AsInteger = 0, j AsInteger = 0
ar.Add(i)
ForEach user As Usuario In lista
If user.rol <> lista(i).rol Then
i = j
ar.Add(i)
EndIf j = j + 1
Next
For i = 0 To ar.Count – 1
lista.Insert(ar(i) + i, New Usuario)
ar(i) = ar(i) + i
Next
gvwUsuarios.DataSource = lista
gvwUsuarios.DataBind()
For i = 0 To ar.Count – 1
gvwUsuarios.Rows(ar(i)).Cells.Clear()
gvwUsuarios.Rows(ar(i)).Cells.Add(New TableCell())
gvwUsuarios.Rows(ar(i)).Attributes.Add(“style”, “background-color:#836A5F;color:White”)
gvwUsuarios.Rows(ar(i)).Cells(0).ColumnSpan = 2
gvwUsuarios.Rows(ar(i)).Cells(0).Text = lista(ar(i) + 1).rol
Next
EndIf
Catch ex As Exception
Finally
obj =Nothing
lista =Nothing
EndTry
EndSub