Layout und Paginierung von mobilen Seiten

Artikel
09/24/2014

Letzte Änderung: Mittwoch, 5. Mai 2010

Gilt für: SharePoint Foundation 2010

Inhalt dieses Artikels
Seitenlayout
Anpassen von Steuerelementen
Paginierung

Eine mobile Microsoft SharePoint Foundation-Seite verwendet Vorlagen zum Beschreiben des Seitenlayouts und zum Verweisen auf mobile Microsoft ASP.NET-Steuerelemente oder systemeigene mobile SharePoint-Steuerelemente.

Die Dateien MobileDefaultTemplates.ascx und GbwMobileDefaultTemplates.ascx enthalten alle in mobilen Seiten verwendeten Renderingvorlagen, die in SharePoint Foundation enthalten sind. Diese Benutzersteuerungsdateien befinden sich im Verzeichnis %ProgramFiles%\Common Files\Microsoft Shared\web server extensions\14\TEMPLATE\CONTROLTEMPLATES. Vorlagen werden dynamisch über das mobile Renderingframework aus diesem Speicherort geladen. Wenn Sie benutzerdefinierte ASCX-Dateien, die Renderingvorlagen in diesem Verzeichnis definieren, in diesem Verzeichnis platzieren und für diese Renderingvorlagen die entsprechenden IDs festlegen, können Sie die Standardsteuerelemente außer Kraft setzen, die eine mobile Seite füllen. Weitere Informationen zum Seitenrenderingprozess und zu den IDs von Renderingvorlagen finden Sie unter System zum Rendern mobiler Seiten.

Seitenlayout

Jede mobile Seite in SharePoint Foundation wird in die Bereiche Kopfzeile, Inhalt und Fußzeile unterteilt, die in der Regel durch eine Zeile getrennt sind. Der Kopfzeilenbereich enthält den Titel der Website, Liste oder des Elements. Im Inhaltsbereich werden Inhalte wie Bilder, Wiki-Text, mobile Adapter von Webparts auf einer mobilen Standardseite angezeigt. Auf einer Listenansichtsseite zeigt der Inhaltsbereich die Elemente in einer Liste an, und in einem Listenelementformular enthält der Inhaltsbereich die Felder in einem Listenelement. Der Fußzeilenbereich enthält Aktions-URLs für das Verwenden der Listenelemente und Navigations-URLs für das Wechseln zu anderen Seiten.

Die Standardsteuerelemente auf einer mobilen Seite beziehen sich auf Renderingvorlagen, die in den Dateien MobileDefaultTemplates.ascx und GbwMobileDefaultTemplates.ascx definiert sind. Diese Vorlagen erweitern ihre untergeordneten Vorlagen und rendern Steuerelemente auf der Seite. Die Kopf- und Fußzeilenbereiche implementieren das ASP.NET<DeviceSpecific>-Element und werden immer angezeigt, auch wenn der Inhaltsbereich in Abschnitte unterteilt ist.

Im folgenden Beispiel sind die Vorlagen dargestellt, die auf der Seite mbllists.aspx, der Seite mit der "Liste aller Listen", für mobile Geräte verwendet werden.

<SPMobile:SPMobileForm RunAt="Server" 
  PageType="HomePage" 
  Paginate="true">
  <DeviceSpecific>
    <Choice Filter="supportsCss">
      <HeaderTemplate>
        <SPMobile:SPMobileComponent RunAt="Server" 
          Templatename="MobilePageTitleWithCss" Weightless="true" />
      </HeaderTemplate>
      <FooterTemplate>
        <SPMobile:SPMobileComponent RunAt="Server" 
          Templatename="MobilePageNavigationWithCss" Weightless="true" />
      </FooterTemplate>
    </Choice>
    <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>

Das DeviceSpecific-Element ist eine Art von switch-Anweisung. Weitere Informationen finden Sie unter Introduction to the DeviceSpecific Control. Wenn in diesem Fall das mobile Geräte CSS-Dateien (Cascading Style Sheets) unterstützt, verwenden die Kopf- und Fußzeilenbereiche Renderingvorlagen, die CSS verwenden. Andernfalls werden Renderingvorlagen verwendet, die ihre eigenen Formatierungsinformationen enthalten.

Beachten Sie, dass im CSS-freien Zweig des Markups das TemplateName-Attribut des SPMobilePageTitle- und SPMobilePageNavigation-Steuerelements nicht festgelegt ist. Dies gilt auch für das TemplateName-Attribut des SPMobilePageContents-Steuerelements. Der Grund hierfür liegt darin, dass dieser Eigenschaftswert in der Deklaration dieser Steuerelemente hartcodiert ist. Andere Steuerelemente in dem Beispiel verwenden das TemplateName-Attribut zum Identifizieren einer Renderingvorlage, die in der Datei MobileDefaultTemplates.ascx definiert ist.

Das SPMobilePageContents-Tag fügt den Textbereich in die Seite ein, die gemäß der Websitedefinition, des Listentyps oder des Formulars variiert.

Anpassen von Steuerelementen

Wenn Sie ein besonderes Rendering auf eine mobile Seite für eine spezifische Websitedefinition anwenden möchten oder wenn Sie ein besonderes Rendering für eine angegebene Listenansicht oder ein Elementformular anwenden möchten, können Sie eine benutzerdefinierte Renderingvorlage in einer benutzerdefinierten ASCX-Datei im Verzeichnis %ProgramFiles%\Common Files\Microsoft Shared\web server extensions\14\TEMPLATE\CONTROLTEMPLATES erstellen. Legen Sie für das benutzerdefinierte RenderingTemplate-Steuerelement einen ID-Attributwert in einem der folgenden Formate fest. Weitere ausführliche Informationen finden Sie unter System zum Rendern mobiler Seiten, Gewusst wie: Anpassen von mobilen Homepages, Vorgehensweise: Anpassen mobiler Listenansichts- und Formularseiten und Vorgehensweise: Anpassen des Renderns von Feldern auf mobilen Seiten.

Homepage

WebPartMobile_WebsitetypID_HomePage_Title
WebPartMobile_WebsitetypID_HomePage_Contents
WebPartMobile_WebsitetypID_HomePage_Navigation
WebPartMobileDetail_WebsitetypID_HomePage_Contents
WebPartMobileDetail_WebsitetypID_HomePage_Navigation
Mobile_WebsitetypID_HomePage_Title
Mobile_WebsitetypID_HomePage_Contents
Mobile_WebsitetypID_HomePage_Navigation

WebPartMobile-Renderingvorlagen sollten auf einer mobilen Seite (mblwp.aspx oder mblwiki.aspx) verwendet werden, die einer nicht mobilen Webpartseite entspricht. WebPartMobileDetail-Renderingvorlagen sollten auf einer mobilen Seite (mblwpdetail.aspx) verwendet werden, die eine ausführlichere Darstellung einer nicht mobilen Webpartseite ist. Weitere Informationen zu diesen mobilen Seiten finden Sie unter Mobile Wiki- und Webpartseiten. Die Mobile_*_HomePage_*-Vorlagen sollen auf der Homepage einer Website der Vorversion verwendet werden, deren entsprechende nicht mobile Homepage keine Webparts enthält und die nicht Wiki-fähig ist.

Der mobile HomePage-Seitentyp schließt Seiten ein, die tatsächlich keine Homepages für eine Website sind. Der Typ schließt Seiten ein, die nicht genau in andere Kategorien passen, z. B. eine Listenansichtsseite oder eine Formularseite. Die mobile Seite mit der "Liste aller Listen", mbllist.aspx, ist vom Typ HomePage.

Hinweis
Die nicht mobile Seite, der eine mobile Seite entspricht, wird "Zielseite" der mobilen Seite genannt.

Listenansichten

Mobile_ListentypID_View_Title
Mobile_ListentypID_View_Contents
Mobile_ListentypID_View_Navigation
MobileDailyView_ListentypID_View_Navigation

Hinweis
MobileDailyView*-Renderingvorlagen sollten auf der mobilen Ansichtsseite für die täglichen Ereignisse im Kalender oder die Bilder in einer Bildbibliothek einer Gruppenarbeitssite (viewdaily.aspx) verwendet werden. Weitere Informationen zu dieser Seite finden Sie unter Mobile Seiten für besondere Zwecke.

Elementformulare

Mobile_ListentypID_NewForm_Title
Mobile_ListentypID_NewForm_Contents
Mobile_ListentypID_NewForm_Navigation
Mobile_ListentypID_EditForm_Title
Mobile_ListentypID_EditForm_Contents
Mobile_ListentypID_EditForm_Navigation
Mobile_ListentypID_DispForm_Title
Mobile_ListentypID_DispForm_Contents
Mobile_ListentypID_DispForm_Navigation

Benennung von benutzerdefinierten Renderingvorlagen

Legen Sie für das benutzerdefinierte ASCX-Steuerelement einen Namen auf der Grundlage eines der oben genannten Formate fest, abhängig vom Type der Website, Seite und des Seitenbereichs, für die bzw. den das Rendering angepasst werden soll. Ersetzen Sie WebsitetypID durch die ganzzahlige ID der Websitedefinition oder durch den Namen, z. B. STS, SGS oder BLOG. (Für eine benutzerdefinierte Websitedefinition müssen Sie die ID verwenden.) Ersetzen Sie ListentypID durch die ganzzahlige ID oder den SPListTemplateType-Wert, der den angegebenen Listentyp darstellt.

Sie können auch eine neue Seite erstellen und das Umleitungsfeature für die Homepage verwenden. Weitere Informationen finden Sie unter Gewusst wie: Anpassen der mobilen Homepage durch Umleitung.

Paginierung

SharePoint Foundation verwendet ASP.NET-Paginierung und das Seitenverhalten, um die Paginierung des Inhaltsbereichs von mobilen Seiten zu unterstützen. Weitere Informationen zur ASP.NET-Paginierung finden Sie unter Mobile Steuerelemente in ASP.NET: Paginierung.