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

選択範囲を作成する方法はサーバー側処理とクライアント側処理の両方で提供されています。

サーバー側の処理では、SelectionModelクラスを利用して選択範囲を作成することができます。
クライアント側の処理では、クライアント側スクリプトのSetSelectedRangeメソッドで、選択範囲を作成することができます。

先頭行idx

先頭列idx

行数

列数

	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
11	1011	稲並　勝五郎	ｲﾅﾐｼｮｳｺﾞﾛｳ	1962/02/18	男	A	営業部	1984/04/01	shougorou_inami@bbb.or.jp
12	1012	穎原　紀代一	ｴｲﾊﾗｷﾖｶｽﾞ	1965/02/13	男	O	営業部	1987/04/01	kiyokazu_eihara@bbb.or.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 addselection : System.Web.UI.Page
{
    protected void Page_Load(object sender, EventArgs e)
    {
        string js = "var spid='" + FpSpread1.ClientID + "';";
        js += "var rowidx='" + DDLstartrowidx.ClientID + "';";
        js += "var colidx='" + DDLstartcolidx.ClientID + "';";
        js += "var rowcnt='" + DDLrowcnt.ClientID + "';";
        js += "var colcnt='" + DDLcolcnt.ClientID + "';";
        ClientScript.RegisterStartupScript(this.GetType(), "onStartUpScript", js, true);

        if (IsPostBack) return;
                
        // SPREADの設定
        InitSpread(FpSpread1);

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

        // 選択リスト設定
        InitList();
    }

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

        // SPREAD設定
        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.SelectionBackColor = System.Drawing.Color.Gray;

        // 列幅の設定
        sheet.Columns[0].Width = 36;
        sheet.Columns[1].Width = 88;
        sheet.Columns[2].Width = 91;
        sheet.Columns[3].Width = 80;
        sheet.Columns[4].Width = 36;
        sheet.Columns[5].Width = 46;
        sheet.Columns[6].Width = 49;
        sheet.Columns[7].Width = 80;
        sheet.Columns[8].Width = 181;

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

    private void InitList()
    {
        for (int i = 0; i < FpSpread1.ActiveSheetView.RowCount; i++)
        {
            DDLstartrowidx.Items.Add(Convert.ToString(i));
        }

        for (int i = 1; i < FpSpread1.ActiveSheetView.RowCount + 1; i++)
        {
            DDLrowcnt.Items.Add(Convert.ToString(i));
        }

        for (int i = 0; i < FpSpread1.ActiveSheetView.ColumnCount; i++)
        {
            DDLstartcolidx.Items.Add(Convert.ToString(i));
        }
        for (int i = 1; i < FpSpread1.ActiveSheetView.ColumnCount + 1; i++)
        {
            DDLcolcnt.Items.Add(Convert.ToString(i));
        }
    }
    
    protected void Button1_Click(object sender, EventArgs e)
    {
        // クライアント側の変更を確定
        FpSpread1.SaveChanges();

        int rowidx = Convert.ToInt16(DDLstartrowidx.SelectedValue);
        int colidx = Convert.ToInt16(DDLstartcolidx.SelectedValue);
        int rowcnt = Convert.ToInt16(DDLrowcnt.SelectedValue);
        int colcnt = Convert.ToInt16(DDLcolcnt.SelectedValue);

        // 選択範囲作成
        FpSpread1.ActiveSheetView.ActiveRow = rowidx;
        FpSpread1.ActiveSheetView.ActiveColumn = colidx;
        FpSpread1.ActiveSheetView.SelectionModel.SetSelection(rowidx, colidx, rowcnt, colcnt);
    }

    protected void Button2_Click(object sender, EventArgs e)
    {
        // クライアント側の変更を確定
        FpSpread1.SaveChanges();

        // 全選択
        FpSpread1.ActiveSheetView.SelectionModel.SetSelection(-1, -1, -1, -1);      
    }
}


Partial Public Class addselection
    Inherits System.Web.UI.Page

    Protected Sub Page_Load(ByVal sender As Object, ByVal e As System.EventArgs) Handles Me.Load
        Dim js As String = "var spid='" + FpSpread1.ClientID & "';"
        js += "var rowidx='" + DDLstartrowidx.ClientID & "';"
        js += "var colidx='" + DDLstartcolidx.ClientID & "';"
        js += "var rowcnt='" + DDLrowcnt.ClientID & "';"
        js += "var colcnt='" + DDLcolcnt.ClientID & "';"
        ClientScript.RegisterStartupScript(Me.GetType(), "onStartUpScript", js, True)

        If IsPostBack Then
            Return
        End If

        ' SPREADの設定
        InitSpread(FpSpread1)

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

        ' 選択リスト設定
        InitList()
    End Sub

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

        ' SPREAD設定
        spread.CommandBar.Visible = False
        spread.CssClass = "spreadStyle"
        spread.UseClipboard = False
    End Sub

    Private Sub InitSheet(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.PageSize = sheet.RowCount
        sheet.SelectionBackColor = System.Drawing.Color.Gray

        ' 列幅の設定
        sheet.Columns(0).Width = 36
        sheet.Columns(1).Width = 88
        sheet.Columns(2).Width = 91
        sheet.Columns(3).Width = 80
        sheet.Columns(4).Width = 36
        sheet.Columns(5).Width = 46
        sheet.Columns(6).Width = 49
        sheet.Columns(7).Width = 80
        sheet.Columns(8).Width = 181

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

    Private Sub InitList()
        For i As Integer = 0 To FpSpread1.ActiveSheetView.RowCount - 1
            DDLstartrowidx.Items.Add(Convert.ToString(i))
        Next

        For i As Integer = 1 To FpSpread1.ActiveSheetView.RowCount
            DDLrowcnt.Items.Add(Convert.ToString(i))
        Next

        For i As Integer = 0 To FpSpread1.ActiveSheetView.ColumnCount - 1
            DDLstartcolidx.Items.Add(Convert.ToString(i))
        Next
        For i As Integer = 1 To FpSpread1.ActiveSheetView.ColumnCount
            DDLcolcnt.Items.Add(Convert.ToString(i))
        Next
    End Sub

    Protected Sub Button1_Click(ByVal sender As Object, ByVal e As System.EventArgs) Handles Button1.Click
        ' クライアント側の変更を確定
        FpSpread1.SaveChanges()

        Dim rowidx As Integer = Convert.ToInt16(DDLstartrowidx.SelectedValue)
        Dim colidx As Integer = Convert.ToInt16(DDLstartcolidx.SelectedValue)
        Dim rowcnt As Integer = Convert.ToInt16(DDLrowcnt.SelectedValue)
        Dim colcnt As Integer = Convert.ToInt16(DDLcolcnt.SelectedValue)

        ' 選択範囲作成
        FpSpread1.ActiveSheetView.ActiveRow = rowidx
        FpSpread1.ActiveSheetView.ActiveColumn = colidx
        FpSpread1.ActiveSheetView.SelectionModel.SetSelection(rowidx, colidx, rowcnt, colcnt)
    End Sub

    Protected Sub Button2_Click(ByVal sender As Object, ByVal e As System.EventArgs) Handles Button2.Click
        ' クライアント側の変更を確定
        FpSpread1.SaveChanges()

        ' 全選択
        FpSpread1.ActiveSheetView.SelectionModel.SetSelection(-1, -1, -1, -1)
    End Sub
End Class

<%@ Page MasterPageFile="~/MasterPage.master" Language="c#" AutoEventWireup="true" 
         Inherits="addselection" CodeFile="addselection.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 SetSelectFunction(mode) {
            var spread = document.getElementById(spid);
            var rowidxobj = document.getElementById(rowidx);
            var colidxobj = document.getElementById(colidx);
            var rowcntobj = document.getElementById(rowcnt);
            var colcntobj = document.getElementById(colcnt);

            spread.ClearSelection();
            if (mode == 0) {
                spread.SetActiveCell(eval(rowidxobj.value), eval(colidxobj.value));
                spread.SetSelectedRange(eval(rowidxobj.value), eval(colidxobj.value)
                , eval(rowcntobj.value), eval(colcntobj.value));
            } else if (mode == 1) {
                spread.SetSelectedRange(-1, -1, -1, -1);
            }
        }
    </script>
</asp:Content>

<asp:Content ID="Content2" ContentPlaceHolderID="ContentPlaceHolder1" runat="server">
    <table>
        <tr>
            <td>先頭行idx</td>
            <td>
                <asp:DropDownList ID="DDLstartrowidx" runat="server" AutoPostBack="false">
                </asp:DropDownList>
            </td>
            <td>&nbsp;</td>
            <td>先頭列idx</td>
             <td>
            <asp:DropDownList ID="DDLstartcolidx" runat="server" AutoPostBack="false">
            </asp:DropDownList>
            </td>
            <td>&nbsp;</td>
            <td>行数</td>
            <td>
                <asp:DropDownList ID="DDLrowcnt" runat="server" AutoPostBack="false">
                </asp:DropDownList>
            </td>
            <td>&nbsp;</td>
            <td>列数</td>
            <td>
                <asp:DropDownList ID="DDLcolcnt" runat="server" AutoPostBack="false">
                </asp:DropDownList>
            </td>
        </tr>
    </table>
    <asp:Button ID="Button1" runat="server" Text="選択範囲作成（サーバー側）" onclick="Button1_Click" style="width: 180px;" />   
    <asp:Button ID="Button2" runat="server" Text="全選択（サーバー側）" onclick="Button2_Click" style="width: 180px;" /><br />
    <input id="Button3" type="button" value="選択範囲作成（クライアント側）" onclick="SetSelectFunction(0)" style="width: 180px;" />
    <input id="Button4" type="button" value="全選択（クライアント側）" onclick="SetSelectFunction(1)" style="width: 180px;" />
    <farpoint:FpSpread ID="FpSpread1" runat="server" BorderColor="#A0A0A0" BorderStyle="Solid"
        BorderWidth="1px">
        <CommandBar BackColor="#F6F6F6" ButtonFaceColor="Control" ButtonHighlightColor="ControlLightLight"
            ButtonShadowColor="ControlDark" />
        <Sheets>
            <farpoint:SheetView SheetName="Sheet1">
            </farpoint:SheetView>
        </Sheets>
    </farpoint:FpSpread>
</asp:Content>

このページの先頭へ戻る