Макет и разбивка страниц для мобильных устройство

Статья
04/21/2015

Дата последнего изменения: 5 мая 2010 г.

Применимо к: SharePoint Foundation 2010

В этой статье
Макет страницы
Настройка элементов управления
Разбивка на страницы

Страница для мобильных устройств Microsoft SharePoint Foundation использует шаблоны как для описания макета страницы, так и для ссылки на управления для мобильных устройств Microsoft ASP.NET или собственные элементы управления SharePoint для мобильных устройств.

В файлах MobileDefaultTemplates.ascx и GbwMobileDefaultTemplates.ascx содержатся все шаблоны отображения, используемые страницах для мобильных устройств и поставляемые с SharePoint Foundation. Эти файлы пользовательских элементов управления расположены в папке %ProgramFiles%\Common Files\Microsoft Shared\web server extensions\14\TEMPLATE\CONTROLTEMPLATES. Шаблоны загружаются динамически через мобильную инфраструктуру отображения из этого местоположения. Помещая пользовательские ASCX-файлы, определяющие шаблоны отображения, в эту папку и задавая этим шаблонам отображения соответствующие идентификаторы, можно переопределять элементы управления по умолчанию, наполняющие страницу для мобильных устройств. Дополнительные сведения о процессе отображения страницы и идентификаторах шаблонов отображения см. в разделе Система отображения страниц для мобильных устройств.

Макет страницы

Каждая страница SharePoint Foundation для мобильных устройств разделена на область заголовка, содержимого и нижнего колонтитула с разделительной линией между ними. Область заголовка содержит название веб-сайта, списка или элемента. В области содержимого отображаются изображения, текст вики-ресурсов, мобильные адаптеры веб-частей на стандартной странице для мобильных устройств. На странице представления списка в содержимом отображаются элементы списка ,а в форме элемента списка — поля элемента списка. Область колонтитула содержит URL-адреса действий для работы с элементами списка и URL-адреса переходов для перехода на другие страницы.

Элементы управления по умолчанию на странице для мобильных устройств ссылаются на шаблоны отображения, определенные в файлах MobileDefaultTemplates.ascx и GbwMobileDefaultTemplates.ascx. Эти шаблоны разворачивают свои дочерние шаблоны и отображают элементы управления на странице. Области заголовка и нижнего колонтитула реализуют <DeviceSpecific> Element в ASP.NET и всегда отображены, даже если область содержимого разбита на страницы.

В следующем примере показаны шаблоны, используемые в файле mbllists.aspx, странице "списка списков" для мобильных устройств:

<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>

Элемент DeviceSpecific является видом оператора switch. Дополнительные сведения см. в разделе Introduction to the DeviceSpecific Control. В этом случае, если мобильное устройство поддерживает файлы CSS, для области заголовка и нижнего колонтитула будут использоваться шаблоны отображения со стилями CSS. В противном случае используются шаблоны, содержащие собственные данные о стилях.

Обратите внимание, что в ветке разметки, не относящейся к CSS, атрибут TemplateName элементов управления SPMobilePageTitle и SPMobilePageNavigation не установлен на странице, так же как и не установлен атрибут TemplateName для элемента управления SPMobilePageContents. Это сделано потому что это значение свойства жестко задано в объявлении этих элементов управления. В других элементах управления этого примера используется атрибут TemplateName для идентификации шаблона отображения, определенного в файле MobileDefaultTemplates.ascx.

Тег SPMobilePageContents вставляет область основного содержания на странице, которая зависит от определения сайта, типа списка или формы.

Настройка элементов управления

Чтобы применить специальное отображение к странице для мобильных устройств в соответствии с определением сайта или чтобы применить специальное отображение для определенного представления списка или формы элемента, можно создать пользовательский шаблон отображения в ASCX-файле в папке %ProgramFiles%\Common Files\Microsoft Shared\web server extensions\14\TEMPLATE\CONTROLTEMPLATES. Присвойте пользовательскому элементу управления RenderingTemplate значение атрибута ID в одном из следующих форматов. Дополнительные сведения см. в разделах Система отображения страниц для мобильных устройств, Практическое руководство. Настройка домашней страницы для мобильных устройств, Практическое руководство. Настройка представления списка и страниц формы для мобильных устройств и Настройка отображения поля на страницах для мобильных устройств..

Домашняя страница

WebPartMobile_SiteTypeID_HomePage_Title
WebPartMobile_SiteTypeID_HomePage_Contents
WebPartMobile_SiteTypeID_HomePage_Navigation
WebPartMobileDetail_SiteTypeID_HomePage_Contents
WebPartMobileDetail_SiteTypeID_HomePage_Navigation
Mobile_SiteTypeID_HomePage_Title
Mobile_SiteTypeID_HomePage_Contents
Mobile_SiteTypeID_HomePage_Navigation

Шаблоны отображения WebPartMobile предназначены для использования на странице для мобильных устройств (mblwp.aspx или mblwiki.aspx), которая соответствует обычной странице веб-части. Шаблоны отображения WebPartMobileDetail предназначены для использования на странице для мобильных устройств (mblwpdetail.aspx), которая представляет более детальную версию обычной страницы веб-части. Дополнительные сведения об этих страницах для мобильных устройств см. в разделе Страницы веб-частей и вики-страницы для мобильных устройств. Шаблоны Mobile_*_HomePage_* предназначены для использования на устаревшей домашней странице веб-сайта, обычная домашняя страница которого не содержит веб-частей и не поддерживает вики-ресурсы.

Тип страницы для мобильных устройств HomePage включает страницы, которые на самом деле не являются домашними страницами сайта. Этот тип включает страницы, которые не попадают в другие категории, например, страницы представления списка или страницы формы. Например, страница для мобильных устройств типа «список списков», mbllist.aspx, имеет тип HomePage.

Примечание
Обычная страница, которой соответствует страница для мобильных устройств, называется "целевой страницей" для соответствующей страницы для мобильных устройств.

Представления списков

Mobile_ListTypeID_View_Title
Mobile_ListTypeID_View_Contents
Mobile_ListTypeID_View_Navigation
MobileDailyView_ListTypeID_View_Navigation

Примечание
Шаблоны отображения MobileDailyView* предназначены для использования на странице представления для мобильных устройств для ежедневных событий календаря или изображений из библиотеки рисунков сайта совместной работы (viewdaily.aspx). Дополнительные сведения об этой странице см. в разделе Специализированные страницы для мобильных устройств.

Шаблоны отображения MobileDailyView* предназначены для использования на странице представления для мобильных устройств для ежедневных событий календаря или изображений из библиотеки рисунков сайта совместной работы (viewdaily.aspx). Дополнительные сведения об этой странице см. в разделе Специализированные страницы для мобильных устройств.

Формы элементов

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

Именование пользовательских шаблонов отображения

Дайте своему пользовательскому элементу управления ASCX имя в одном из указанных выше форматов в зависимости от типа сайта, страницы и области страницы, для которой следует задать специальное отображение. Замените идентификатор_типа_сайта на целочисленный идентификатор определения сайта или на его имя, например, STS, SGS или BLOG. (Для пользовательского определения сайта нужно использовать номер идентификатора.) Замените идентификатор_типа_списка целочисленным идентификатором или значением SPListTemplateType, которое представляет указанный тип списка.

Также можно создать новую страницу или использовать возможность перенаправления домашней страницы. Дополнительные сведения см. в разделе Практическое руководство. Настройка домашней страницы для мобильных устройств с помощью перенаправления.

Разбивка на страницы

В SharePoint Foundation используется разбиение на страницы и поведение страницы из ASP.NET при поддержке разбиения на страницы области содержимого на страницах для мобильных устройств. Дополнительные сведения о разбиении на страницы в ASP.NET см. в статье Элементы управления для мобильных страниц ASP.NET: разбиение на страницы.