Cómo agregar el salto de lí­nea a los caracteres válidos de un FilteredTextBoxExtender

En el Ajax Control Toolkit de ASP.NET, hay un control llamado FilteredTextBoxExtender que sirve para filtrar los caracteres que se pueden ingresar en un TextBox. Esto es útil, por ejemplo, para permitir únicamente el ingreso de números si estamos capturando un código postal mexicano.

Bueno, estaba usándolo en un TextBox con la propiedad TextMode establecida en MultiLine, lo que en HTML se despliega como un textArea, una caja de texto con múltiples lí­neas.

Esta es la definición de mi caja de texto y el control de filtrado:

 <asp:TextBox 
      ID="Tags" 
      runat="server" 
      TextMode="MultiLine" 
      Width="200px" 
      Height="150px">
 </asp:TextBox>
  
 <cc1:FilteredTextBoxExtender 
      ID="Tags_FilteredTextBoxExtender" 
      runat="server" 
      Enabled="True" 
      TargetControlID="Tags" 
      ValidChars="abcdefghijklmnopqrstuvwxyz1234567890 ABCDEFGHIJKLMNOPQRSTUVWXYZ">
 </cc1:FilteredTextBoxExtender> 

Como puedes ver, estoy permitiendo la entrada de letras mayúsculas, minúsculas, números y espacios. Pero como se trata de una caja de texto con míltiples lí­neas, obviamente quiero que se permita teclear saltos de lí­nea cuando el individuo presione la tecla enter o intro.

Este caso es truculento, porque no puedes hacerlo en la página aspx, lo tienes que hacer en el código de servidor, de esta forma:

Tags_FilteredTextBoxExtender.ValidChars = Tags_FilteredTextBoxExtender.ValidChars & vbCrLf

Como sabrás, vbCrLf significa un salto de lí­nea en Visual Basic, y lo que hace esa lí­nea es añadirlo a los caracteres válidos.

¡Medio truculento pero funciona!

Cómo pasar el nombre del usuario logueado como parámetro a un ObjectDataSource

Los ObjectDataSource soportan por default diferentes tipos de parámetros, como controles, cookies, Form, QueryString, Profile y Session. Sin embargo si quieres pasar como parámetro el UserName del usuario logueado no lo puedes hacer con ninguno de los tipos antes mencionados.

Para hacerlo debes utilizar el evento Selecting del ObjectDataSource.

Esto funciona así, aquí­ tenemos el ObjectDataSource:

  1. <asp:ObjectDataSource
  2.     ID="ODSEjemplo"
  3.     runat="server"
  4.     OldValuesParameterFormatString="original_{0}"
  5.     SelectMethod="GetData"
  6.     TypeName="BLLObtenerDatos">
  7. </asp:ObjectDataSource>

Fí­jate como no hemos incluido ningún parámetro. Éste lo generamos en el code-behind:

  1. Protected Sub ODSEjemplo_Selecting(ByVal sender As Object, ByVal e As System.Web.UI.WebControls.ObjectDataSourceSelectingEventArgs) Handles ODSEjemplo.Selecting
  2.      e.InputParameters("MiParametro") = User.Identity.Name
  3. End Sub

Nótese que en el ejemplo, el método GetData recibe un sólo parámetro de tipo String, mismo que coincide con el tipo de User.Identity.Name

Así­ de sencillo.

Cómo leer un ConnectionString del web.config mediante código

En nuestro web.config guardamos los ConnectionStrings de nuestras bases de datos.

Ejemplo:

  1. <connectionStrings>
  2.      <add name="MiConnectionString"
  3.        connectionString="Data Source=ServidorINSTANCIASQL;Initial Catalog=MiBaseDeDatos;Persist Security Info=True;User ID=NombreDeusuario;Password=xxxxxxxxxx" providerName="System.Data.SqlClient" />
  4. </connectionStrings>

Es posible leer estos valores desde code-behind, de la siguiente forma:

  1. Dim SuperSecreto As String = System.Web.Configuration.WebConfigurationManager.ConnectionStrings("MiConnectionString").ConnectionString

Utilizar un DataPager haciendo el DataBind en Code-Behind

Como expliqué en un post anterior es posible utilizar un DataPager con un ListView de la siguiente manera:

  1. <asp:ListView ID="LVRegistros" runat="server" DataKeyNames="IdRegistro"
  2.    ItemPlaceholderID="AquiVanLosItems">
  3.     <LayoutTemplate>
  4.         <table width="100%" border="0" cellpadding="5" cellspacing="0">
  5.             <tr>
  6.                 <td class="tdDatosTitulo">Nombre
  7.                 </td>
  8.             </tr>
  9.             <asp:PlaceHolder ID="AquiVanLosItems" runat="server"></asp:PlaceHolder>
  10.             <tr>
  11.                 <td colspan="7" class="TdPie">Páginas:
  12.             <asp:DataPager ID="Pager1" runat="server" PageSize="30">
  13.                 <Fields>
  14.                     <asp:NumericPagerField ButtonCount="50" />
  15.                 </Fields>
  16.             </asp:DataPager>
  17.                 </td>
  18.             </tr>
  19.         </table>
  20.     </LayoutTemplate>
  21.     <ItemTemplate>
  22.         <tr>
  23.             <td>
  24.                 <%#Eval("IdCarpeta")%>
  25.             </td>
  26.         </tr>
  27.     </ItemTemplate>
  28.     <EmptyDataTemplate>
  29.         No existen registros.
  30.     </EmptyDataTemplate>
  31. </asp:ListView>

Ahora bien, si haces el Bind con un ObjectDataSource o algún control similar en el archivo .aspx, todo funciona perfectamente.

Sin embargo, si estás haciendo el DataBind en el código de servidor (code-behind), entonces te darás cuenta de que al hacer clic en la página número 2 (por ejemplo) del paginador, no ocurre nada, se sigue mostrando la primera página.

Esto es debido a que estás llenando el ListView en el código de servidor.

Para solucionarlo, debes colocar el siguiente procedimiento en tu archivo .aspx.vb:

  1. Protected Sub LVRegistros_PagePropertiesChanging(ByVal sender As Object, ByVal e As System.Web.UI.WebControls.PagePropertiesChangingEventArgs) Handles LVRegistros.PagePropertiesChanging
  2.      Pager1.SetPageProperties(e.StartRowIndex, e.MaximumRows, False)
  3.      LVReflexiones.DataBind()
  4. End Sub

Ahora pruébalo y verás como todo funciona como debe.

Cómo utilizar un control DataPager con ListView para crear páginas de registros

Supongamos que tenemos el siguiente ListView que toma datos de una tabla de la base de datos:

  1. <asp:ListView ID="LVRegistros" runat="server" DataKeyNames="IdRegistro"
  2.        ItemPlaceholderID="AquiVanLosItems">
  3.     <LayoutTemplate>
  4.         <table width="100%" border="0" cellpadding="5" cellspacing="0">
  5.             <tr>
  6.                 <td class="tdDatosTitulo">
  7.                     Nombre
  8.                 </td>
  9.             </tr>
  10.             <asp:PlaceHolder ID="AquiVanLosItems" runat="server"></asp:PlaceHolder>
  11.         </table>
  12.     </LayoutTemplate>
  13.     <ItemTemplate>
  14.         <tr>
  15.             <td>
  16.                 <%#Eval("IdRegistro")%>
  17.             </td>                              
  18.         </tr>
  19.     </ItemTemplate>
  20.     <EmptyDataTemplate>
  21.         No existen registros.
  22.     </EmptyDataTemplate>
  23. </asp:ListView>

Como puedes ver el primer renglón de la tabla contendrá el texto “Nombre” y los siguientes renglones se llenarán a partir de la información que exista en la base de datos.

Ahora bien, si existieran 50,000 registros, todos ellos aparecerían en la página, lo cual está lejos de ser óptimo.

Lo ideal es mostrar los primeros “n” registros y que después exista un paginador (o pager en inglés) tipo Google, que nos permita ir desplazándonos a través de las diferentes páginas de registros.

Con ASP.NET esto es muy sencillo. Basta incluir un control llamado DataPager dentro del LayoutTemplate del ListView.

El código quedarí­a así­:

  1. <asp:ListView ID="LVRegistros" runat="server" DataKeyNames="IdRegistro"
  2.        ItemPlaceholderID="AquiVanLosItems">
  3.     <LayoutTemplate>
  4.         <table width="100%" border="0" cellpadding="5" cellspacing="0">
  5.             <tr>
  6.                 <td class="tdDatosTitulo">
  7.                     Nombre
  8.                 </td>
  9.             </tr>
  10.             <asp:PlaceHolder ID="AquiVanLosItems" runat="server"></asp:PlaceHolder>
  11.             <tr>
  12.                 <td colspan="7" class="TdPie">Páginas:
  13.                     <asp:DataPager ID="Pager1" runat="server" PageSize="30">
  14.                         <Fields>
  15.                             <asp:NumericPagerField ButtonCount="50" />
  16.                         </Fields>
  17.                     </asp:DataPager>
  18.                 </td>
  19.             </tr>
  20.         </table>
  21.     </LayoutTemplate>
  22.     <ItemTemplate>
  23.         <tr>
  24.             <td>
  25.                 <%#Eval("IdCarpeta")%>
  26.             </td>                              
  27.         </tr>
  28.     </ItemTemplate>
  29.     <EmptyDataTemplate>
  30.         No existen registros.
  31.     </EmptyDataTemplate>
  32. </asp:ListView>

El código anterior coloca una lista de números del 1 en adelante que se pueden cliquear para moverse a las diferentes páginas de registros. Si quieres, por ejemplo, que el paginador aparezca arriba y abajo de los registros, simplemente coloca otro DataPager donde lo necesites.

En este caso utilicé dentro de Fields un control llamado NumericPagerField, pero también puedes utilizar NextPreviousPagerField y TemplatePagerField.

Aquí­ encontrarás la referencia a toda la clase DataPager con la explicación completa de cada uno de sus componentes:

http://msdn.microsoft.com/en-us/library/system.web.ui.webcontrols.datapager.aspx

¡Suerte!