Compartir a través de

Diseño y paginación de las páginas móviles

  • Artículo

Una página móvil de usa plantillas tanto para describir el diseño de página como para hacer referencia a controles móviles de Microsoft ASP.NET 2.0 o controles móviles nativos de SharePoint.

Un único archivo MobileDefaultTemplates.ascx contiene todas las plantillas de representación usadas en páginas móviles que se suministran con . Este archivo de control de usuario se encuentra en el directorio unidad_local:\Program Files\Common Files\Microsoft Shared\web server extensions\12\TEMPLATE\CONTROLTEMPLATES. Las plantillas se cargan dinámicamente mediante el marco de representación móvil desde esta ubicación. La colocación de archivos .ascx personalizados que definen las plantilla de representación en este directorio y la asignación de los identificadores apropiados a estas plantillas de representación permiten sustituir los controles predeterminados que rellenan una página móvil. Para más información sobre el proceso de representación de páginas y los identificadores de plantillas de representación, consulte Sistema de representación de páginas móviles.

Diseño de página

Cada página móvil de Windows SharePoint Services se divide en áreas de encabezado, contenido y pie de página mediante una línea separadora. El área de encabezado contiene el título del sitio web, la lista o el elemento. El área de contenido muestra las listas en una página principal, los elementos en una página de vista de lista o los campos en un formulario de elementos. El área de pie de página contiene las direcciones URL de las acciones para trabajar con los elementos de lista y las direcciones URL de exploración para ir a otras páginas.

Los controles predeterminados de una página móvil hacen referencia a las plantillas de representación definidas en el archivo MobileDefaultTemplates.ascx, lo que expande las plantillas secundarias y representa los controles de la página. Las áreas de encabezado y pie de página implementan el <DeviceSpecific> Element de ASP.NET y se muestran siempre, incluso si el área de contenido está paginada.

En el siguiente ejemplo se muestran las plantillas usadas en mbllists.aspx para la página principal predeterminada:

<SPMobile:SPMobileForm 
  RunAt="Server" 
  PageType="HomePage" 
  Paginate="true">
  <DeviceSpecific>
    <Choice>
      <HeaderTemplate>
        <SPMobile:SPMobileControlContainer 
          RunAt="Server" 
          Weightless="true">
          <SPMobile:SPMobilePageTitle 
            RunAt="Server" />
          <SPMobile:SPMobileComponent 
            RunAt="Server" 
            TemplateName="MobileDefaultSeparator" />
        </SPMobile:SPMobileControlContainer>
      </HeaderTemplate>
      <FooterTemplate>
        <SPMobile:SPMobileControlContainer 
          RunAt="Server" 
          Weightless="true">
          <SPMobile:SPMobileComponent 
            RunAt="Server" 
            Templatename="MobilePaginateNavigation" />
          <SPMobile:SPMobileComponent
            RunAt="Server" 
            TemplateName="MobileDefaultSeparator" />
          <SPMobile:SPMobilePageNavigation 
            RunAt="Server" />
        </SPMobile:SPMobileControlContainer>
      </FooterTemplate>
    </Choice>
  </DeviceSpecific>
  <SPMobile:SPMobilePageContents RunAt="Server" />
</SPMobile:SPMobileForm>

El elemento DeviceSpecific es un tipo de instrucción de intercambio. Para obtener más información, consulte Introduction to the DeviceSpecific Control. En este caso, sin embargo, hay sólo una "opción." Por lo que la página se representará de la misma manera independientemente del dispositivo móvil que se va a utilizar.

El atributo TemplateName de los controles SPMobilePageTitle, SPMobilePageNavigation y SPMobilePageContents no se establece en la página ya que está codificado en el código de la declaración C# de esos controles. Otros controles del ejemplo utilizan el atributo TemplateName para identificar una plantilla de representación definida en MobileDefaultTemplates.ascx.

La etiqueta SPMobilePageContents inserta la región del cuerpo en la página, que difiere conforme a la definición de sitio, tipo de lista o formulario.

Personalización de controles

Para aplicar una representación especial a una página principal según la definición del sitio o a una vista de lista o formulario de elementos según el tipo de plantilla de lista, puede crear una plantilla de representación personalizada en un archivo .ascx personalizado en unidad_local:\Program Files\Common Files\Microsoft Shared\web server extensions\12\TEMPLATE\CONTROLTEMPLATES.

Para aplicar una representación especial, defina un control RenderingTemplate en uno de los siguientes formatos. Para obtener información más detallada, consulte Sistema de representación de páginas móviles, Procedimiento para personalizar las páginas principales móviles, Procedimiento para personalizar las páginas de vista de lista móvil y formulario y Procedimiento para personalizar la representación de campos en páginas móviles.

Página principal

  • Mobile_ SiteTypeID _HomePage_Title

  • Mobile_ SiteTypeID _HomePage_Contents

  • Mobile_ SiteTypeID _HomePage_Navigation

Vistas de lista

  • Mobile_ ListTypeID _View_Title

  • Mobile_ ListTypeID _View_Contents

  • Mobile_ ListTypeID _View_Navigation

Formularios de elementos

  • Mobile_ ListTypeID _NewForm_Title

  • Mobile_ ListTypeID _NewForm_Contents

  • Mobile_ ListTypeID _NewForm_Navigation

  • Mobile_ ListTypeID _EditForm_Title

  • Mobile_ ListTypeID _EditForm_Contents

  • Mobile_ ListTypeID _EditForm_Navigation

  • Mobile_ ListTypeID _DispForm_Title

  • Mobile_ ListTypeID _DispForm_Contents

  • Mobile_ ListTypeID _DispForm_Navigation

Reemplace SiteTypeID con el identificador de número entero de la definición del sitio o con su nombre, por ejemplo, STS o BLOG. (Para obtener una definición sitio personalizado, debe utilizar el número de identificador.) Reemplace ListTypeID con el identificador del número entero o el valor SPListTemplateType que representa el tipo de lista especificado.

Además, puede usar la característica de redirección de página principal para crear una página nueva desde cero. Para obtener más información, consulte Cómo: Personalizar la página principal móvil mediante redireccionamiento.

Paginación

Windows SharePoint Services usa la paginación y el comportamiento de página de ASP.NET 2.0 para admitir la paginación del área de contenido en las siguientes páginas móviles:

  • bloghome.aspx

  • dispform.aspx

  • disppost.aspx

  • mbllists.aspx

  • view.aspx

  • viewcomment.aspx

Para obtener más información acerca de la paginación de ASP.NET, consulte ASP.NET Mobile Controls: Pagination (https://msdn.microsoft.com/es-es/library/8ss4ds3k.aspx) .

Vea también

Otros recursos

Sistema de representación de páginas móviles
Cómo: Personalizar la página principal móvil mediante redireccionamiento
Procedimiento para personalizar las páginas principales móviles
Tutorial: Personalización de una página principal móvil
Procedimiento para personalizar las páginas de vista de lista móvil y formulario
Tutorial: Personalización de una página de vista de lista móvil
Procedimiento para personalizar la representación de campos en páginas móviles
Tutorial: Personalización de títulos de elemento en un formulario de presentación de dispositivo móvil
Tutorial: creación de un control de representación de campos personalizado para páginas móviles