★CSS(スタイルシート)の取り込み方が、不鮮明: ScriptManagerで取り込もうとしたら、Event自体が消える、Popupがされなくなる <Script src=xxx> で取り込んでとりこんでも同じ。MasterPageで <Link xxxxx> で取り込んだら処理される。....不満..保留テーマとスキン経由でないと、CSSが使えないのかも。 ★

わんくま同盟ホームわんくま同盟の最新記事 MyBlog 　　　Ognac試行部屋　　　

ホーム

(非同期で処理すると、動的に書式変更してくれない : PageErrorになる形式もある)

AjaxToolKit_CalendarExtender_単純(Clickで起動)

AjaxToolKit_CalendarExtender_PopupButton付

AjaxToolKit_CalendarExtender_Animated=False
AjaxToolKit_CalendarExtender_Animated=True

AjaxToolKit_CalendarExtender_ClientEvent

表示書式のロケールは: ScriptManager.EnableScriptGlobalization / EnableScriptLocalization で決まる。動的変更不可。
書式としてErrorになるのは、PageErrorになる。日本ロケールの影響かも。

AjaxToolKit_CalendarExtender_スタイルシート適用1

AjaxToolKit_CalendarExtender_スタイルシート適用2

御託

        ★CSS(スタイルシート)の取り込み方が、不鮮明:  ScriptManagerで取り込もうとしたら、Event自体が消える、Popupがされなくなる
        <Script src=xxx> で取り込んでとりこんでも同じ。MasterPageで <Link xxxxx> で取り込んだら処理される。....不満..保留
        テーマとスキン経由でないと、CSSが使えないのかも。

        ★日付の書式も不可思議:  Now.ToString('tHH, ttHH') で表示時、(午,前)に省略されるのは不可解
        PopUP枠の下段の今日の表示が xx月 (日) , (年)  とロケール化されていない。

ソース


■e:\user\cervi.reseller\ognadmin\ognogn.com\www\AJAX\Control\PopupCalendar\Calendar01.aspx■
<%@ Page Language="C#" MasterPageFile="~/MasterPage_SubmitOff.master" AutoEventWireup="true" CodeFile="Calendar01.aspx.cs" Inherits="AJAX_Control_Calendar_Calendar01" Title="Calendar"  validateRequest="False"  maintainScrollPositionOnPostBack ="true" %>

<%@ Register Assembly="AjaxControlToolkit" Namespace="AjaxControlToolkit" TagPrefix="cc1" %>


<asp:Content ID="Content1" ContentPlaceHolderID="head" Runat="Server">
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="ContentPlaceHolder1" Runat="Server">

    <script type="text/javascript">
    function Calendar_Selection(sender){
        window.alert("Selection : " +sender.get_selectedDate());
    }
    function Calendar_Hidden(sender){
        window.alert("Hidden : ");
    }
    function Calendar_Hiding(sender){
        window.alert("Hiding : ");
    }
    function Calendar_Showing(sender){
        window.alert("Showing : ");
    }
    function Calendar_Shown(sender){
        window.alert("Shown : ");
    }
    function Calendar_Binding(sender){
        window.alert("Binding : ");
    }
    function Calendar_Disposed(sender){
        window.alert("Disposed : ");
    }
    function Calendar_Init(sender){
        window.alert("Init : ");
    }
    function Calendar_Load(sender){
        window.alert("Load : ");
    }
    function Calendar_PreRender(sender){
        window.alert("PreRender : ");
    }
    function Calendar_ResolveControlID(sender){
        window.alert("ResolveControlID : ");
    }
    function Calendar_Unload(sender){
        window.alert("Unload : ");
    }
    </script>

<hr />
    <asp:DropDownList ID="DDL_Format" runat="server" 
    AutoPostBack="True" onselectedindexchanged="DDL_Format_SelectedIndexChanged" ></asp:DropDownList>
    (非同期で処理すると、動的に書式変更してくれない : PageErrorになる形式もある)
    <asp:UpdatePanel ID="UpdatePanel1" runat="server">
   <ContentTemplate>
   </ContentTemplate>
    </asp:UpdatePanel>
        <hr />AjaxToolKit_CalendarExtender_単純(Clickで起動) 
        <asp:TextBox ID="TB_Date1" runat="server" Columns="20" Height="17px" 
        Width="211px"></asp:TextBox>
        <cc1:CalendarExtender ID="cal1" runat="server" TargetControlID="TB_Date1" Format="yyyy/MM/dd" >
        </cc1:CalendarExtender>
        <hr />AjaxToolKit_CalendarExtender_PopupButton付
        <asp:TextBox ID="TB_Date2" runat="server" Columns="20"></asp:TextBox>
        <asp:Image ID="img_Cal2" runat="server" ImageUrl="~/App___images/ICON/Calendar/Calendar_scheduleHS.png" />
        <cc1:CalendarExtender ID="cal2" runat="server" TargetControlID="TB_Date2" Format="yyyy/MM/dd" PopupButtonID="img_Cal2" >
        </cc1:CalendarExtender>
        
        <hr />
        AjaxToolKit_CalendarExtender_Animated=False
        <asp:TextBox ID="TB_Date3" runat="server" Columns="10"></asp:TextBox>
        <cc1:CalendarExtender ID="cal3" runat="server" TargetControlID="TB_Date3" Animated="False" Format="yyyy/MM/dd"  >
        </cc1:CalendarExtender> <br />
        AjaxToolKit_CalendarExtender_Animated=True
        <asp:TextBox ID="TB_Date4" runat="server" Columns="10"></asp:TextBox>
        <cc1:CalendarExtender ID="cal4" runat="server" TargetControlID="TB_Date4" Animated="True" Format="yyyy/MM/dd"  >
        </cc1:CalendarExtender>
   
        <hr />
        AjaxToolKit_CalendarExtender_ClientEvent
        <asp:TextBox ID="TB_Date5" runat="server" Columns="10" Width="78px" 
        ></asp:TextBox>
        <cc1:CalendarExtender ID="cal5" runat="server" TargetControlID="TB_Date5" Animated="False" Format="yyyy/MM/dd" 
        OnClientDateSelectionChanged="Calendar_Selection" 
        OnClientHidden="Calendar_Hidden"
        OnClientHiding="Calendar_Hiding"
        OnClientShowing="Calendar_Showing"
        OnClientShown = "Calendar_Shown"
        >
        </cc1:CalendarExtender> <br />
        <hr />
        表示書式のロケールは: ScriptManager.EnableScriptGlobalization / EnableScriptLocalization で決まる。動的変更不可。<br />
        書式としてErrorになるのは、PageErrorになる。日本ロケールの影響かも。
        <hr />AjaxToolKit_CalendarExtender_スタイルシート適用1
        <asp:TextBox ID="TB_Date6" runat="server" Columns="20"></asp:TextBox>
        <cc1:CalendarExtender ID="cal6" runat="server" TargetControlID="TB_Date6" CssClass="CustomCalendar"  Format="yyyy/MM/dd" >
        </cc1:CalendarExtender>
        <hr />AjaxToolKit_CalendarExtender_スタイルシート適用2
        <asp:TextBox ID="TB_Date7" runat="server" Columns="20"></asp:TextBox>
        <cc1:CalendarExtender ID="cal7" runat="server" TargetControlID="TB_Date7" CssClass="MyCalendar"  Format="yyyy/MM/dd" >
        </cc1:CalendarExtender>

        <hr />

    <asp:UpdatePanel ID="UpdatePanel2" runat="server">
   <ContentTemplate>
        <asp:Label ID="lbl_LOG" runat="server" Text=""></asp:Label>
   </ContentTemplate>
    </asp:UpdatePanel>
</asp:Content>



■e:\user\cervi.reseller\ognadmin\ognogn.com\www\AJAX\Control\PopupCalendar\Calendar01.aspx.cs■
using System;
using System.Collections;
using System.Configuration;
using System.Data;
using System.Linq;
using System.Web;
using System.Web.Security;
using System.Web.UI;
using System.Web.UI.HtmlControls;
using System.Web.UI.WebControls;
using System.Web.UI.WebControls.WebParts;
using System.Xml.Linq;
using System.Text;
using System.IO;

public partial class AJAX_Control_Calendar_Calendar01 : System.Web.UI.Page
{
    protected void Page_PreInit(object sender, EventArgs e)
    {
        Page.Theme = (string)Session["テーマ"];

    }

    protected void Page_Load(object sender, EventArgs e)
    {
        if (!Page.IsPostBack)
        {
            DDL_Format.Items.Add("  : (未定義)");
            DDL_Format.Items.Add("d : 短い日付");
            DDL_Format.Items.Add("D : 長い日付");
            DDL_Format.Items.Add("t : 短い時刻");
            DDL_Format.Items.Add("T : 長い時刻");
            DDL_Format.Items.Add("f : 短い完全日付時刻(Error)");
            DDL_Format.Items.Add("F : 長い完全日付時刻");
            DDL_Format.Items.Add("g : 短い一般日付時刻(Error)");
            DDL_Format.Items.Add("G : 長い一般日付時刻(Error)");
            DDL_Format.Items.Add("Y : 年月のみ");
            DDL_Format.Items.Add("y : 年月のみ");
            DDL_Format.Items.Add("M : 月日のみ");
            DDL_Format.Items.Add("m : 月日のみ");
            DDL_Format.Items.Add("R : RFC1123形式(ddd,dd MMM yyy HH:mm:ss GMT)(Error)");
            DDL_Format.Items.Add("r : RFC1123形式(ddd,dd MMM yyy HH:mm:ss GMT)(Error)");
            DDL_Format.Items.Add("s : ISO8601形式(yyyy-MM-dd HH:mm:ss)");
            DDL_Format.Items.Add("u : 世界時刻形式(yyyy-MM-dd HH:mm:ssZ)(Error)");
            DDL_Format.Items.Add("--------★---------- カスタム");
            DDL_Format.Items.Add("d , dd  Md , MMdd, : 日 ");
            DDL_Format.Items.Add("dd:   日 ddだけだと03 にならないよ");
            DDL_Format.Items.Add("ddd , dddd:   曜日(省略) ");
            DDL_Format.Items.Add("dddd:   曜日(Full:単独だとおかしい) ");
            DDL_Format.Items.Add("gyyyy , ggyyyy : 紀元 (おかしいよ)");
            DDL_Format.Items.Add("h , hh , H , HH  : 時間");
            DDL_Format.Items.Add("m , mm           : 分");
            DDL_Format.Items.Add("s , ss           : 秒");
            DDL_Format.Items.Add("tHH , ttHH           : 午前午後: '午'ではおかしい");

            DDL_Format.Items.Add("M , MM　,MMM ,MMMM   : 月");
            DDL_Format.Items.Add("y , yy  ,yyyy        : 年");
            DDL_Format.Items.Add("z , zz  ,zzz         : Timezone");


            TB_Date1.Text = DateTime.Now.ToString("ggyyyyMMdd: dddd: tHH");

        }
    }

    protected void DDL_Format_SelectedIndexChanged(object sender, EventArgs e)
    {
        StringBuilder sb = new StringBuilder(1024);
        ControlListup(sb, Page);
    }
    private void ControlListup(StringBuilder sb, Control ctrl)
    {
        string fm = DDL_Format.SelectedValue;
        int pt = fm.IndexOf(":");
        if (pt == -1) return;
        fm = fm.Substring(0, pt - 1).Trim();
        sb.AppendLine("ID:" + ctrl.ID + "" + ctrl.GetType().ToString() + "<br/>");
        if (ctrl is AjaxControlToolkit.CalendarExtender)
        {
            sb.AppendLine("★");
            AjaxControlToolkit.CalendarExtender ce = (AjaxControlToolkit.CalendarExtender)ctrl;
            ce.Format = fm;

        }
 
        foreach (Control c in ctrl.Controls)
        {
            ControlListup(sb,c);
        }

    }


}