Añadir Strong Name a DLL de terceros

.Net, General 1 Comentario »

Nos podemos encontrar en la situación, en el que al  añadir una librería de terceros a nuestro proyecto, al compilar, se produzca un error como este:

Unable to emit assembly: Referenced assembly ‘albloguera.utils’ does not have a strong name.

Esto es debido a que el assembly al cual estamos añadiendo esta DLL está firmado con un Strong Name. Los emsamblados firmados con Strong Name solo pueden hacer referencia a otras librerías firmadas con Strong Name.

Para solucionar el problemilla, vamos a usar la ventana de comandos de Visual Studio.

Visual Studio Tools

1. Crear el fichero de claves. No es necesario, ya que podemos usar el mismo que ya tenemos en nuestro Assembly.

  • sn -k albloguera.snk

2. Obtemos el MSIL (Microsoft Inmediate Language) del assembly.

  • ildasm albloguera.utils.dll /out:albloguera.utils.il

3. Generamos el nuevo Assembly, añadiendo el KeyFile al MSIL

  • ilasm albloguera.utils.il /dll /key= albloguera.snk

jQuery, UpdatePanel y Postbacks

.Net, jQuery Sin comentarios »

Esto de jQuery se esta convirtiendo en un vicio (compite mano a mano con Silverlight) y conforme más juegas más quieres y más te diviertes. Y si añadimos UpdatePanels, nos divertimos aún más si cabe.

Al usar jQuery, seguramente usaremos el evento Ready para añadir manejadores de eventos, añadir efectos, añadir / quitar clases.... en fin, inicializar los controles de nuestra página.  El evento Ready de jQuery  es un evento que se lanza una vez que todo el DOM de la página ha sido cargado por completo. Por otro lado tenemos los postback parciales provocados por los updatePanels. El cometido de estos controles es evitar la carga completa de la página, es decir, solo actualizar aquellos controles contenidos en el control UpdatePanel. Pero lo que hace realmente no es actualizar los valores de los controles, sino que los sustituye  por otros nuevos, tras lo cual todos los controles que hay en el UpdatePanel perderán las clases y eventos asociados a ellos en la inicialización de la página. Esto incluye tanto controles de servidor como controles de cliente, todos serán reemplazados.

Por ejemplo tomemos como ejemplo este UpdatePanel y controles:

Â

HTML:
  1. <asp:UpdatePanel ID="UP" runat="server">
  2.         <ContentTemplate>
  3.             <table>
  4.                 <tr>
  5.                     <td width="40px">
  6.                         <span class="label8">Nombre: </span>
  7.                     </td>
  8.                     <td width="40px">
  9.                         <input type="text" id="txtnombre" class="inputText" />
  10.                     </td>
  11.                     <td width="80px">
  12.                         <asp:TextBox runat="server" ID="lblNombre"/>
  13.                     </td>
  14.                 </tr>
  15.                 <tr>
  16.                     <td>
  17.                         <span class="label8">Direccion: </span>
  18.                     </td>
  19.                     <td>
  20.                         <input type="text" id="txtDireccion" class="inputText" />
  21.                     </td>
  22.                     <td>
  23.                         <asp:TextBox runat="server" ID="lblDireccion"/>
  24.                     </td>
  25.                 </tr>
  26.                 <tr>
  27.                     <td>
  28.                         <asp:Button runat="server" ID="btnAceptar" Text="Aceptar"
  29.                             CssClass="btnMandatory" onclick="btnAceptar_Click"/>
  30.                     </td>
  31.                 </tr>
  32.             </table>
  33.         </ContentTemplate>
  34.    </asp:UpdatePanel>

 La inicialización de la página la llevaríamos a cabo normalmente así:

JavaScript:
  1.        $(document).ready(function () {
  2.             // Inicializacion de controles
  3.  
  4.        });

De esta manerá todo funciona correctamente, pero solo mientras no pulsemos el botón "Aceptar" que provoca el postpack parcial. Una vez hagamos click, todos los eventos asociados a los controles desaparecerán. Para solucionarlo tenemos que reasignarlos nuevamente, y una forma de hacerlo es añadiendo un manejador al evento que controla cuando un postback asíncrono ha finalizado. Nuestro código podría quedar así:

JavaScript:
  1. Sys.WebForms.PageRequestManager.getInstance().add_endRequest(Load);
  2.  
  3.         $(document).ready(function () {
  4.             Load();
  5.         });
  6.  
  7.         function Load() {
  8.             $('#' + '<%=btnAceptar.ClientID %>').attr('disabled', true);
  9.             $('#' + '<%=lblNombre.ClientID %>').attr('readonly', true);
  10.             $('#' + '<%=lblDireccion.ClientID %>').attr('readonly', true);
  11.  
  12.             $(".inputText").blur(function () {
  13.                 $(this).css("background-color", "FFFFFF");
  14.             });
  15.  
  16.             $(".inputText").focus(function () {
  17.                 $(this).css("background-color", "CCCCCC");
  18.             });
  19.  
  20.             $(".inputText").keyup(function () {
  21.  
  22.  
  23.                 if ($(this).val() == '')
  24.                     $('#' + '<%=btnAceptar.ClientID %>').attr('disabled', true);
  25.                 else {
  26.                     var nodata = false;
  27.                     $.each($(".inputText"), function () {
  28.                         if ($(this).val() == '')
  29.                             nodata = true;
  30.                     });
  31.                     $('#' + '<%=btnAceptar.ClientID %>').attr('disabled', nodata);
  32.                 }
  33.  
  34.             });
  35.  
  36.             $('#' + '<%=btnAceptar.ClientID %>').click(function () {
  37.                 $('#' + '<%=lblNombre.ClientID %>').attr('value', $("#txtnombre").val());
  38.                 $('#' + '<%=lblDireccion.ClientID %>').attr('value', $("#txtDireccion").val());               
  39.             });
  40.         } 

Lo que hemos hecho es envolver todo el código que teníamos en el evento Ready de jQuery en una función, y llamar a esta función tanto en el evento Ready, como cuando el postback asincrono del updatePanel ha terminado.

Una segunda opción sería Inyectar un script desde servidor que invoque a esta nueva función.

C#:
  1. protected void btnAceptar_Click(object sender, EventArgs e)
  2.  {
  3.         lblNombre.Text = lblNombre.Text + "--&gt; Validado con Exito";
  4.         lblDireccion.Text = lblDireccion.Text + "--&gt; Validado con Exito";
  5.         ScriptManager.RegisterStartupScript(this, GetType(), "", "Load();", true);
  6.  }

Error al multiplicar 2 números en Javascript

Web Sin comentarios »

Es curioso, pero nos podemos topar que al multiplicar dos números con decimales en Javascript no obtengamos el valor esperado. Esto es debido al modo en que javascript realiza esta operación. Que entretenido resultaban esas operaciones en Tecnologia de Computadores, pero hace demasiado tiempo de eso y uno ya no se acuerda. El caso es que Javascript usa la multiplicación en punto flotante.

Para los que gusten mas información en la wikipedia, un servidor se va a limitar a dar la solución.

Tomando como ejemplo:

  • x = 9
  • y = 155.1

al multiplicarlos obtendriamos un valor tal que 1395.899999999, pero el resultado esperado salta a la vista que no es ese. Para corregirlo podemos aplicar la siguiente operación, por ejemplo para 2 decimales:

JavaScript:
  1. var x = 9;
  2.  
  3. var y = 155.1;
  4.  
  5. var z = x*y;
  6.  
  7. var w = Math.round(z * Math.pow(10,2))/Math.por(10,2);

Malaga .NET User Group: Silverlight + Javascript

.Net, Silverlight, Web 2 Comentarios »

El pasado 19 de Marzo tuvimos una sesión de Silverlight en el grupo de Usuario de .Net de Málaga. Participé junto al MVP Braulio Diez. Braulio hizo una magnífica presentación de Silverlight y hasta donde podemos llevar esta tecnología. 

Aquí podeis conseguir el material (presentación y ejemplos) que usó Braulio.

Por mi parte hice una pequeña demostración de la integración de una aplicación Silverlight con Javascript.

  • Acceso al DOM de la página
  • Llamar a métodos Javascript desde Silverlight
  • Llamar a métodos Silverligth desde Javascript
  • Acceso a la Sesión de una aplicación asp.Net

SessionSLJS

Aqui podeís descargar la presentación y el código de los ejemplos.

jQuery o Ajax Control Toolkit

.Net, Web Sin comentarios »

A día de hoy yo no tendría duda sobre cual opción elegir, opción que no tiene que ser mejor que la otra. Realmente, yo enfocaría el dilema mas bien desde el punto de vista de aplicación web AJAX (orientada al servicio), o aplicación web convencional (.net por supuesto), con sus postbacks (o callbacks) y sus Update Panels. (Debería de estar penalizado el uso del control Update Panel :-) )

Ajax Control Toolkit

Esta opción nos deja en el ámbito de una aplicación web .Net tradicional con controles de servidor, por lo que seguramente tendremos el grueso de la aplicación en el servidor. Con esto no quiero decir que no sea posible tener lógica en cliente, pero si que resulta bastante engorroso trabajar con los controles del ajax control tolkit con javascript. Por otro lado no debemos olvidar que son controles de servidor, y que son muy fáciles de usar, pero que cuando se complica el desarrollo y la web,  no se por qué, pero el trabajo se complica.  Otro punto es el peso de las librerías, puf, te echan para atrás. Y un punto no menos importante, si por ejemplo tenemos que hacer una modificación de un Extender, digamos por ejemplo el AutoCcomplete, tendremos que generar un nuevo build y añadir la nueva referencia, y rezar por tener problemas de versiones a la hora de realizar el deploy en el servidor. A modo de anectdota, mencionar que un proyecto en el que estuve trabajando, en cual teniamos un Auto Complete Extender customizado,  tuvimos problemas de referencias cruzadas entre versiones de librerias,  y  con el timestamp del build generado del Extender con la fecha del servidor. Hora del Build X , hora del Servidor de despliegue X-6. Solución, cambiar la hora a la maquina de build y realizar un nuevo build con un timestamp de fecha menor que la hora del servidor web. 

Leer el artículo completo »

Arquitectura en Cliente con Javascript

.Net, Web Sin comentarios »

La mayoría de las veces cuando se define la arquitectura de una aplicación web solo se tiene en cuenta la parte servidor, como si el lado cliente no fuera importante o no existiera. Es verdad que en cliente disponemos de un lenguaje interpretado (no compilado), lo cual hace si cabe un poquito mas complicado el desarrollo,  al no disponer de las ventajas del pre compilado que nos ofrece Visual Studio. Además,  el ordenado del código debería ser un factor importante, ya que la tendencia es tener  un único fichero o script de código Javascritp, y esto siempre  comienza siendo unas pocas líneas para unas cuantas validaciones y va creciendo paulatinamente debido a la no planificación de la arquitectura en cliente o a nuevos requerimientos.

Atajar esto no es fácil, y el artículo no define ningún modelo de arquitectura, pero si unas cuantas pautas de buena conducta que nos ayuden a tener un condigo algo mas limpio y ordenado.

Leer el artículo completo »

Mantener Posición del Scroll después de un postback asíncrono

.Net, General 1 Comentario »

Que divertido es Javascript, y como echaba de menos un proyecto como el de ahora, casi todo en cliente, pero a pelo sin esas maravillosas facilidades que aporta Silverlight...., bueno algunas si, haciendo uso de Framework de AJAX de Microsot. El contenido de este Post es el típico conocimiento que en mi caso nunca me acuerdo y tengo que echar manos de algun proyecto para recuperarlo. Nunca Mais :)

JAVASCRIPT:
  1. var xPos, yPos;
  2. var prm = Sys.WebForms.PageRequestManager.getInstance();
  3. prm.add_beginRequest(BeginRequestHandler_scroll);
  4. prm.add_endRequest(EndRequestHandler_scroll);
  5.  
  6. function BeginRequestHandler_scroll(sender, args) {
  7.  if (document.getElementById('gridClientScroll')) {
  8.         var item = document.getElementById('gridClientScroll');
  9.  
  10.         xPos = item.scrollLeft;
  11.         yPos = item.scrollTop;
  12.     }
  13. }
  14. function EndRequestHandler_scroll(sender, args) {
  15.  
  16.     if (document.getElementById('gridClientScroll')) {
  17.         var item = document.getElementById('gridClientScroll');
  18.  
  19.         item.scrollLeft = xPos;
  20.         item.scrollTop = yPos;
  21.     }
  22. }

El código creo que no necesita explicación. Simplemente obtenemos los valores X e Y de elemento con Scroll que queremos persistir después del postback y lo guardamos, para posteriormente, volverlos a establecer. Para ello,   añadimos un manejador de eventos para antes y después del postback asíncrono, de manera que cada uno de ellos ejecute la función que le especificamos.

TextBox: Texto introducido mayor que Width del Control

Silverlight Sin comentarios »

Simulando al amigo Alejandro (maaestro web de Chuletilla`s Web), aqui va una mini entrada.

Es posible encontrarse en la tesitura de tener un formulario en el que por motivos de dimensiones tengamos un control TextBox con un width predeterminado en el que el número de caracteres permitidos tengan una longitud mayor que el width del control, por lo que siempre veremos el final del texto introducido en vez del comienzo de este.

Extensión del control TextBox.

La solución no es compleja, y consiste en crear un nuevo control TextBox que añada el comportamiento requerido, extendiendo la clase TextBox. Solo tenemos que controlar el evento LostFocus del control.

C#:
  1. public class TextBoxExtension : TextBox
  2. {
  3.     public TextBoxExtension()
  4.     {
  5.         this.LostFocus += new RoutedEventHandler(TextBoxExtension_LostFocus);
  6.     }
  7.  
  8.     void TextBoxExtension_LostFocus(object sender, RoutedEventArgs e)
  9.     {
  10.         //Marcamos el inicio del cursor
  11.         this.SelectionStart = 0;
  12.         this.SelectionLength = 0;
  13.     }
  14. }

Data Binding entre controles

Silverlight Sin comentarios »

El hecho de establecer los datos en los formularios de forma declarativa, es una forma de obtener un codigo limpio. Si bien es verdad que intentar definir toda la interfaz declarativamente puede conllevar complicaciones en el desarrollo, una vez que se consigue uno se queda satisfecho. Una pena que no dispongamos en Silverlight 3 de los comandos que si podemos encontrar en WPF, los cuales nos permitirían establecer el control de eventos sin hacer uso del codebehind.

Un punto interesante del Data Binding, es la posibilidad de establecer el valor de las propiedades de los controles en función de los valores de otras propiedades de otros controles.

Como ejemplo veamos como las cajas de texto buscan su valor en función del objeto seleccionado en un combobox, y como podemos establecer el tamaño de fuente de los TextBoxes mediante un control Slider.

XML:
  1. <StackPanel x:Name="LayoutRoot" Orientation="Horizontal" VerticalAlignment="Top">
  2.         <Border Background="#D3DAED" CornerRadius="3" Margin="2" Padding="2" BorderThickness="1" BorderBrush="#A9AFCC" Width="200"  Height="40" VerticalAlignment="Top">
  3.             <StackPanel Orientation="Horizontal">
  4.                 <TextBlock Text="Modelo" Height="30" Width="80" VerticalAlignment="Center"/>
  5.                 <ComboBox x:Name="cbModelo" Height="30" Width="100"  VerticalAlignment="Center"
  6.                   ItemsSource="{Binding Path=Coches}"                                   
  7.                   DisplayMemberPath="Modelo"
  8.                   />
  9.             </StackPanel>
  10.         </Border>
  11.         <Border Background="#D3DAED" CornerRadius="3" Margin="2" BorderThickness="1"
  12.                 BorderBrush="#A9AFCC" Width="200" VerticalAlignment="Top">
  13.             <StackPanel Orientation="Vertical"  Margin="10,2" HorizontalAlignment="Left">
  14.                 <!-- La propiedad Text de los TextBoxes es obtenida
  15.                      del objeto seleccionado en el combobox -->
  16.                 <TextBlock Text="{Binding SelectedItem.Marca, ElementName=cbModelo}" 
  17.                            Height="40" Width="180" FontSize="{Binding Value, ElementName=sliderSize}"/>
  18.                 <TextBlock Text="{Binding SelectedItem.Cilindrada, ElementName=cbModelo}"
  19.                            Height="40" Width="180" FontSize="{Binding Value, ElementName=sliderSize}"/>
  20.                 <TextBlock Text="{Binding SelectedItem.Combustible, ElementName=cbModelo}"
  21.                            Height="40" Width="180" FontSize="{Binding Value, ElementName=sliderSize}"/>                               
  22.             </StackPanel>           
  23.         </Border>       
  24.     </StackPanel>
  25.     <Border Background="#D3DAED" CornerRadius="3" Margin="2" Padding="2" BorderThickness="1"
  26.                 BorderBrush="#A9AFCC" Width="400" Height="40" VerticalAlignment="Top" HorizontalAlignment="Left">
  27.         <StackPanel Orientation="Horizontal" VerticalAlignment="Top" Margin="2">
  28.             <TextBlock Text="Tamaño de Fuente" Height="30" Width="120" VerticalAlignment="Center" />
  29.             <!-- La Propiedad Value del control Slider se puede establcer mediante una caja de texto-->
  30.             <Slider x:Name="sliderSize" Minimum="10" Maximum="34" Value="{Binding Text,
  31.                         ElementName=txtFont, Mode=TwoWay}" SmallChange="1" LargeChange="1"
  32.                         Width="100" VerticalAlignment="Center"></Slider>
  33.             <!-- El valor de la caja de texto es obtenida de la propiedad Value del control Slider-->
  34.             <TextBox x:Name="txtFont" Text="{Binding Value, ElementName=sliderSize}"
  35.                          Height="30" Width="40" VerticalAlignment="Center" />
  36.         </StackPanel>
  37.     </Border>
  38.     </StackPanel>
  39.  

Si nos fijamos en el XAML, observaremos que en el Binding de las propiedades añadimos una nueva etiqueta ElementName, etiqueta que  especifica el objeto origen del cual vamos a obtener el valor. El valor será el que proporcione la propiedad de ese objeto y que establecemos en el Binding. Por ejemplo, para las cajas de texto que muestran la información del objeto Coche, indicamos que el objeto origen es el combo box, y que el valor a mostrar es una propiedad del objeto seleccionado.

Text="{Binding SelectedItem.Cilindrada, ElementName=cbModelo}"

Veamos el ejemplo en funcionamiento:

Patrones de diseño en Siverlight: Model View ViewModel

Silverlight 1 Comentario »

Es verdad que tenía un poco abandonado el blog, y puede parecer que Silverlight también. Lo primero es cierto, pero lo segundo todo lo contrario, ya que en este tiempo he estado asignado a varios proyectos Silverlight. Con un poco de suerte cuaja este nuevo cacharro de Microsoft y las empresas se toman en serio esta nueva tecnología.

Y ahora, cuando más de uno está destripando PRISM, como  por ejemplo el compañero Braulio Diez, que por cierto ha sido nombrado recientemente MVP en Silverlight, llega  el menda con un post de MVVM. Desde aquí, y  antes de continuar, dar mi más sincera enhorabuena a Braulio por este reconocimiento – no sé realmente cuanta gente opta a estos premios, pero si estoy seguro que nadie se lo merecía más que él.  Todo un lujo trabajar a su lado. Congratulations (es que se empeña en que escriba en ingles :-) ).

MCV, MVP, y ahora MVVM, Model View ViewModel. Aunque ya se ha dicho y escrito mucho sobre este modelo,  voy a intentar dar una visión más práctica,  después de haber aplicado el modelo en diversas aplicaciones.

Leer el artículo completo »

WP Theme & Icons by N.Design Studio
Entries RSS Comments RSS Log in

Switch to our mobile site