WSS3SDK之定制一个mobile主页的步骤

WSS3SDK之定制一个mobile主页的步骤2010-11-14 博客园 Sunmoonfire本次演练中将向大家展示如何通过实现一个自定义RenderingTemplate控件来对mobile主页进行定制。下面的例子展示了如何定制主页的页眉部分。

SPMobileWebTitle

在STS主页，mbllists.aspx中的HeanderTemplate元素里声明了一个 SPMobileWebTitle 对象：

<HeaderTemplate>
<SPMobile:SPMobileControlContainer RunAt="Server" Weightless="true">
<SPMobile:SPMobilePageTitle RunAt="Server" />
<SPMobile:SPMobileComponent TemplateName="MobileDefaultSeparator" RunAt="Server" />
</SPMobile:SPMobileControlContainer>
</HeaderTemplate>

该对象决定了基于当前站点定义下哪个 RenderingTemplate 来渲染mobile主页的页眉部分。举例说明，如果要在mobile设备上渲染STS主页的页眉部分，该对象将尝试使用ID为 Mobile_STS_HomePage_Title 的enderingTemplate 。如果没有找到，就直接去找 Mobile_Default_HomePage_Title。

Windows SharePoint Services 3.0并没有内置ID为Mobile_STS_HomePage_Title 的 RenderingTemplate 。在本次演练中，您将创建一个新的页面标题，使其字号变大并加粗。

步骤

在文本编辑器中，创建一个文本文件（UTF-8），命名为 STSHomePageTitle.ascx 。存放在 Local_Drive:Program FilesCommon FilesMicrosoft Sharedweb server extensions12TEMPLATECONTROLTEMPLATES目录下。

添加下列指向标记到文件中：

<%@ Control Language="C#" %>
<%@ Assembly Name="Microsoft.SharePoint, Version=12.0.0.0, Culture=neutral, PublicKeyToken=71e9bce111e9429c" %>
<%@ Register TagPrefix="mobile" Namespace="System.Web.UI.MobileControls" Assembly="System.Web.Mobile, Version=1.0.3300.0, Culture=neutral, PublicKeyToken=b03f5f7f11d50a3a" %>
<%@ Register TagPrefix="SharePoint" Namespace="Microsoft.SharePoint.WebControls" Assembly="Microsoft.SharePoint, Version=12.0.0.0, Culture=neutral, PublicKeyToken=71e9bce111e9429c" %>
<%@ Register TagPrefix="SPMobile" Namespace="Microsoft.SharePoint.MobileControls" Assembly="Microsoft.SharePoint, Version=12.0.0.0, Culture=neutral, PublicKeyToken=71e9bce111e9429c" %>
<%@ Import Namespace="Microsoft.SharePoint" %>

然后，在其下面添加一个RenderingTemplate 对象，设置其 ID 为 mbllists.aspx页面所搜索的 SPMobileWebTitle 对象的ID： Mobile_STS_HomePage_Title.

<SharePoint:RenderingTemplate ID="Mobile_STS_HomePage_Title" RunAt="Server" >
</SharePoint:RenderingTemplate>

在 RenderingTemplate 元素中，定义一个 Template 元素来包含一个 Label 子控件。设置label的 Text, Font-Size, 和 Font-Bold 属性：

 <Template>
  <mobile:Label Text="Custom STS Home Page Title" Font-Size="Large" Font-Bold="True" RunAt="Server" />
  </Template>