SPREAD for ASP.NETデモアプリケーション

SPREADが標準で提供しているページナビゲーション機能は、以下の属性をカスタマイズできます。
・ナビゲーション機能の外観（モード）
・コントロール上のナビゲーション機能の配置（ナビゲーション機能を表示するツールバーの指定）
・ナビゲーション機能として表示するページ番号の数
・上部または下部のバー上のナビゲーション機能の配置
・ナビゲーション機能を表示する各バーの背景色およびテキスト色
・各バーのナビゲーション機能のフォント
・コマンドバーのナビゲーション機能のラベル（テキスト）

このサンプルでは、ページナビゲーションボタンをコントロール上部の個別のツールバーに中央揃えで配置しています（シート下部のツールバーには表示しない）。また、ページ番号、ページ移動矢印をすべて表示するように設定し、フォントの種類、フォントカラー、フォントサイズを指定しています。

1 2 3 ...

	ID	氏名	カナ	生年月日	性別	血液型	部署	入社日	メールアドレス
1	1001	亀甲　滋万	ｷｺｳｼｹﾞﾏ	1950/02/04	男	A	人事部	1972/04/01	sigema_kikou@abc.co.jp
2	1002	寒田　希世	ｶﾝﾀﾞｷﾖ	1959/06/28	女	B	人事部	1981/04/01	kiyo_kanda@bbb.or.jp
3	1003	小和瀬　澄	ｵﾜｾｷﾖ	1969/03/06	男	A	人事部	1991/04/01	kiyo_owase@aaa.co.jp
4	1004	宇夫　早余子	ｳﾌﾞｻﾖｺ	1976/07/28	女	O	人事部	1998/04/01	sayoko_ubu@bbb.or.jp
5	1005	宇田津　聖智	ｳﾀﾞﾂｷﾖﾄﾓ	1965/09/04	男	A	営業部	1987/04/01	kiyotomo_udatu@abc.co.jp
6	1006	茨城　昭児	ｲﾊﾞﾗｷｼｮｳｼﾞ	1963/04/28	男	O	営業部	1985/04/01	shouzi_ibaraki@xyz.ne.jp
7	1007	石ヶ休　椎茄	ｲｼｶﾞｷｭｳｼｲﾅ	1953/02/21	男	O	営業部	1975/04/01	siina_isigagyuu@abc.co.jp
8	1008	赤司　恵治郎	ｱｶﾂｶｻｹｲｼﾞﾛｳ	1968/08/02	男	O	経理部	1990/04/01	keizirou_akatukasa@abc.co.jp
9	1009	小橋　仰一	ｵﾊｼｷﾞｮｳｲﾁ	1972/03/02	男	B	経理部	1994/04/01	gyouiti_ohasi@abc.co.jp
10	1010	一重　公大	ｲﾁｼﾞｭｳｺｳﾀﾞｲ	1964/04/19	男	B	経理部	1986/04/01	koudai_itizyuu@xyz.ne.jp

ソースコード

C#
VB
ASPX

別ウィンドウで表示

using System;
using System.Data;
using System.Web.UI;
using System.Web.UI.WebControls;
using System.Web.Configuration;

public partial class custompagenavigation : System.Web.UI.Page
{
    protected void Page_Load(object sender, EventArgs e)
    {
        if (IsPostBack) return;        
        
        // SPREAD初期化
        InitSpread(FpSpread1, FpSpread1.Sheets[0]);
    }

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

        // SPREAD設定
        spread.CssClass = "spreadStyle";
        spread.UseClipboard = false;

        // フォントサイズの設定
        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.Columns[0].Width = 38;
        sheet.Columns[1].Width = 88;
        sheet.Columns[2].Width = 98;
        sheet.Columns[3].Width = 80;
        sheet.Columns[4].Width = 38;
        sheet.Columns[5].Width = 46;
        sheet.Columns[6].Width = 46;
        sheet.Columns[7].Width = 80;
        sheet.Columns[8].Width = 174;

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

        // ページ ナビゲーション機能はコントロール上部のみに表示
        spread.Pager.Position = FarPoint.Web.Spread.PagerPosition.Top;
        spread.Pager.Mode = FarPoint.Web.Spread.PagerMode.Both;

        // ナビゲーション機能の書式設定
        spread.Pager.Align = HorizontalAlign.Center;
        spread.Pager.Font.Bold = true;
        spread.Pager.Font.Name = "Trebuchet MS";
        spread.Pager.ForeColor = System.Drawing.Color.White;
        spread.Pager.BackColor = System.Drawing.Color.Orange;
        spread.Pager.Font.Size = FontUnit.Point(14);

        // 一度に最大で3つのページ番号を表示
        spread.Pager.PageCount = 3;
    }
}


Partial Public Class custompagenavigation
    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, FpSpread1.Sheets(0))
    End Sub

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

        ' SPREAD設定
        spread.CssClass = "spreadStyle"
        spread.UseClipboard = False

        ' フォントサイズの設定
        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.Columns(0).Width = 38
        sheet.Columns(1).Width = 88
        sheet.Columns(2).Width = 98
        sheet.Columns(3).Width = 80
        sheet.Columns(4).Width = 38
        sheet.Columns(5).Width = 46
        sheet.Columns(6).Width = 46
        sheet.Columns(7).Width = 80
        sheet.Columns(8).Width = 174

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

        ' ページ ナビゲーション機能はコントロール上部のみに表示
        spread.Pager.Position = FarPoint.Web.Spread.PagerPosition.Top
        spread.Pager.Mode = FarPoint.Web.Spread.PagerMode.Both

        ' ナビゲーション機能の書式設定
        spread.Pager.Align = HorizontalAlign.Center
        spread.Pager.Font.Bold = True
        spread.Pager.Font.Name = "Trebuchet MS"
        spread.Pager.ForeColor = System.Drawing.Color.White
        spread.Pager.BackColor = System.Drawing.Color.Orange
        spread.Pager.Font.Size = FontUnit.Point(14)

        ' 一度に最大で3つのページ番号を表示
        spread.Pager.PageCount = 3
    End Sub
End Class

<%@ Page MasterPageFile="~/MasterPage.master" Language="c#" AutoEventWireup="true" 
         Inherits="custompagenavigation" CodeFile="custompagenavigation.aspx.cs" %>

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

<asp:Content ID="Content1" 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>

このページの先頭へ戻る