次の方法で共有

モバイル リスト ビュー ページをカスタマイズする

  • [アーティクル]

このチュートリアルでは、カスタム RenderingTemplate コントロールを実装することでモバイル リスト ビュー ページをカスタマイズする方法を示します。例では、ページの本文セクションのカスタマイズ方法を説明します。モバイル フォームまたはリスト ビュー ページの他のセクションをカスタマイズする方法の概要については、「[方法] モバイル リスト ビュー ページおよびフォーム ページをカスタマイズする」を参照してください。

「モバイル ページのレンダリング システム」に説明されているように、Microsoft.SharePoint.MobileControls.SPMobileListContents テンプレートのセレクタ コントロールは、ページ上のコントロールから一連の呼び出しを通じて呼び出されます。

このオブジェクトでは、現在のリストの種類に基づいて、モバイル ホーム ページの本文セクションでレンダリングする RenderingTemplate コントロールが決定されます。このコントロールによって、Mobile_ListTypeID_View_Contents という名前の RenderingTemplate オブジェクトが検索されます。ListTypeID はリスト定義の ID 番号か SPListTemplateType 値です。この ID の RenderingTemplate オブジェクトが存在しない場合は、ID が Mobile_Default_View_Contents である RenderingTemplate オブジェクトが使用されます。

Windows SharePoint Services 3.0 の出荷時に同梱される、ID が Mobile_Announcements_View_Contents (または、同じリストの種類を参照する Mobile_104_View_Contents) である RenderingTemplate クラス オブジェクトがありません。このチュートリアルでは、お知らせリストに上記のあいさつを追加するクラス オブジェクトを作成します。

手順

モバイルの [お知らせ] ビュー ページの本文セクションをカスタマイズするには

  1. 任意のテキスト エディタを使用して、AnnouncementsViewPageContents.ascx という名前のテキスト ファイル (UTF-8) を 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 オブジェクトを追加し、ビュー ページの SPMobileListContents オブジェクトによって検索される ID (Mobile_104_View_Contents) を指定します。

    <SharePoint:RenderingTemplate ID="Mobile_104_View_Contents" RunAt="Server" >

</SharePoint:RenderingTemplate>

  4. RenderingTemplate 要素の内部で、Label 子コントロールを含む Template 要素を定義します。ラベルの Text 属性を以下のように設定します。

      <Template>
    <SPMobile:SPMobileControlContainer RunAt="Server">
      <SPMobile:SPMobileComponent RunAt="Server" TemplateName="MobileViewPicker" />
      <SPMobile:SPMobileComponent RunAt="Server" TemplateName="MobileDefaultSeparator" />
    </SPMobile:SPMobileControlContainer>
    <mobile:Label RunAt="Server" Text="Hello SharePoint Mobile User!"/>
    <SPMobile:SPMobileListItemIterator RunAt="Server" ListItemSeparatorTemplateName="MobileListItemSeparator" />
  </Template>

  5. ファイルを保存して閉じます。

  6. コマンド ラインで「iisreset」と入力して、インターネット インフォメーション サービス (IIS) をリセットします。

  7. 実際のモバイル デバイスではなく、デバイス エミュレータを使用しているコンピュータでは、インターネット一時ファイルの削除が必要になる場合があります。

  8. デバイスまたはエミュレータを使用して、お知らせリストに移動します。次のスクリーンショットのように、リストの上部にあいさつが表示されます。

図 1

モバイル リスト ビュー内のカスタマイズされた本文セクション

See Also

タスク

[方法] モバイル リスト ビュー ページおよびフォーム ページをカスタマイズする

概念

モバイル ページのレイアウトと改ページ

モバイル ページのレンダリング システム