![[PukiWiki]](image/pukiwiki.png "[PukiWiki]")
閲覧総計：5801 （本日：1 昨日：0)
カレンダ コントロールのセルに情報を表示する方法を確認した。 10/08/09
参考にしたページは↓こちら。
「Calendarコントロールのセルに任意のデータを埋め込むには？」05/03/18
http://www.atmarkit.co.jp/fdotnet/dotnettips/277aspcalceldata/aspcalceldata.html
ところが、ＤＢへの接続手法がASP.NET2.0以降は、記事内容(ASP.NET1.X)から変更にな
っているので、「ＤＢへの接続」のコードを↓記事を参考に全面的に改造した。
「データソース・コントロールでいってみよう（前編）」 06/07/29
http://www.atmarkit.co.jp/fdotnet/vs2005db/vs2005db_06/vs2005db_06_03.html
また、実際にはＤＢにMS-Accessを利用したいので、↓このページの情報を参考に、
ＤＢをSQL Server2008→MS-Access2003に変更し、正常に稼働する事を確認した。
「ASP.NET アクセスデータにアクセスする（コーディング）」
http://3939deb.seesaa.net/article/107785168.html
また、参考情報としてSqlDataSourceコントロールを利用し実現した場合のコードを掲載
した。コード量が少ない所を比較して欲しい。 10/08/10
★項目をクリックするとそのページに飛べます↓
開発環境：VWD2008 + Access2003 + SQL Server2008
サーバ：ASP.NET3.5 + Access2003
【機能】ＤＢの予定情報をカレンダに表示する。
【稼働画面】
【web.configのデータ接続文字列の設定】
SqlServerDBへの接続名として"MySqlServerDB”がweb.configの最初の方の<appSettings>
と<system.web>の間に<connectionStrings>として以下の通り記述されている事を前提とする。
<connectionStrings>
<add name="MySqlServerDB" connectionString="Data Source=.\SQLEXPRESS;AttachDbFilename=|DataDirectory|\SQLCalendar.mdf;Integrated Security=True;Use r Instance=True"
providerName="System.Data.SqlClient" />
</connectionStrings>
【sqlCalCellDisp.aspx】
<%@ Page Language="VB" ContentType="text/html" %>
<%@ Import Namespace="System.Data.Common" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<script runat="Server">
' それぞれの日付セルをレンダリングするタイミングで実行
Sub cal_DayRender(ByVal sender As Object, ByVal e As System.Web.UI.WebControls.DayRenderEventArgs)
Dim setting As ConnectionStringSettings = _
ConfigurationManager.ConnectionStrings("MySqlServerDB")
Dim factory As DbProviderFactory = _
DbProviderFactories.GetFactory(setting.ProviderName)
Using objDb As DbConnection = factory.CreateConnection()
objDb.ConnectionString = setting.ConnectionString
' 出力する日付セルに対応するスケジュール情報を抽出
Dim objCom As DbCommand = factory.CreateCommand()
objCom.CommandText = "SELECT [ID],[title],[sdate],[stime],[etime] FROM [schedule01] WHERE [sdate]=@sdate ORDER BY [stime] ASC"
objCom.Connection = objDb
Dim objPrm As DbParameter = factory.CreateParameter()
objPrm.ParameterName = "@sdate"
objPrm.Value = e.Day.Date.ToString("yyyy/MM/dd")
objCom.Parameters.Add(objPrm)
objDb.Open()
Dim objRd As DbDataReader = objCom.ExecuteReader()
' 取得したスケジュール情報を基に
' LiteralControl（固定文字列）を生成し、
' 日付セル（e.Call）配下のコントロールとして追加
Do While objRd.Read()
e.Cell.Controls.Add(New LiteralControl("<br />" & String.Format("{0}〜{1}：{2}", objRd.GetString(3), objRd.GetString(4), objRd.G etString(1))))
Loop
End Using
End Sub
</script>
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<title>スケジュールをカレンダー上に表示する</title>
</head>
<body>
<form id="form1" runat="server">
<div>
<asp:Calendar id="cal" runat="server"
DayHeaderStyle-BackColor="#FFCC66"
onDayRender="cal_DayRender" ShowGridLines="true"
BorderWidth="3" BorderColor="Black" Font-Name="Verdana"
Font-Size="10px" TitleStyle-BackColor="#FFCC66"
TitleStyle-Font-Size="12px" TitleStyle-Font-Bold="true"
DayStyle-VerticalAlign="Top" DayStyle-Height="50px"
DayStyle-Width="14%" SelectedDayStyle-BackColor="Navy"
ShowNextPrev="True" NextPrevFormat="FullMonth">
<SelectedDayStyle BackColor="#CC5533" />
</asp:Calendar>
<br />
</div>
</form>
</body>
</html>
【参考にしたページ】
1.「Calendarコントロールのセルに任意のデータを埋め込むには？」05/03/18
http://www.atmarkit.co.jp/fdotnet/dotnettips/277aspcalceldata/aspcalceldata.html
2.「データソース・コントロールでいってみよう（前編）」 06/07/29
http://www.atmarkit.co.jp/fdotnet/vs2005db/vs2005db_06/vs2005db_06_03.html
【ポイント】
プログラムの最初の方に記述されているＤＢ接続名を"MySqlServerDB"から→"MyAccessDB"
に変更するだけで使用ＤＢをSQL ServerからMS-Accessに変更できる。
（Factoryパターンを用いて汎用的なコードで記述している為、接続DBを変更するだけで
どのDBにも接続できるコード記述になっているのが特徴）
Dim setting As ConnectionStringSettings = _
ConfigurationManager.ConnectionStrings("MyAccessDB")
【稼働画面】
【web.configのデータ接続文字列の設定】
MS-AccessDBへの接続名として"MyAccessDB”がweb.configの最初の方の<appSettings>
と<system.web>の間に<connectionStrings>として以下の通り記述されている事を前提とする。
（参考）AccessDBの接続文字列の登録法
<connectionStrings>
<add name="MyAccessDb" connectionString="Provider=Microsoft.Jet.OLEDB.4.0;Data Source=|DataDirectory|\AccessDB.mdb"
providerName="System.Data.OleDb" />
</connectionStrings>
【acCalCellDisp.aspx】
<%@ Page Language="VB" ContentType="text/html" %>
<%@ Import Namespace="System.Data.Common" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<script runat="Server">
' それぞれの日付セルをレンダリングするタイミングで実行
Sub cal_DayRender(ByVal sender As Object, ByVal e As System.Web.UI.WebControls.DayRenderEventArgs)
Dim setting As ConnectionStringSettings = _
ConfigurationManager.ConnectionStrings("MyAccessDB")
Dim factory As DbProviderFactory = _
DbProviderFactories.GetFactory(setting.ProviderName)
Using objDb As DbConnection = factory.CreateConnection()
objDb.ConnectionString = setting.ConnectionString
' 出力する日付セルに対応するスケジュール情報を抽出
Dim objCom As DbCommand = factory.CreateCommand()
objCom.CommandText = "SELECT [ID],[title],[sdate],[stime],[etime] FROM [schedule01] WHERE [sdate]=@sdate ORDER BY [stime] ASC"
objCom.Connection = objDb
Dim objPrm As DbParameter = factory.CreateParameter()
objPrm.ParameterName = "@sdate"
objPrm.Value = e.Day.Date.ToString("yyyy/MM/dd")
objCom.Parameters.Add(objPrm)
objDb.Open()
Dim objRd As DbDataReader = objCom.ExecuteReader()
' 取得したスケジュール情報を基に
' LiteralControl（固定文字列）を生成し、
' 日付セル（e.Call）配下のコントロールとして追加
Do While objRd.Read()
e.Cell.Controls.Add(New LiteralControl("<br />" & String.Format("{0}〜{1}：{2}", objRd.GetString(3), objRd.GetString(4), objRd.G etString(1))))
Loop
End Using
End Sub
</script>
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<title>スケジュールをカレンダー上に表示する</title>
</head>
<body>
<form id="form1" runat="server">
<div>
<asp:Calendar id="cal" runat="server"
DayHeaderStyle-BackColor="#FFCC66"
onDayRender="cal_DayRender" ShowGridLines="true"
BorderWidth="3" BorderColor="Black" Font-Name="Verdana"
Font-Size="10px" TitleStyle-BackColor="#FFCC66"
TitleStyle-Font-Size="12px" TitleStyle-Font-Bold="true"
DayStyle-VerticalAlign="Top" DayStyle-Height="50px"
DayStyle-Width="14%" SelectedDayStyle-BackColor="Navy"
ShowNextPrev="True" NextPrevFormat="FullMonth">
<SelectedDayStyle BackColor="#CC5533" />
</asp:Calendar>
<br />
</div>
</form>
</body>
</html>
【参考にしたページ】
1.「Calendarコントロールのセルに任意のデータを埋め込むには？」05/03/18
http://www.atmarkit.co.jp/fdotnet/dotnettips/277aspcalceldata/aspcalceldata.html
2.「データソース・コントロールでいってみよう（前編）」 06/07/29
http://www.atmarkit.co.jp/fdotnet/vs2005db/vs2005db_06/vs2005db_06_03.html
3.「ASP.NET アクセスデータにアクセスする（コーディング）」
http://3939deb.seesaa.net/article/107785168.html
カレンダ コントロールとSqlDataSourceコントロールを利用して、スケジュール情報
をカレンダに表示した事例である。コードの記述が少なくて実現出来るのが特徴。 10/08/10
【sqlCalCellDisp_sqlDS.aspx】
<%@ Page Language="VB" ContentType="text/html" %>
<%@ Import Namespace="System.Data" %>
<%@ Import Namespace="System.Data.Common" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<script runat="Server">
' それぞれの日付セルをレンダリングするタイミングで実行
Sub cal_DayRender(ByVal sender As Object, ByVal e As System.Web.UI.WebControls.DayRenderEventArgs)
sds.SelectParameters.Clear()
sds.SelectParameters.Add("sdate", e.Day.Date.ToString("yyyy/MM/dd"))
Dim objRd As IDataReader = sds.Select(DataSourceSelectArguments.Empty)
' 取得したスケジュール情報を基に
' LiteralControl（固定文字列）を生成し、
' 日付セル（e.Call）配下のコントロールとして追加
Do While objRd.Read()
e.Cell.Controls.Add(New LiteralControl("<br />" & String.Format("{0}〜{1}：{2}", objRd.GetString(3), objRd.GetStr ing(4), objRd.GetString(1))))
Loop
End Sub
</script>
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<title>スケジュールをカレンダー上に表示する</title>
</head>
<body>
<form id="form1" runat="server">
<div>
<asp:Calendar id="cal" runat="server"
DayHeaderStyle-BackColor="#FFCC66"
onDayRender="cal_DayRender" ShowGridLines="true"
BorderWidth="3" BorderColor="Black" Font-Name="Verdana"
Font-Size="10px" TitleStyle-BackColor="#FFCC66"
TitleStyle-Font-Size="12px" TitleStyle-Font-Bold="true"
DayStyle-VerticalAlign="Top" DayStyle-Height="50px"
DayStyle-Width="14%" SelectedDayStyle-BackColor="Navy"
ShowNextPrev="True" NextPrevFormat="FullMonth">
<SelectedDayStyle BackColor="#CC5533" />
</asp:Calendar>
<asp:SqlDataSource ID="sds" runat="server"
ConnectionString="<%$ ConnectionStrings:MySqlServerDB %>" DataSourceMode="DataReader"
ProviderName="<%$ ConnectionStrings:MySqlServerDB.ProviderName %>"
SelectCommand="SELECT [ID], [title], [sdate], [stime], [etime] FROM [schedule01] WHERE ([sdate] = @sdate) ORDER B Y [stime] ASC">
</asp:SqlDataSource>
<br />
<br />
</div>
</form>
</body>
</html>
