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

行や列のVisibleプロパティをfalseに設定することで任意の行や列を非表示にすることができます。

このサンプルでは、「「乳製品」行を非表示」ボタンを押下することで選択した製品分類が「乳製品」の行が非表示になります。「全行表示」ボタンを押下すると、全行を再表示します。
また、「計画」列を非表示ボタンを押下することでデータ上の計画列が非表示になります。全列表示ボタンを押下すると、全列を再表示します。

	製品ID	製品分類	製品名	4月計画	4月実績	5月計画	5月実績	6月計画	6月実績	7月計画	7月実績	8月計画	8月実績	9月計画	9月実績	10月計画	10月実績	11月計画	11月実績	12月計画	12月実績	1月計画	1月実績	2月計画	2月実績	3月計画	3月実績
1	10001	乳製品	酪農ミルク	5,500	5,600	5,000	5,100	4,500	4,600	6,000	6,100	5,500	5,600	5,000	5,100	4,500	4,600	6,000	6,100	5,500	5,600	5,000	5,100	4,500	4,600	6,000	6,100
2	20001	清涼飲料水	いよかんドリンク	1,000	1,100	3,000	3,100	2,700	2,800	2,700	2,800	1,000	1,100	3,000	3,100	2,700	2,800	2,700	2,800	1,000	1,100	3,000	3,100	2,700	2,800	2,700	2,800
3	20002	清涼飲料水	ぶどうジュース	3,000	3,100	3,500	3,600	4,800	4,900	4,800	4,900	3,000	3,100	3,500	3,600	4,800	4,900	4,800	4,900	3,000	3,100	3,500	3,600	4,800	4,900	4,800	4,900
4	20003	清涼飲料水	マンゴードリンク	2,000	2,100	1,000	1,100	500	600	1,050	1,150	2,000	2,100	1,000	1,100	500	600	1,050	1,150	2,000	2,100	1,000	1,100	500	600	1,050	1,150
5	30001	ビール	激辛ビール	5,500	5,600	8,000	8,100	8,500	8,600	10,000	10,100	5,500	5,600	8,000	8,100	8,500	8,600	10,000	10,100	5,500	5,600	8,000	8,100	8,500	8,600	10,000	10,100
6	30002	ビール	モルトビール	3,000	3,100	3,500	3,600	2,780	2,880	4,000	4,100	3,000	3,100	3,500	3,600	2,780	2,880	4,000	4,100	3,000	3,100	3,500	3,600	2,780	2,880	4,000	4,100
7	20004	清涼飲料水	ぶどうの街	500	600	300	400	200	300	700	800	500	600	300	400	200	300	700	800	500	600	300	400	200	300	700	800
8	30003	ビール	オリエントの村	8,000	8,100	9,500	9,600	9,580	9,680	9,000	9,100	8,000	8,100	9,500	9,600	9,580	9,680	9,000	9,100	8,000	8,100	9,500	9,600	9,580	9,680	9,000	9,100
9	40002	焼酎	吟醸ほめごろし	6,000	6,100	7,000	7,100	9,000	9,100	9,500	9,600	6,000	6,100	7,000	7,100	9,000	9,100	9,500	9,600	6,000	6,100	7,000	7,100	9,000	9,100	9,500	9,600
10	40003	焼酎	大吟醸オリエント	1,000	1,100	5,000	5,100	6,000	6,100	5,000	5,100	1,000	1,100	5,000	5,100	6,000	6,100	5,000	5,100	1,000	1,100	5,000	5,100	6,000	6,100	5,000	5,100
11	40005	焼酎	麦焼酎ちこちこ	1,000	1,100	1,500	1,600	1,200	1,300	1,258	1,358	1,000	1,100	1,500	1,600	1,200	1,300	1,258	1,358	1,000	1,100	1,500	1,600	1,200	1,300	1,258	1,358
12	10002	乳製品	酪農ミルク（低脂肪）	501	601	202	302	380	480	456	556	501	601	202	302	380	480	456	556	501	601	202	302	380	480	456	556

ソースコード

C#
VB
ASPX

別ウィンドウで表示

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

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

        // SPREADの設定
        InitSpread(FpSpread1);

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

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

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

    private void InitSheet(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.PageSize = sheet.RowCount;

        // 列幅の設定
        sheet.Columns[0].Width = 45;
        sheet.Columns[1].Width = 85;
        sheet.Columns[2].Width = 140;

        for (int i = 3; i < sheet.ColumnCount; i++)
        {
            sheet.Columns[i].Width = 65;
        }

        //「計画」列の背景色を設定
        for (int i = 0; i < 12; i++)
        {
            sheet.Columns[i * 2 + 3].BackColor = System.Drawing.Color.LavenderBlush;
        }

        //「乳製品」行の背景色を設定
        for (int i = 0; i < sheet.RowCount; i++)
        {
            if (sheet.Cells[i, 1].Text == "乳製品")
            {
                sheet.Rows[i].BackColor = System.Drawing.Color.LavenderBlush;
            }
        }

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

        // 各列のセル型を設定
        FarPoint.Web.Spread.GeneralCellType gnr = new FarPoint.Web.Spread.GeneralCellType();
        gnr.FormatString = "#,##0";
        sheet.Columns[3, sheet.ColumnCount - 1].CellType = gnr;
        sheet.Columns[3, sheet.ColumnCount - 1].HorizontalAlign = HorizontalAlign.Right;
    }

    protected void FpSpread1_ButtonCommand(object sender, FarPoint.Web.Spread.SpreadCommandEventArgs e)
    {
        if (e.CommandName == "showRows")
        {
            // 全行表示
            for (int i = 0; i < FpSpread1.Sheets[0].RowCount; i++)
            {
                FpSpread1.Sheets[0].Rows[i].Visible = true;
            }
        }
        else if (e.CommandName == "hideRows")
        {
            //「乳製品」行を非表示
            for (int i = 0; i < FpSpread1.Sheets[0].RowCount; i++)
            {
                if (FpSpread1.ActiveSheetView.Cells[i, 1].Text == "乳製品")
                {
                    FpSpread1.ActiveSheetView.Rows[i].Visible = false;
                }
            }
        }
        else if (e.CommandName == "showCols")
        {
            // 全列表示
            for (int i = 0; i < FpSpread1.Sheets[0].ColumnCount; i++)
            {
                FpSpread1.Sheets[0].Columns[i].Visible = true;
            }
        }
        else if (e.CommandName == "hideCols")
        {
            //「計画」列を非表示
            for (int i = 0; i < 12; i++)
            {
                FpSpread1.Sheets[0].Columns[i * 2 + 3].Visible = false;
            }
        }        
    }
}

Imports System
Imports System.Data
Imports System.Web.UI
Imports System.Web.UI.WebControls
Imports System.Web.Configuration

Partial Public Class rowcolcell_rowcolvisible
    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)

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

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

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

    Private Sub InitSheet(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.PageSize = sheet.RowCount

        ' 列幅の設定
        sheet.Columns(0).Width = 45
        sheet.Columns(1).Width = 85
        sheet.Columns(2).Width = 140

        For i As Integer = 3 To sheet.ColumnCount - 1
            sheet.Columns(i).Width = 65
        Next

        '「計画」列の背景色を設定
        For i As Integer = 0 To 11
            sheet.Columns(i * 2 + 3).BackColor = System.Drawing.Color.LavenderBlush
        Next

        '「乳製品」行の背景色を設定
        For i As Integer = 0 To sheet.RowCount - 1
            If sheet.Cells(i, 1).Text = "乳製品" Then
                sheet.Rows(i).BackColor = System.Drawing.Color.LavenderBlush
            End If
        Next

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

        ' 各列のセル型を設定
        Dim gnr As New FarPoint.Web.Spread.GeneralCellType()
        gnr.FormatString = "#,##0"
        sheet.Columns(3, sheet.ColumnCount - 1).CellType = gnr
        sheet.Columns(3, sheet.ColumnCount - 1).HorizontalAlign = HorizontalAlign.Right
    End Sub

    Protected Sub FpSpread1_ButtonCommand(ByVal sender As Object, ByVal e As FarPoint.Web.Spread.SpreadCommandEventArgs) Handles FpSpread1.ButtonCommand
        If e.CommandName = "showRows" Then
            ' 全行表示
            For i As Integer = 0 To FpSpread1.Sheets(0).RowCount - 1
                FpSpread1.Sheets(0).Rows(i).Visible = True
            Next
        ElseIf e.CommandName = "hideRows" Then
            '「乳製品」行を非表示
            For i As Integer = 0 To FpSpread1.Sheets(0).RowCount - 1
                If FpSpread1.ActiveSheetView.Cells(i, 1).Text = "乳製品" Then
                    FpSpread1.ActiveSheetView.Rows(i).Visible = False
                End If
            Next
        ElseIf e.CommandName = "showCols" Then
            ' 全列表示
            For i As Integer = 0 To FpSpread1.Sheets(0).ColumnCount - 1
                FpSpread1.Sheets(0).Columns(i).Visible = True
            Next
        ElseIf e.CommandName = "hideCols" Then
            '「計画」列を非表示
            For i As Integer = 0 To 11
                FpSpread1.Sheets(0).Columns(i * 2 + 3).Visible = False
            Next
        End If
    End Sub
End Class

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

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

<asp:Content ID="Content1" ContentPlaceHolderID="HeaderPlaceHolder1" Runat="Server">
<script type="text/javascript">
    function showRows() {
        var spread = document.getElementById("<%= FpSpread1.ClientID %>");
        spread.CallBack("showRows");
    }
    function hideRows() {
        var spread = document.getElementById("<%= FpSpread1.ClientID %>");
        spread.CallBack("hideRows");
    }
    function showCols() {
        var spread = document.getElementById("<%= FpSpread1.ClientID %>");
        spread.CallBack("showCols");
    }
    function hideCols() {
        var spread = document.getElementById("<%= FpSpread1.ClientID %>");
        spread.CallBack("hideCols");
    }    
</script>
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="ContentPlaceHolder1" runat="server">
    <input id="Button1" type="button" value="全行表示" onclick="showRows();" style="width: 160px;" />
    <input id="Button2" type="button" value="「乳製品」行を非表示" onclick="hideRows();" style="width: 160px;" />
    <br />
    <input id="Button3" type="button" value="全列表示" onclick="showCols();" style="width: 160px;" />
    <input id="Button4" type="button" value="「計画」列を非表示" onclick="hideCols();" style="width: 160px;" />
    <farpoint:FpSpread ID="FpSpread1" runat="server" BorderColor="#A0A0A0" BorderStyle="Solid"
        BorderWidth="1px" onbuttoncommand="FpSpread1_ButtonCommand">
        <CommandBar BackColor="#F6F6F6" ButtonFaceColor="Control" ButtonHighlightColor="ControlLightLight"
            ButtonShadowColor="ControlDark" />
        <Sheets>
            <farpoint:SheetView SheetName="Sheet1">
            </farpoint:SheetView>
        </Sheets>
    </farpoint:FpSpread>
</asp:Content>

このページの先頭へ戻る