May 29
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.

1. Crear el fichero de claves. No es necesario, ya que podemos usar el mismo que ya tenemos en nuestro Assembly.
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
Abr 18
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:
-
<asp:UpdatePanel ID="UP" runat="server">
-
<ContentTemplate>
-
-
-
-
<span class="label8">Nombre:
</span>
-
</td>
-
-
<input type="text" id="txtnombre" class="inputText" />
-
</td>
-
-
<asp:TextBox runat="server" ID="lblNombre"/>
-
</td>
-
</tr>
-
-
-
<span class="label8">Direccion:
</span>
-
</td>
-
-
<input type="text" id="txtDireccion" class="inputText" />
-
</td>
-
-
<asp:TextBox runat="server" ID="lblDireccion"/>
-
</td>
-
</tr>
-
-
-
<asp:Button runat="server" ID="btnAceptar" Text="Aceptar"
-
CssClass="btnMandatory" onclick="btnAceptar_Click"/>
-
</td>
-
</tr>
-
</table>
-
</ContentTemplate>
-
</asp:UpdatePanel>
 La inicialización de la página la llevarÃamos a cabo normalmente asÃ:
JavaScript:
-
      $(document).ready(function () {
-
           // Inicializacion de controles
-
-
      });
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:
-
Sys.WebForms.PageRequestManager.getInstance().add_endRequest(Load);
-
-
$(document).ready(function () {
-
Load();
-
});
-
-
function Load() {
-
$('#' + '<%=btnAceptar.ClientID %>').attr('disabled', true);
-
$('#' + '<%=lblNombre.ClientID %>').attr('readonly', true);
-
$('#' + '<%=lblDireccion.ClientID %>').attr('readonly', true);
-
-
$(".inputText").blur(function () {
-
$(this).css("background-color", "FFFFFF");
-
});
-
-
$(".inputText").focus(function () {
-
$(this).css("background-color", "CCCCCC");
-
});
-
-
$(".inputText").keyup(function () {
-
-
-
if ($(this).val() == '')
-
$('#' + '<%=btnAceptar.ClientID %>').attr('disabled', true);
-
else {
-
var nodata = false;
-
$.each($(".inputText"), function () {
-
if ($(this).val() == '')
-
nodata = true;
-
});
-
$('#' + '<%=btnAceptar.ClientID %>').attr('disabled', nodata);
-
}
-
-
});
-
-
$('#' + '<%=btnAceptar.ClientID %>').click(function () {
-
$('#' + '<%=lblNombre.ClientID %>').attr('value', $("#txtnombre").val());
-
$('#' + '<%=lblDireccion.ClientID %>').attr('value', $("#txtDireccion").val());
-
});
-
}Â
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#:
-
protected void btnAceptar_Click(object sender, EventArgs e)
-
 {
-
       lblNombre.Text = lblNombre.Text + "--> Validado con Exito";
-
       lblDireccion.Text = lblDireccion.Text + "--> Validado con Exito";
-
       ScriptManager.RegisterStartupScript(this, GetType(), "", "Load();", true);
-
 }
Abr 14
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:
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:
-
var x = 9;
-
-
var y = 155.1;
-
-
var z = x*y;
-
-
var w = Math.round(z * Math.pow(10,2))/Math.por(10,2);
Mar 20
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

Aqui podeÃs descargar la presentación y el código de los ejemplos.
Ene 23
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 »
Ene 17
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 »
Dic 13
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:
-
var xPos, yPos;
-
var prm = Sys.WebForms.PageRequestManager.getInstance();
-
prm.add_beginRequest(BeginRequestHandler_scroll);
-
prm.add_endRequest(EndRequestHandler_scroll);
-
-
function BeginRequestHandler_scroll(sender, args) {
-
 if (document.getElementById('gridClientScroll')) {
-
       var item = document.getElementById('gridClientScroll');
-
-
       xPos = item.scrollLeft;
-
       yPos = item.scrollTop;
-
   }
-
}
-
function EndRequestHandler_scroll(sender, args) {
-
-
   if (document.getElementById('gridClientScroll')) {
-
       var item = document.getElementById('gridClientScroll');
-
-
       item.scrollLeft = xPos;
-
       item.scrollTop = yPos;
-
   }
-
}
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.
Oct 17
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#:
-
public class TextBoxExtension : TextBox
-
{
-
   public TextBoxExtension()
-
   {
-
      Â
this.
LostFocus +=
new RoutedEventHandler
(TextBoxExtension_LostFocus
);
-
   }
-
-
   void TextBoxExtension_LostFocus(object sender, RoutedEventArgs e)
-
   {
-
       //Marcamos el inicio del cursor
-
       this.SelectionStart = 0;
-
       this.SelectionLength = 0;
-
   }
-
}
Oct 10
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:
-
<StackPanel x:Name="LayoutRoot" Orientation="Horizontal" VerticalAlignment="Top">
-
<Border Background="#D3DAED" CornerRadius="3" Margin="2" Padding="2" BorderThickness="1" BorderBrush="#A9AFCC" Width="200" Height="40" VerticalAlignment="Top">
-
<StackPanel Orientation="Horizontal">
-
<TextBlock Text="Modelo" Height="30" Width="80" VerticalAlignment="Center"/>
-
<ComboBox x:Name="cbModelo" Height="30" Width="100" VerticalAlignment="Center"
-
ItemsSource="{Binding Path=Coches}"
-
DisplayMemberPath="Modelo"
-
/>
-
</StackPanel>
-
</Border>
-
<Border Background="#D3DAED" CornerRadius="3" Margin="2" BorderThickness="1"
-
BorderBrush="#A9AFCC" Width="200" VerticalAlignment="Top">
-
<StackPanel Orientation="Vertical" Margin="10,2" HorizontalAlignment="Left">
-
<!-- La propiedad Text de los TextBoxes es obtenida
-
del objeto seleccionado en el combobox -->
-
<TextBlock Text="{Binding SelectedItem.Marca, ElementName=cbModelo}"
-
Height="40" Width="180" FontSize="{Binding Value, ElementName=sliderSize}"/>
-
<TextBlock Text="{Binding SelectedItem.Cilindrada, ElementName=cbModelo}"
-
Height="40" Width="180" FontSize="{Binding Value, ElementName=sliderSize}"/>
-
<TextBlock Text="{Binding SelectedItem.Combustible, ElementName=cbModelo}"
-
Height="40" Width="180" FontSize="{Binding Value, ElementName=sliderSize}"/>
-
</StackPanel>
-
</Border>
-
</StackPanel>
-
<Border Background="#D3DAED" CornerRadius="3" Margin="2" Padding="2" BorderThickness="1"
-
BorderBrush="#A9AFCC" Width="400" Height="40" VerticalAlignment="Top" HorizontalAlignment="Left">
-
<StackPanel Orientation="Horizontal" VerticalAlignment="Top" Margin="2">
-
<TextBlock Text="Tamaño de Fuente" Height="30" Width="120" VerticalAlignment="Center" />
-
<!-- La Propiedad Value del control Slider se puede establcer mediante una caja de texto-->
-
<Slider x:Name="sliderSize" Minimum="10" Maximum="34" Value="{Binding Text,
-
ElementName=txtFont, Mode=TwoWay}" SmallChange="1" LargeChange="1"
-
Width="100" VerticalAlignment="Center"></Slider>
-
<!-- El valor de la caja de texto es obtenida de la propiedad Value del control Slider-->
-
<TextBox x:Name="txtFont" Text="{Binding Value, ElementName=sliderSize}"
-
Height="30" Width="40" VerticalAlignment="Center" />
-
</StackPanel>
-
</Border>
-
</StackPanel>
-
Â
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:
Sep 27
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 »
Recent Comments