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

プレビュー行

レコードの詳細情報を示す、プレビュー行を表示できます。 プレビュー行は、詳細情報を示す対象となる行の下に表示されます。
この領域には、テキストやスタイル(背景色など)を設定することができます。
 製品イメージ製品名バージョン価格発売日
1
ActiveReports for .NET9.0172,800円2015/2/25
 ActiveReports for .NETは、Visual Studio上で帳票アプリケーションを開発できる .NET Frameworkコンポーネントです。 Windowsフォーム、WPF、ASP.NET、HTML5の4つのプラットフォームをサポートし、レイアウトや書式といった外観デザインの設定からデータ接続、印刷およびPDFへの出力設定まで、帳票開発に必要なあらゆる機能を備えています。
2
CalendarGrid for Windows Forms1.0129,600円2014/6/25
 CalendarGrid for Windows Formsは、グリッド上に日付を表示してカレンダーを作成できるコンポーネントです。カレンダーは月単位や週単位での表示など4パターンの表示形式の中から選択でき、1日のレイアウトは行と列をベースにしたデザイナを使用することによってExcelで表を作るような感覚で設計できます。
3
InputMan for Windows Forms8.0129,600円2015/5/27
 InputMan for Windows Formsは、入力インタフェース構築を支援するコンポーネントセットです。 テキスト、マスク、日付時刻、数値などの用途別に最適化された入力コントロールと、ノンコーディングでチェック機能を実装できる検証コンポーネント。そして、入力に欠かせないIME制御や専用のソフトキーボードを提供するコンポーネント群から構成されています。
4
MultiRow for Windows Forms8.0129,600円2015/06/24
 MultiRow for Windows Formsは、自由なレイアウトの表画面を作成できるグリッドコンポーネントです。グリッド上のどこにでもセルを自由に配置できるので、限られたスペースに効率的に情報を表示できる1レコード複数行表示の表画面をノンコーディングで簡単に実現できます。
5
PlusPak for Windows Forms8.086,400円2015/5/27
 PlusPak for Windows Formsは、業務システムに求められる機能の実現を広範囲に支援する.NET Frameworkコンポーネントセットです。製品は「レイアウト」「UIコントロール」「情報表示」「データ出力」「設計支援」の5つのカテゴリから構成されます。

ソースコード

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

public partial class rowcolcell_previewrows : 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)
    {
        spread.CssClass = "spreadStyle";
        spread.UseClipboard = false;
        spread.CommandBar.Visible = false;
    }

    private void InitSpreadStyles(FarPoint.Web.Spread.SheetView sheet)
    {
        // 縦方向の揃え位置を中央に設定
        sheet.DefaultStyle.VerticalAlign = VerticalAlign.Middle;

        sheet.ColumnCount = 6;
        sheet.RowCount = 5;

        // フォントサイズの設定
        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.PreviewRowStyle.Font.Size = FontUnit.Parse("80%");

        // プレビュー行を表示
        sheet.PreviewRowVisible = true;
        sheet.PreviewRowColumnIndex = 5;
        sheet.PreviewRowStyle.BackColor = System.Drawing.Color.Ivory;
        sheet.Columns[5].Visible = false;

        sheet.Columns[0].Width = 100;
        sheet.Columns[1].Width = 240;
        sheet.Columns[2].Width = 80;
        sheet.Columns[3].Width = 100;
        sheet.Columns[4].Width = 100;

        sheet.ColumnHeader.Cells[0, 0].Value = "製品イメージ";
        sheet.ColumnHeader.Cells[0, 1].Value = "製品名";
        sheet.ColumnHeader.Cells[0, 2].Value = "バージョン";
        sheet.ColumnHeader.Cells[0, 3].Value = "価格";
        sheet.ColumnHeader.Cells[0, 4].Value = "発売日";

        // イメージ型セルの設定
        FarPoint.Web.Spread.ImageCellType ic1 = new FarPoint.Web.Spread.ImageCellType();
        ic1.ImageUrl = "../images/previewrows/activereports.jpg";
        ic1.CssClass = "previewrows_CssStyle1";
        ic1.ImageAlign = ImageAlign.Middle;

        FarPoint.Web.Spread.ImageCellType ic2 = new FarPoint.Web.Spread.ImageCellType();
        ic2.ImageUrl = "../images/previewrows/calendergrid.jpg";
        ic2.CssClass = "previewrows_CssStyle1";
        ic2.ImageAlign = ImageAlign.Middle;

        FarPoint.Web.Spread.ImageCellType ic3 = new FarPoint.Web.Spread.ImageCellType();
        ic3.ImageUrl = "../images/previewrows/inputman.jpg";
        ic3.CssClass = "previewrows_CssStyle1";
        ic3.ImageAlign = ImageAlign.Middle;

        FarPoint.Web.Spread.ImageCellType ic4 = new FarPoint.Web.Spread.ImageCellType();
        ic4.ImageUrl = "../images/previewrows/multirow.jpg";
        ic4.CssClass = "previewrows_CssStyle1";
        ic4.ImageAlign = ImageAlign.Middle;

        FarPoint.Web.Spread.ImageCellType ic5 = new FarPoint.Web.Spread.ImageCellType();
        ic5.ImageUrl = "../images/previewrows/pluspak.jpg";
        ic5.CssClass = "previewrows_CssStyle1";
        ic5.ImageAlign = ImageAlign.Middle;

        // テストデータの設定
        sheet.Cells[0, 0].CellType = ic1;
        sheet.Cells[0, 0].HorizontalAlign = HorizontalAlign.Center;
        sheet.Cells[0, 1].Value = "ActiveReports for .NET";
        sheet.Cells[0, 2].Value = "9.0";
        sheet.Cells[0, 3].Value = "172,800円";
        sheet.Cells[0, 4].Value = "2015/2/25";
        sheet.Cells[0, 5].Text = "ActiveReports for .NETは、Visual Studio上で帳票アプリケーションを開発できる .NET Frameworkコンポーネントです。 Windowsフォーム、WPF、ASP.NET、HTML5の4つのプラットフォームをサポートし、レイアウトや書式といった外観デザインの設定からデータ接続、印刷およびPDFへの出力設定まで、帳票開発に必要なあらゆる機能を備えています。 ";

        sheet.Cells[1, 0].CellType = ic2;
        sheet.Cells[1, 0].HorizontalAlign = HorizontalAlign.Center;
        sheet.Cells[1, 1].Value = "CalendarGrid for Windows Forms";
        sheet.Cells[1, 2].Value = "1.0";
        sheet.Cells[1, 3].Value = "129,600円";
        sheet.Cells[1, 4].Value = "2014/6/25";
        sheet.Cells[1, 5].Text = "CalendarGrid for Windows Formsは、グリッド上に日付を表示してカレンダーを作成できるコンポーネントです。カレンダーは月単位や週単位での表示など4パターンの表示形式の中から選択でき、1日のレイアウトは行と列をベースにしたデザイナを使用することによってExcelで表を作るような感覚で設計できます。";

        sheet.Cells[2, 0].CellType = ic3;
        sheet.Cells[2, 0].HorizontalAlign = HorizontalAlign.Center;
        sheet.Cells[2, 1].Value = "InputMan for Windows Forms";
        sheet.Cells[2, 2].Value = "8.0";
        sheet.Cells[2, 3].Value = "129,600円";
        sheet.Cells[2, 4].Value = "2015/5/27";
        sheet.Cells[2, 5].Text = "InputMan for Windows Formsは、入力インタフェース構築を支援するコンポーネントセットです。 テキスト、マスク、日付時刻、数値などの用途別に最適化された入力コントロールと、ノンコーディングでチェック機能を実装できる検証コンポーネント。そして、入力に欠かせないIME制御や専用のソフトキーボードを提供するコンポーネント群から構成されています。";

        sheet.Cells[3, 0].CellType = ic4;
        sheet.Cells[3, 0].HorizontalAlign = HorizontalAlign.Center;
        sheet.Cells[3, 1].Value = "MultiRow for Windows Forms";
        sheet.Cells[3, 2].Value = "8.0";
        sheet.Cells[3, 3].Value = "129,600円";
        sheet.Cells[3, 4].Value = "2015/06/24";
        sheet.Cells[3, 5].Text = "MultiRow for Windows Formsは、自由なレイアウトの表画面を作成できるグリッドコンポーネントです。グリッド上のどこにでもセルを自由に配置できるので、限られたスペースに効率的に情報を表示できる1レコード複数行表示の表画面をノンコーディングで簡単に実現できます。";

        sheet.Cells[4, 0].CellType = ic5;
        sheet.Cells[4, 0].HorizontalAlign = HorizontalAlign.Center;
        sheet.Cells[4, 1].Value = "PlusPak for Windows Forms";
        sheet.Cells[4, 2].Value = "8.0";
        sheet.Cells[4, 3].Value = "86,400円";
        sheet.Cells[4, 4].Value = "2015/5/27";
        sheet.Cells[4, 5].Text = "PlusPak for Windows Formsは、業務システムに求められる機能の実現を広範囲に支援する.NET Frameworkコンポーネントセットです。製品は「レイアウト」「UIコントロール」「情報表示」「データ出力」「設計支援」の5つのカテゴリから構成されます。";
    }
}

Partial Class rowcolcell_previewrows
    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)
        spread.CssClass = "spreadStyle"
        spread.UseClipboard = False
        spread.CommandBar.Visible = False
    End Sub

    Private Sub InitSpreadStyles(ByVal sheet As FarPoint.Web.Spread.SheetView)
        ' 縦方向の揃え位置を中央に設定
        sheet.DefaultStyle.VerticalAlign = VerticalAlign.Middle

        sheet.ColumnCount = 6
        sheet.RowCount = 5

        ' フォントサイズの設定
        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.PreviewRowStyle.Font.Size = FontUnit.Parse("80%")

        ' プレビュー行を表示
        sheet.PreviewRowVisible = True
        sheet.PreviewRowColumnIndex = 5
        sheet.PreviewRowStyle.BackColor = System.Drawing.Color.Ivory
        sheet.Columns(5).Visible = False

        sheet.Columns(0).Width = 100
        sheet.Columns(1).Width = 240
        sheet.Columns(2).Width = 80
        sheet.Columns(3).Width = 100
        sheet.Columns(4).Width = 100

        sheet.ColumnHeader.Cells(0, 0).Value = "製品イメージ"
        sheet.ColumnHeader.Cells(0, 1).Value = "製品名"
        sheet.ColumnHeader.Cells(0, 2).Value = "バージョン"
        sheet.ColumnHeader.Cells(0, 3).Value = "価格"
        sheet.ColumnHeader.Cells(0, 4).Value = "発売日"

        ' イメージ型セルの設定
        Dim ic1 As New FarPoint.Web.Spread.ImageCellType()
        ic1.ImageUrl = "../images/previewrows/activereports.jpg"
        ic1.CssClass = "previewrows_CssStyle1"
        ic1.ImageAlign = ImageAlign.Middle

        Dim ic2 As New FarPoint.Web.Spread.ImageCellType()
        ic2.ImageUrl = "../images/previewrows/calendergrid.jpg"
        ic2.CssClass = "previewrows_CssStyle1"
        ic2.ImageAlign = ImageAlign.Middle

        Dim ic3 As New FarPoint.Web.Spread.ImageCellType()
        ic3.ImageUrl = "../images/previewrows/inputman.jpg"
        ic3.CssClass = "previewrows_CssStyle1"
        ic3.ImageAlign = ImageAlign.Middle

        Dim ic4 As New FarPoint.Web.Spread.ImageCellType()
        ic4.ImageUrl = "../images/previewrows/multirow.jpg"
        ic4.CssClass = "previewrows_CssStyle1"
        ic4.ImageAlign = ImageAlign.Middle

        Dim ic5 As New FarPoint.Web.Spread.ImageCellType()
        ic5.ImageUrl = "../images/previewrows/pluspak.jpg"
        ic5.CssClass = "previewrows_CssStyle1"
        ic5.ImageAlign = ImageAlign.Middle

        ' テストデータの設定
        sheet.Cells(0, 0).CellType = ic1
        sheet.Cells(0, 0).HorizontalAlign = HorizontalAlign.Center
        sheet.Cells(0, 1).Value = "ActiveReports for .NET"
        sheet.Cells(0, 2).Value = "9.0"
        sheet.Cells(0, 3).Value = "172,800円"
        sheet.Cells(0, 4).Value = "2015/2/25"
        sheet.Cells(0, 5).Text = "ActiveReports for .NETは、Visual Studio上で帳票アプリケーションを開発できる .NET Frameworkコンポーネントです。 Windowsフォーム、WPF、ASP.NET、HTML5の4つのプラットフォームをサポートし、レイアウトや書式といった外観デザインの設定からデータ接続、印刷およびPDFへの出力設定まで、帳票開発に必要なあらゆる機能を備えています。 "

        sheet.Cells(1, 0).CellType = ic2
        sheet.Cells(1, 0).HorizontalAlign = HorizontalAlign.Center
        sheet.Cells(1, 1).Value = "CalendarGrid for Windows Forms"
        sheet.Cells(1, 2).Value = "1.0"
        sheet.Cells(1, 3).Value = "129,600円"
        sheet.Cells(1, 4).Value = "2014/6/25"
        sheet.Cells(1, 5).Text = "CalendarGrid for Windows Formsは、グリッド上に日付を表示してカレンダーを作成できるコンポーネントです。カレンダーは月単位や週単位での表示など4パターンの表示形式の中から選択でき、1日のレイアウトは行と列をベースにしたデザイナを使用することによってExcelで表を作るような感覚で設計できます。"

        sheet.Cells(2, 0).CellType = ic3
        sheet.Cells(2, 0).HorizontalAlign = HorizontalAlign.Center
        sheet.Cells(2, 1).Value = "InputMan for Windows Forms"
        sheet.Cells(2, 2).Value = "8.0"
        sheet.Cells(2, 3).Value = "129,600円"
        sheet.Cells(2, 4).Value = "2015/5/27"
        sheet.Cells(2, 5).Text = "InputMan for Windows Formsは、入力インタフェース構築を支援するコンポーネントセットです。 テキスト、マスク、日付時刻、数値などの用途別に最適化された入力コントロールと、ノンコーディングでチェック機能を実装できる検証コンポーネント。そして、入力に欠かせないIME制御や専用のソフトキーボードを提供するコンポーネント群から構成されています。"

        sheet.Cells(3, 0).CellType = ic4
        sheet.Cells(3, 0).HorizontalAlign = HorizontalAlign.Center
        sheet.Cells(3, 1).Value = "MultiRow for Windows Forms"
        sheet.Cells(3, 2).Value = "8.0"
        sheet.Cells(3, 3).Value = "129,600円"
        sheet.Cells(3, 4).Value = "2015/06/24"
        sheet.Cells(3, 5).Text = "MultiRow for Windows Formsは、自由なレイアウトの表画面を作成できるグリッドコンポーネントです。グリッド上のどこにでもセルを自由に配置できるので、限られたスペースに効率的に情報を表示できる1レコード複数行表示の表画面をノンコーディングで簡単に実現できます。"

        sheet.Cells(4, 0).CellType = ic5
        sheet.Cells(4, 0).HorizontalAlign = HorizontalAlign.Center
        sheet.Cells(4, 1).Value = "PlusPak for Windows Forms"
        sheet.Cells(4, 2).Value = "8.0"
        sheet.Cells(4, 3).Value = "86,400円"
        sheet.Cells(4, 4).Value = "2015/5/27"
        sheet.Cells(4, 5).Text = "PlusPak for Windows Formsは、業務システムに求められる機能の実現を広範囲に支援する.NET Frameworkコンポーネントセットです。製品は「レイアウト」「UIコントロール」「情報表示」「データ出力」「設計支援」の5つのカテゴリから構成されます。"
    End Sub
End Class

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

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

<asp:Content ID="Content1" ContentPlaceHolderID="HeaderPlaceHolder1" runat="Server">
    <style type="text/css">
        .previewrows_CssStyle1 img {
           width: 89px;
            height: 104px;
        }
    </style>
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="ContentPlaceHolder1" runat="Server">
    <FarPoint:FpSpread ID="FpSpread1" runat="server" BorderColor="#A0A0A0" BorderStyle="Solid"
        BorderWidth="1px">
        <CommandBar BackColor="#F6F6F6" ButtonFaceColor="Control" ButtonHighlightColor="ControlLightLight"
            ButtonShadowColor="ControlDark">
        </CommandBar>
        <Sheets>
            <FarPoint:SheetView SheetName="Sheet1">
            </FarPoint:SheetView>
        </Sheets>
    </FarPoint:FpSpread>
</asp:Content>