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

本次演练中将向大家展示如何通过实现一个自定义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 。 在本次演练中，您将创建一个新的页面标题，使其字号变大并加粗。

步骤

1. 在文本编辑器中，创建一个文本文件(UTF-8)，命名为 STSHomePageTitle.ascx 。存放在 Local_Drive:\Program Files\Common Files\Microsoft Shared\web server extensions\12\TEMPLATE\CONTROLTEMPLATES目录下。

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

   < %@ 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"  % >

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

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

4. 在 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 >

5. 保存并关闭该文件。

6. 重启Internet Information Services (IIS) 。可以在命令行里使用iisreset命令来重启IIS。

7. 如果您使用的是电脑上的设备模拟器，而不是真正的mobile设备，您可能还需要删除Internet临时文件。

8. 通过您的设备或模拟器导航到某个STS网站的默认页。您将看到标题与默认时有所不同，正如下面的屏幕截图所示：