デモアプリケーショントップ
ナビゲーション リンクのスキップ
 新機能 の展開 新機能
 InputMan連携 の展開 InputMan連携
 マルチタッチ機能 の展開 マルチタッチ機能
 セル、行、列、ヘッダ の展開 セル、行、列、ヘッダ
 シート の展開 シート
 スタイル の展開 スタイル
 選択 の展開 選択
 セル型 の展開 セル型
 編集 の展開 編集
 ソート の展開 ソート
 フィルタリング の展開 フィルタリング
 グループ化 の展開 グループ化
 ページング の展開 ページング
 スクロール の展開 スクロール
 データ連結 の縮小 データ連結
 階層表示 の展開 階層表示
 コマンドバー の展開 コマンドバー
 チャート の展開 チャート
 数式 の展開 数式
 インポート／エクスポート の展開 インポート／エクスポート
 クライアント側スクリプト の展開 クライアント側スクリプト

1レコード複数行表示

行数や列数、セル結合、連結するフィールドを指定したテンプレートを作成して1レコードごとに繰り返し表示することができます。 以下のように、ヘッダとデータ領域で異なるテンプレートを設定することもできます。
 ID氏名生年月日／性別／血液型連絡先
11000大木　和彦1975/11/06099-0101-0323099-0101-0324
オオキ　カズヒコ男Akazuhiko1907@hohdlvoyd.zx
21001田淵　沙耶1985/05/26059-6727-3929 
タブチ　サヤ女Osaya79856@tokqxfppe.ws
31002栗山　真澄1971/05/26083-4745-7601 
クリヤマ　マスミ女Omasumi3799@jsxqfpf.aoltz.zxr
41003紺野　美春1985/11/11078-2605-7260 
コンノ　ミハル女Bmiharu41437@fdozawk.dwn
51004大浦　麻理子1966/10/31076-7096-0970 
オオウラ　マリコ女Amariko86164@aaggn.cs
61005沢村　理紗1992/01/16077-1440-5786077-1440-5786
サワムラ　リサ女Arisa151@jybv.cx
71006山岸　照夫1960/11/01088-8454-5379 
ヤマギシ　テルオ男Ateruo67167@ovutewtmn.wmn
81007後藤　綾子1989/10/13059-9664-7227 
ゴトウ　アヤコ女Oayako19497@ejcot.at
91008柳川　富雄1960/04/25082-9553-5960 
ヤナガワ　トミオ男Otomioyanagawa@mhoomsrwx.ho
101009川瀬　明夫1957/12/2203-5934-3757 
カワセ　アキオ男Aakio698@xqgjnx.xda
   

ソースコード

別ウィンドウで表示 
using System;
using System.Web.UI.WebControls;

public partial class databind_rowtemplatelayoutmode : System.Web.UI.Page
{
    protected void Page_Load(object sender, EventArgs e)
    {
        if (IsPostBack)
        {
            return;
        }

        // SPREADの設定
        InitSpread(FpSpread1);

        // シート設定
        InitSpreadStyles(FpSpread1.Sheets[0]);
    }

    private void InitSpread(FarPoint.Web.Spread.FpSpread spread)
    {
        //データ連結
        System.Data.DataSet ds = new System.Data.DataSet();
        ds.ReadXml(MapPath("../App_Data/datarowtemplate.xml"));
        spread.DataSource = ds;

        spread.CssClass = "spreadStyle";
        spread.UseClipboard = false;
    }

    private void InitSpreadStyles(FarPoint.Web.Spread.SheetView sheet)
    {
        // フォントサイズの設定
        sheet.DefaultStyle.Font.Size = FontUnit.Parse("80%");
        sheet.ColumnHeader.DefaultStyle.Font.Size = FontUnit.Parse("80%");
        sheet.RowHeader.DefaultStyle.Font.Size = FontUnit.Parse("80%");
        sheet.SheetCorner.DefaultStyle.Font.Size = FontUnit.Parse("80%");
        sheet.ColumnFooter.DefaultStyle.Font.Size = FontUnit.Parse("80%");

        // 縦方向の揃え位置を中央に設定
        sheet.DefaultStyle.VerticalAlign = VerticalAlign.Middle;

        sheet.LayoutMode = FarPoint.Web.Spread.SheetView.LayoutModeType.RowTemplateLayoutMode;

        sheet.WorksheetTemplate.ColumnCount = 6;
        sheet.WorksheetTemplate.RowTemplate.RowCount = 2;
        sheet.WorksheetTemplate.ColumnHeaderTemplate.RowCount = 1;
        sheet.WorksheetTemplate.ColumnHeaderTemplate.LayoutCells[0, 2].ColumnSpan = 2;
        sheet.WorksheetTemplate.ColumnHeaderTemplate.LayoutCells[0, 4].ColumnSpan = 2;
        sheet.WorksheetTemplate.RowTemplate.LayoutCells[0, 0].RowSpan = 2;
        sheet.WorksheetTemplate.RowTemplate.LayoutCells[0, 2].ColumnSpan = 2;
        sheet.WorksheetTemplate.RowTemplate.LayoutCells[1, 4].ColumnSpan = 2;

        sheet.WorksheetTemplate.LayoutCells[0, 0].DataIndex = 0;
        sheet.WorksheetTemplate.LayoutCells[0, 1].DataIndex = 1;
        sheet.WorksheetTemplate.LayoutCells[1, 1].DataIndex = 2;
        sheet.WorksheetTemplate.LayoutCells[1, 2].DataIndex = 3;
        sheet.WorksheetTemplate.LayoutCells[1, 3].DataIndex = 8;
        sheet.WorksheetTemplate.LayoutCells[0, 2].DataIndex = 7;
        sheet.WorksheetTemplate.LayoutCells[0, 3].DataIndex = -1;
        sheet.WorksheetTemplate.LayoutCells[0, 4].DataIndex = 4;
        sheet.WorksheetTemplate.LayoutCells[0, 5].DataIndex = 5;
        sheet.WorksheetTemplate.LayoutCells[1, 4].DataIndex = 6;

        sheet.WorksheetTemplate.LayoutColumns[0].Width = 50;
        sheet.WorksheetTemplate.LayoutColumns[1].Width = 120;
        sheet.WorksheetTemplate.LayoutColumns[2].Width = 90;
        sheet.WorksheetTemplate.LayoutColumns[3].Width = 90;
        sheet.WorksheetTemplate.LayoutColumns[4].Width = 120;
        sheet.WorksheetTemplate.LayoutColumns[5].Width = 120;

        sheet.Columns[7].Label = "生年月日／性別／血液型";
        sheet.Columns[4].Label = "連絡先";
    }
}


Partial Class databind_rowtemplatelayoutmode
    Inherits System.Web.UI.Page

    Protected Sub Page_Load(ByVal sender As Object, ByVal e As System.EventArgs) Handles Me.Load
        If IsPostBack Then
            Return
        End If

        ' SPREADの設定
        InitSpread(FpSpread1)

        ' シート設定
        InitSpreadStyles(FpSpread1.Sheets(0))
    End Sub

    Private Sub InitSpread(ByVal spread As FarPoint.Web.Spread.FpSpread)
        'データ連結
        Dim ds As New System.Data.DataSet()
        ds.ReadXml(MapPath("../App_Data/datarowtemplate.xml"))
        spread.DataSource = ds

        spread.CssClass = "spreadStyle"
        spread.UseClipboard = False
    End Sub

    Private Sub InitSpreadStyles(ByVal sheet As FarPoint.Web.Spread.SheetView)
        ' フォントサイズの設定
        sheet.DefaultStyle.Font.Size = FontUnit.Parse("80%")
        sheet.ColumnHeader.DefaultStyle.Font.Size = FontUnit.Parse("80%")
        sheet.RowHeader.DefaultStyle.Font.Size = FontUnit.Parse("80%")
        sheet.SheetCorner.DefaultStyle.Font.Size = FontUnit.Parse("80%")
        sheet.ColumnFooter.DefaultStyle.Font.Size = FontUnit.Parse("80%")

        ' 縦方向の揃え位置を中央に設定
        sheet.DefaultStyle.VerticalAlign = VerticalAlign.Middle

        sheet.LayoutMode = FarPoint.Web.Spread.SheetView.LayoutModeType.RowTemplateLayoutMode

        sheet.WorksheetTemplate.ColumnCount = 6
        sheet.WorksheetTemplate.RowTemplate.RowCount = 2
        sheet.WorksheetTemplate.ColumnHeaderTemplate.RowCount = 1
        sheet.WorksheetTemplate.ColumnHeaderTemplate.LayoutCells(0, 2).ColumnSpan = 2
        sheet.WorksheetTemplate.ColumnHeaderTemplate.LayoutCells(0, 4).ColumnSpan = 2
        sheet.WorksheetTemplate.RowTemplate.LayoutCells(0, 0).RowSpan = 2
        sheet.WorksheetTemplate.RowTemplate.LayoutCells(0, 2).ColumnSpan = 2
        sheet.WorksheetTemplate.RowTemplate.LayoutCells(1, 4).ColumnSpan = 2

        sheet.WorksheetTemplate.LayoutCells(0, 0).DataIndex = 0
        sheet.WorksheetTemplate.LayoutCells(0, 1).DataIndex = 1
        sheet.WorksheetTemplate.LayoutCells(1, 1).DataIndex = 2
        sheet.WorksheetTemplate.LayoutCells(1, 2).DataIndex = 3
        sheet.WorksheetTemplate.LayoutCells(1, 3).DataIndex = 8
        sheet.WorksheetTemplate.LayoutCells(0, 2).DataIndex = 7
        sheet.WorksheetTemplate.LayoutCells(0, 3).DataIndex = -1
        sheet.WorksheetTemplate.LayoutCells(0, 4).DataIndex = 4
        sheet.WorksheetTemplate.LayoutCells(0, 5).DataIndex = 5
        sheet.WorksheetTemplate.LayoutCells(1, 4).DataIndex = 6

        sheet.WorksheetTemplate.LayoutColumns(0).Width = 50
        sheet.WorksheetTemplate.LayoutColumns(1).Width = 120
        sheet.WorksheetTemplate.LayoutColumns(2).Width = 90
        sheet.WorksheetTemplate.LayoutColumns(3).Width = 90
        sheet.WorksheetTemplate.LayoutColumns(4).Width = 120
        sheet.WorksheetTemplate.LayoutColumns(5).Width = 120

        sheet.Columns(7).Label = "生年月日／性別／血液型"
        sheet.Columns(4).Label = "連絡先"
    End Sub
End Class


<%@ Page Title="" Language="C#" MasterPageFile="~/MasterPage.master" AutoEventWireup="true"
  CodeFile="rowtemplatelayoutmode.aspx.cs" Inherits="databind_rowtemplatelayoutmode" %>

<%@ Register Assembly="FarPoint.Web.SpreadJ" Namespace="FarPoint.Web.Spread" TagPrefix="FarPoint" %>

<asp:Content ID="Content1" ContentPlaceHolderID="HeaderPlaceHolder1" runat="Server">
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="ContentPlaceHolder1" runat="Server">
    <FarPoint:FpSpread ID="FpSpread1" runat="server">
        <CommandBar BackColor="Control" ButtonFaceColor="Control" ButtonHighlightColor="ControlLightLight"
            ButtonShadowColor="ControlDark">
        </CommandBar>
        <Sheets>
            <FarPoint:SheetView SheetName="Sheet1">
            </FarPoint:SheetView>
        </Sheets>
    </FarPoint:FpSpread>
</asp:Content>