Exportar (0) Imprimir
Expandir todo
Expandir Minimizar
Este artículo se tradujo de forma manual. Mueva el puntero sobre las frases del artículo para ver el texto original.
Traducción
Original

RepeatLayout (Enumeración)

Especifica el diseño de los elementos de un control de lista.

Espacio de nombres:  System.Web.UI.WebControls
Ensamblado:  System.Web (en System.Web.dll)

public enum RepeatLayout

Nombre de miembroDescripción
TableLos elementos se muestran en una tabla.

En el ejemplo siguiente se muestra el marcado que se presenta para un control CheckBoxList cuya propiedad RepeatLayout está establecida en Table.

NotaNota
Esta opción hace que el control para presentar HTML podría no cumplir los estándares de accesibilidad.Para obtener más información, vea Accesibilidad en Visual Studio y ASP.NET.
<table id="ctl00_MainContent_CheckBoxList2">
  <tr>
    <td>
      <input id="ctl00_MainContent_CheckBoxList2_0" type="checkbox"
        name="ctl00$MainContent$CheckBoxList2$0" value="Item 1" />
      <label for="ctl00_MainContent_CheckBoxList2_0">Item 1</label>
    </td>
  </tr>
  <tr>
    <td>
      <input id="ctl00_MainContent_CheckBoxList2_1" type="checkbox"
        name="ctl00$MainContent$CheckBoxList2$1" value="Item 2" />
      <label for="ctl00_MainContent_CheckBoxList2_1">Item 2</label>
    </td>
  </tr>
  <tr>
    <td>
      <input id="ctl00_MainContent_CheckBoxList2_2" type="checkbox"
        name="ctl00$MainContent$CheckBoxList2$2" value="Item 3" />
      <label for="ctl00_MainContent_CheckBoxList2_2">Item 3</label>
    </td>
  </tr>
</table>

FlowLos elementos se muestran sin formato de tabla. El marcado presentado está compuesto de un elemento span y los elementos están separados por elementos br.

En el ejemplo siguiente se muestra el marcado que se presenta para un control CheckBoxList cuya propiedad RepeatLayout está establecida en Flow.

<span id="ctl00_MainContent_CheckBoxList1">
  <input id="ctl00_MainContent_CheckBoxList1_0" type="checkbox" 
    name="ctl00$MainContent$CheckBoxList1$0" value="Item 1" />
  <label for="ctl00_MainContent_CheckBoxList1_0">Item 1</label>
  <br />
  <input id="ctl00_MainContent_CheckBoxList1_1" type="checkbox"
    name="ctl00$MainContent$CheckBoxList1$1" value="Item 2"/>
  <label for="ctl00_MainContent_CheckBoxList1_1">Item 2</label>
  <br />
  <input id="ctl00_MainContent_CheckBoxList1_2" type="checkbox"
    name="ctl00$MainContent$CheckBoxList1$2" value="Item 2" />
  <label for="ctl00_MainContent_CheckBoxList1_2">Item 2</label>
</span>
UnorderedListLos elementos se muestran sin formato de tabla. El marcado presentado está compuesto de un elemento ul que contiene los elementos li.

En el ejemplo siguiente se muestra el marcado que se presenta para un control CheckBoxList cuya propiedad RepeatLayout está establecida en UnorderedList.

<ul id="ctl00_MainContent_CheckBoxList4">
  <li>
    <input id="ctl00_MainContent_CheckBoxList4_0" type="checkbox"
      name="ctl00$MainContent$CheckBoxList4$0" value="Item 1" />
    <label for="ctl00_MainContent_CheckBoxList4_0">Item 1</label>
  </li>
  <li>
    <input id="ctl00_MainContent_CheckBoxList4_1" type="checkbox"
      name="ctl00$MainContent$CheckBoxList4$1" value="Item 2" />
    <label for="ctl00_MainContent_CheckBoxList4_1">Item 2</label>
  </li>
  <li>
    <input id="ctl00_MainContent_CheckBoxList4_2" type="checkbox"
      name="ctl00$MainContent$CheckBoxList4$2" value="Item 2" />
    <label for="ctl00_MainContent_CheckBoxList4_2">Item 2</label>
  </li>
</ul>
NotaNota
Este campo es nuevo a partir de ASP.NET 4 y es una opción válida sólo para los controles CheckBoxList y RadioButtonList .
OrderedListLos elementos se muestran sin formato de tabla. El marcado presentado está compuesto de un elemento ol que contiene los elementos li.

En el ejemplo siguiente se muestra el marcado que se presenta para un control CheckBoxList cuya propiedad RepeatLayout está establecida en OrderedList.

<ol id="ctl00_MainContent_CheckBoxList3">
  <li>
    <input id="ctl00_MainContent_CheckBoxList3_0" type="checkbox"
      name="ctl00$MainContent$CheckBoxList3$0" value="Item 1" />
    <label for="ctl00_MainContent_CheckBoxList3_0">Item 1</label>
  </li>
  <li>
    <input id="ctl00_MainContent_CheckBoxList3_1" type="checkbox"
      name="ctl00$MainContent$CheckBoxList3$1" value="Item 2" />
    <label for="ctl00_MainContent_CheckBoxList3_1">Item 2</label>
  </li>
  <li>
    <input id="ctl00_MainContent_CheckBoxList3_2" type="checkbox"
      name="ctl00$MainContent$CheckBoxList3$2" value="Item 2" />
    <label for="ctl00_MainContent_CheckBoxList3_2">Item 2</label>
  </li>
</ol>
NotaNota
Este campo es nuevo a partir de ASP.NET 4 y es una opción válida sólo para los controles CheckBoxList y RadioButtonList .

La enumeración RepeatLayout representa las diferentes opciones de diseño de un control de lista.



<%@ Page Language="C#" AutoEventWireup="True" %>
<%@ Import Namespace="System.Data" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" >
   <script runat="server">

      ICollection CreateDataSource() 
      {

         // Create sample data for the DataList control.
         DataTable dt = new DataTable();
         DataRow dr;

         // Define the columns of the table.
         dt.Columns.Add(new DataColumn("IntegerValue", typeof(Int32)));
         dt.Columns.Add(new DataColumn("StringValue", typeof(String)));
         dt.Columns.Add(new DataColumn("CurrencyValue", typeof(double)));
         dt.Columns.Add(new DataColumn("ImageValue", typeof(String)));

         // Populate the table with sample values.
         for (int i = 0; i < 9; i++) 
         {
            dr = dt.NewRow();

            dr[0] = i;
            dr[1] = "Description for item " + i.ToString();
            dr[2] = 1.23 * (i + 1);
            dr[3] = "Image" + i.ToString() + ".jpg";

            dt.Rows.Add(dr);
         }

         DataView dv = new DataView(dt);
         return dv;
      }


      void Page_Load(Object sender, EventArgs e) 
      {

         // Load sample data only once, when the page is first loaded.
         if (!IsPostBack) 
         {
            ItemsList.DataSource = CreateDataSource();
            ItemsList.DataBind();
         }

      }

      void Button_Click(Object sender, EventArgs e) 
      {

         // Set the repeat direction based on the selected value of the
         // DirectionList DropDownList control.
         ItemsList.RepeatDirection = 
             (RepeatDirection)DirectionList.SelectedIndex;

         // Set the repeat layout based on the selected value of the
         // LayoutList DropDownList control.
         ItemsList.RepeatLayout = (RepeatLayout)LayoutList.SelectedIndex;

         // Set the number of columns to display based on the selected
         // value of the ColumnsList DropDownList control.
         ItemsList.RepeatColumns = ColumnsList.SelectedIndex;

         // Show or hide the gridlines based on the value of the
         // ShowBorderCheckBox property. Note that gridlines are displayed
         // only if the RepeatLayout property is set to Table.
         if ((ShowBorderCheckBox.Checked) 
             && (ItemsList.RepeatLayout == RepeatLayout.Table)) 
         {
            ItemsList.BorderWidth = Unit.Pixel(1);
            ItemsList.GridLines = GridLines.Both;
         }    
         else  
         {
            ItemsList.BorderWidth = Unit.Pixel(0);
            ItemsList.GridLines = GridLines.None;
         }

      }    

   </script>

<head runat="server">
    <title>DataList Example</title>
</head>
<body>

   <form id="form1" runat="server">

      <h3>DataList Example</h3>

      <asp:DataList id="ItemsList"
           BorderColor="black"
           CellPadding="5"
           CellSpacing="5"
           RepeatDirection="Vertical"
           RepeatLayout="Table"
           RepeatColumns="0"
           BorderWidth="0"
           runat="server">

         <HeaderStyle BackColor="#aaaadd">
         </HeaderStyle>

         <AlternatingItemStyle BackColor="Gainsboro">
         </AlternatingItemStyle>

         <HeaderTemplate>

            List of items

         </HeaderTemplate>

         <ItemTemplate>

            Description: <br />
            <%# DataBinder.Eval(Container.DataItem, "StringValue") %>

            <br />

            Price: <%# DataBinder.Eval(Container.DataItem, "CurrencyValue", "{0:c}") %>

            <br />

            <asp:Image id="ProductImage"
                 AlternatingText='<%# DataBinder.Eval(Container.DataItem, "StringValue") %>'
                 ImageUrl='<%# DataBinder.Eval(Container.DataItem, "ImageValue") %>'
                 runat="server"/>

         </ItemTemplate>

      </asp:DataList>

      <hr />

      <table cellpadding="5">

         <tr>

            <th>

               Repeat direction:

            </th>

            <th>

               Repeat layout:

            </th>

            <th>

               Repeat columns:

            </th>

            <th>

               <asp:CheckBox id="ShowBorderCheckBox"
                    Text="Show border"
                    Checked="False" 
                    runat="server" />

            </th>

         </tr>

         <tr>

            <td>

               <asp:DropDownList id="DirectionList" 
                    runat="server">

                  <asp:ListItem>Horizontal</asp:ListItem>
                  <asp:ListItem Selected="True">Vertical</asp:ListItem>

               </asp:DropDownList>

            </td>

            <td>

               <asp:DropDownList id="LayoutList" 
                    runat="server">

                  <asp:ListItem Selected="True">Table</asp:ListItem>
                  <asp:ListItem>Flow</asp:ListItem>

               </asp:DropDownList>

            </td>

            <td>

               <asp:DropDownList id="ColumnsList" 
                    runat="server">

                  <asp:ListItem Selected="True">0</asp:ListItem>
                  <asp:ListItem>1</asp:ListItem>
                  <asp:ListItem>2</asp:ListItem>
                  <asp:ListItem>3</asp:ListItem>
                  <asp:ListItem>4</asp:ListItem>
                  <asp:ListItem>5</asp:ListItem>

               </asp:DropDownList>

            </td>

            <td>

               &nbsp;

            </td>


         </tr>

      </table>     

      <asp:LinkButton id="RefreshButton" 
           Text="Refresh DataList" 
           OnClick="Button_Click" 
           runat="server"/>

   </form>

</body>
</html>



.NET Framework

Compatible con: 4, 3.5, 3.0, 2.0, 1.1, 1.0

Windows 7, Windows Vista SP1 o posterior, Windows XP SP3, Windows XP SP2 x64 Edition, Windows Server 2008 (no se admite Server Core), Windows Server 2008 R2 (se admite Server Core con SP1 o posterior), Windows Server 2003 SP2

.NET Framework no admite todas las versiones de todas las plataformas. Para obtener una lista de las versiones compatibles, vea Requisitos de sistema de .NET Framework.

Adiciones de comunidad

AGREGAR
Mostrar:
© 2014 Microsoft