Como ejemplo, he desarrollado una aplicación de evaluación de
escenarios/temas, donde cada usuario autenticado y autorizado, puede dar
valores de probabilidad a un escenario, en una escala del 1 al 5, registrando
en una Base de Datos, la evaluación que cada usuario le ha dado a cada uno de
los escenarios.

Pero sabemos que un usuario no terminará de evaluar todos
los escenarios en una sola sesión, así que es recomendable mostrarle una lista
de los escenarios y recordarle cuales ya han sido evaluados y cuáles no.

Para esto utilice un ListView como control de repetición
de datos, para mostrar los escenarios/temas, y si ya han sido evaluados o no.
Para mostrar si ya han sido evaluados muestro una y si o muestro una .

Aqui el código de como hacerlo:

Dentro del ASP ListView

<HeaderTemplate>
<table cellpadding="0" cellspacing="0" width="700px" style="font-family:Calibri, Sans-Serif">
</HeaderTemplate>
<ItemTemplate>
<%# Convert.ToInt32(Eval("Probabilidad")) > 0 ? "<img src=\"../images/palomita.png\" width=\"20px\" />" : "<img src=\"../images/tachita.png\" width=\"15px\" />"%>
</ItemTemplate>
<FooterTemplate>
</table>
</FooterTemplate>


Quedando algo asi:

Gracias

Pero cada caso es muy diferente a los demás, en ocasiones esto no es muy conveniente debido a la extensa longitud de algunos datos.

Desarrollando un acortador de URL’s me encontré con un dato que quería mostrar en una columna de un ASP Gridview que era demasiado extenso (Url Larga), y al darle un ancho fijo a la columna lo único que hacia era distribuir el contenido en varias líneas. Eso si la cadena tenía espacios, si no, no respetaba el ancho de la columna.

Entonces, como no era necesario mostrar la cadena completa (Url Larga), decidí, hacer lo siguiente.

Dentro de la etiqueta <Columns> del Gridview
1.- Cambiar el tipo ASP BoundField por el tipo ASP ItemTemplate
2.- Dentro de <ItemTemplate>, Colocar un
<div> con el ancho requerido, y el estilo overflow:hidden.
3.- Dentro del div evaluar la expresión del origen de datos <%# Eval(“Url Larga”)%>

De esta manera, dentro del div se mostrara el contenido de la expresión, el ancho no cambiara a pesar de la longitud del contenido, y con el estilo nos aseguramos que el texto que se salga del div no aparezca, quedando algo asi:

De igual manera para la columna Url Corta, modifique el BoundField por ItemTemplate para poder mostrar este campo como un enlace <a>

Gracias

Mientras que en Silverlight, solo tendremos que hacer:
         StoryBoard.Begin();

En WPF, se tiene que acceder al StoryBoard mediante los Recursos:
         Storyboard story = (Storyboard)Resources["NombreStoryBoard"];
y luego:
         story.Begin();

Gracias

Pero si por alguna razon se necesita mostrar informacion desde un origen en tiempo de ejecucion, esta es una buena solucion:

“Envolver” el control Label dentro de algun otro que sea bindeable, por ejemplo un Formview

<asp:FormView ID=”Saldo” runat=”server” DataSourceID=”SqlDataSourceSaldo”>
     <ItemTemplate>
              <asp:Label CssClass=”formulario negritas” ID=”SaldoActualLabel” runat=”server” Text=’<%# Eval(“Monto_Ejercido”)%>’ />
    </ItemTemplate>
<asp:FormView>

Y si se requiere algun formato en particular:
     Text=’<%# Eval(“Monto_Ejercido”,”{0:c}”) %>’

Gracias

Comenzamos con el codigo JavaScript que mostrara el Popup

<script type=”text/javascript”>
Sys.WebForms.PageRequestManager.getInstance().add_beginRequest(beginReq);
Sys.WebForms.PageRequestManager.getInstance().add_endRequest(endReq);
function beginReq(sender, args)
{
      // muestra el popup
      $find(ModalProgress).show();
}
function endReq(sender, args)
{
      // esconde el popup
      $find(ModalProgress).hide();
}

var ModalProgress = ‘<%=ModalProgress.ClientID%>’;
</script>

El evento beginRequest se provoca antes de que se inicie el procesamiento de una devolución de datos asincrónica y se envíe la devolución (postback) al servidor.
El evento endRequest se provoca después de que finalice una devolución de datos asincrónica y se haya devuelto el control al explorador.
Si se observa en las funciones de JavaScript se hace Referencia a la variable ModalProgress la cual debe ser creada desde el code-behind para que luego pueda ser utilizada por javascript.

Luego de esto crearemos el control popup.

<asp:Panel runat=”server” CssClass=”modalPopup” ID=”panelUpdateProgress”>
<asp:UpdateProgress ID=”UpdatePrg” DisplayAfter=”0″ runat=”server”>
<ProgressTemplate>
<div style=”position:relative; top:50%; text-align:center; height:100px;”>
<img src=”../../../images/loading.gif” style=”vertical-align:middle” alt=”Procesando…” width=”90px” />
Procesando ….
</div>
</ProgressTemplate>
</asp:UpdateProgress>
</asp:Panel>
<asp:ModalPopupExtender runat=”server” ID=”ModalProgress” TargetControlID=”panelUpdateProgress” PopupControlID=”panelUpdateProgress”
BackgroundCssClass=”modalBackground”>
</asp:ModalPopupExtender>

Y por ultimo, el control que iniciara el proceso.

<asp:UpdatePanel ID=”UpdatePanel1″ runat=”server”>
<ContentTemplate>
<asp:Button ID=”Boton_guardar” runat=”server” Text=”Guardar”
ValidationGroup=”LoginUserValidationGroup” onclick=”Boton_guardar_Click” />
   
</ContentTemplate>
</asp:UpdatePanel>

Es importante que el boton este dentro de un PanelUpdate, ya que asi ajax sabra que es este el evento que procesara asincronicamente.

Fuente: Blog Guillermo G.

Gracias

Entonces, abrimos el Administrador del IIS. Seleccionamos la opcion “Examen de Directorios” y damos clic en “Deshabilitar”.

Y al final cuando se trate de acceder:

Gracias

Pero los datos no siempre eran de tipo texto (string), algunas ocasiones eran de tipo cantidad (money) o de tipo fecha (Date) y al momento de desplegar estos datos en el GridView se mostraban muy confusos o largos.

En lugar de mostrar $23.00 se mostraba 23.0000 o en lugar de mostrar 12/12/2010 se mostraba 12/12/2010 00:00:00 p.m..

Para cambiar esto, solo basta con darle el formato requerido a la columna del gridView dependiendo del tipo de dato que se obtendra de la base de datos.

En el GridView nos vamos al Smart Tag (Shift+Alt+F10) o hacemos click sobre el y del lado derecho aparecera un boton, hacemos click en el. Una vez ahi, seleccionamos Editar Columnas (edit columns), luego en el Listbox Campos Seleccionados (Selected Fields) seleccionamos la columna a la cual le daremos formato, del lado derecho apereceran las propiedades del este campo, buscamos DataFormatString y colocamos el patron de formateo, ver patrones.

De esta menera, logramos representar correctamnmete los datos que necesitamos. Muchas Gracias.

En esta ocasion le mostrare como añadir controles al Menu de ASP.NET, asi como estilos y codigo html para transformarlo completamente a como nuestro diseño lo demande. Para esto trataremos de imitar un menu de SharePoint.

Lo primero, es agregar un control al proyecto, una vez insertado, colocamos el cursor sobre el control, del lado derecho aparecera un boton, desplegamos el menu “Tasks”, y nos vamos a “Edit Templates” luego en “Displays” seleecionamos “DynamicItemTemplate”.

En el espacion en blanco colocamos dos controles “Label”, el primero sera el Titulo de la opcion del menu y el segundo sera la Descripcion de la opcion. A cada control “Label” le asignamos el tipo de letra,color,tamaño,etc. una vez hecho esto, nos vamos al codigo aspx de la pagina, y editamos dentro de la etiqueta “<DynamicItemTemplate>”.

Dentro de esta etiqueta, insertamos una tabla “<table>” y agregamos dos “<tr>” uno donde ira el Label del titulo y otro donde ira el Label Descripcion, y cada renglon contendra tres columnas “<td>” una sera la columna color gris de la izquierda, la segunda sera la separacion entre la primera columna y el texto, y la tercera sera el contenido, es decir los controles Label.

Luego de esto, en el control “Menu” agregamos los items que necesitemos.

Por ultimo, nos vamos al codigo .cs y aqui en el metodo “OnLoad()”, buscamos el control con el metodo Page.FindControl(), y a partir de aqui, buscamos los ID’s de los controles Label’s y cambiamos su propiedad “Text” con el valor que necesitemos.

Teniendo como resultado:

Y el nuestro:

No es 100% igual pero con un poco de paciencia y bastante lado femenino podremos darle un diseño muy profesional a nuestros controles.

Descargar ejemplo

Para deshabilitar el contenido anterior:

<script type="text/javascript">
{
if(history.forward(1))
location.replace(history.forward(1))
}
<script>

Para deshabilitar la cache:

<meta http-equiv="Expires" content="0" />
<meta http-equiv="Pragma" content="no-cache" />

Esto nos ayudara para que los usuarios no brinquen de una pagina a otra libremente, sobre todo cuando se tenga una pagina donde se realicen transacciones a bases de datos.

Una vez descargado, abrimos VS2010, y en el panel Toolbox, hacemos click con boton derecho sobre superficie blanca. Y agregamos una nueva categoria.

Luego, colocamos el nombre.

Y sobre el espacio en blanco debajo de la nueva categoria hacemos click con boton derecho y elegimos Choose Items.

Cuando nos pida que elijamos items, nos vamos al boton de Navegar.

Y nos dirigimos a la ruta donde se encuentra la dll. del ajax toolkit. lo seleccionamos y abrimos.

De regreso en el dialogo de Choose Items, dejamos seleccionados los items por default y aceptamos.

Por ultimo, vemos como se agregan los controles de Ajax.

Gracias.