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

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

        // データ連結
        DataSet ds = new DataSet();
        ds.ReadXml(MapPath("../App_Data/data.xml"));
        FpSpread1.DataSource = ds;

        // SPREAD初期化
        InitSpread(FpSpread1.Sheets[0]);

        // jQuery UIのテーマを有効
        FpSpread1.EnablejQueryTheme = true;
    }

    private void InitSpread(FarPoint.Web.Spread.SheetView sheet)
    {
        // SPREAD設定
        FpSpread1.CssClass = "spreadStyle";
        FpSpread1.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.PageSize = sheet.RowCount;

        // 列幅の設定
        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;
    }
}

Partial Public Class jqueryuitheme
    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

        ' データ連結
        Dim ds As New System.Data.DataSet()
        ds.ReadXml(MapPath("../App_Data/data.xml"))
        FpSpread1.DataSource = ds

        ' SPREAD初期化
        InitSpread(FpSpread1.Sheets(0))

        ' jQuery UIのテーマを有効
        FpSpread1.EnablejQueryTheme = True
    End Sub

    Private Sub InitSpread(ByVal sheet As FarPoint.Web.Spread.SheetView)
        ' SPREAD設定
        FpSpread1.CssClass = "spreadStyle"
        FpSpread1.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.PageSize = sheet.RowCount

        ' 列幅の設定
        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
End Class

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

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

<asp:Content ID="Content1" ContentPlaceHolderID="HeaderPlaceHolder1" runat="Server">
    <link href="https://code.jquery.com/ui/1.11.2/themes/ui-lightness/jquery-ui.css" rel="stylesheet" type="text/css" id="Theme" />
    <script src="https://code.jquery.com/jquery-1.11.1.min.js"></script>
    <script type="text/javascript">
        $(document).ready(function () {
            $('select').change(function () {
                $('#Theme').attr('href', $(this).val());
            });
        });

    </script>
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="ContentPlaceHolder1" runat="server">
    <table>
        <tr>
            <td>テーマ</td>
            <td>
            <asp:DropDownList ID="DropDownList1" runat="server">
                <asp:ListItem Value="https://code.jquery.com/ui/1.11.2/themes/ui-lightness/jquery-ui.css">UI lightness</asp:ListItem>
                <asp:ListItem Value="https://code.jquery.com/ui/1.11.2/themes/ui-darkness/jquery-ui.css">UI darkness</asp:ListItem>
                <asp:ListItem Value="https://code.jquery.com/ui/1.11.2/themes/smoothness/jquery-ui.css">Smoothness</asp:ListItem>
                <asp:ListItem Value="https://code.jquery.com/ui/1.11.2/themes/start/jquery-ui.css">Start</asp:ListItem>
                <asp:ListItem Value="https://code.jquery.com/ui/1.11.2/themes/redmond/jquery-ui.css">Redmond</asp:ListItem>
                <asp:ListItem Value="https://code.jquery.com/ui/1.11.2/themes/sunny/jquery-ui.css">Sunny</asp:ListItem>
                <asp:ListItem Value="https://code.jquery.com/ui/1.11.2/themes/overcast/jquery-ui.css">Overcast</asp:ListItem>
                <asp:ListItem Value="https://code.jquery.com/ui/1.11.2/themes/le-frog/jquery-ui.css">Le Frog</asp:ListItem>
                <asp:ListItem Value="https://code.jquery.com/ui/1.11.2/themes/flick/jquery-ui.css">Flick</asp:ListItem>
                <asp:ListItem Value="https://code.jquery.com/ui/1.11.2/themes/pepper-grinder/jquery-ui.css">Pepper Grinder</asp:ListItem>
                <asp:ListItem Value="https://code.jquery.com/ui/1.11.2/themes/eggplant/jquery-ui.css">Eggplant</asp:ListItem>
                <asp:ListItem Value="https://code.jquery.com/ui/1.11.2/themes/dark-hive/jquery-ui.css">Dark Hive</asp:ListItem>
                <asp:ListItem Value="https://code.jquery.com/ui/1.11.2/themes/cupertino/jquery-ui.css">Cupertino</asp:ListItem>
                <asp:ListItem Value="https://code.jquery.com/ui/1.11.2/themes/south-street/jquery-ui.css">South Street</asp:ListItem>
                <asp:ListItem Value="https://code.jquery.com/ui/1.11.2/themes/blitzer/jquery-ui.css">Blitzer</asp:ListItem>
                <asp:ListItem Value="https://code.jquery.com/ui/1.11.2/themes/humanity/jquery-ui.css">Humanity</asp:ListItem>
                <asp:ListItem Value="https://code.jquery.com/ui/1.11.2/themes/hot-sneaks/jquery-ui.css">Hot Sneaks</asp:ListItem>
                <asp:ListItem Value="https://code.jquery.com/ui/1.11.2/themes/excite-bike/jquery-ui.css">Excite Bike</asp:ListItem>
                <asp:ListItem Value="https://code.jquery.com/ui/1.11.2/themes/vader/jquery-ui.css">Vader</asp:ListItem>
                <asp:ListItem Value="https://code.jquery.com/ui/1.11.2/themes/dot-luv/jquery-ui.css">Dot Luv</asp:ListItem>
                <asp:ListItem Value="https://code.jquery.com/ui/1.11.2/themes/mint-choc/jquery-ui.css">Mint Choc</asp:ListItem>
                <asp:ListItem Value="https://code.jquery.com/ui/1.11.2/themes/black-tie/jquery-ui.css">Black Tie</asp:ListItem>
                <asp:ListItem Value="https://code.jquery.com/ui/1.11.2/themes/trontastic/jquery-ui.css">Trontastic</asp:ListItem>
                <asp:ListItem Value="https://code.jquery.com/ui/1.11.2/themes/swanky-purse/jquery-ui.css">Swanky Purse</asp:ListItem>
            </asp:DropDownList>
            </td>
        </tr>
    </table>
    <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>