Atlas控件使用说明

最新推荐文章于 2022-10-12 10:08:01 发布
最新推荐文章于 2022-10-12 10:08:01 发布
阅读量1k 收藏
点赞数
分类专栏： Ajax 文章标签： server textbox asp button calendar html
【书名    】：Atlas控件使用说明
【评价    】：★★★★★★★☆☆☆
【正文    】：

----------------------------------------------------------------------------------------------------
0001：
    Accordion控件的使用：折叠面板的控件
    <html xmlns="http://www.w3.org/1999/xhtml" >
    <head runat="server">
        <title>Accordion控件的使用</title>
        <style type="text/css">
        /*面板头的样式*/
        .accordionHeader
        {
            border: 1px solid #2F4F4F;
            color: white;
            background-color: rgb(30%,50%,70%);
         font-family: Arial, Sans-Serif;
         font-size: 12px;
         font-weight: bold;
            padding: 5px;
            margin-top: 5px;
            cursor: pointer;
        }
        /*面板内容的样式*/
        .accordionContent
        {
            background-color: rgb(50%,70%,90%);
            border: 1px dashed #2F4F4F;
            border-top: none;
            padding: 5px;
            padding-top: 10px;
        }  
        </style>
    </head>
    <body>
        <form id="form1" runat="server">
            <asp:ScriptManager ID="ScriptManager1" runat="server" />
            <cc1:Accordion
                ID="Accordion1"
                runat="server"
                SelectedIndex="0"
                HeaderCssClass="accordionHeader"
                ContentCssClass="accordionContent"
                FadeTransitions="false"
                FramesPerSecond="40"
                TransitionDuration="250"
                AutoSize="None"
                RequireOpenedPane="false"
                SuppressHeaderPostbacks="true">
                <Panes>
                    <cc1:AccordionPane ID="AccordionPane1" runat="server">
                        <Header>第一部分</Header>
                        <Content>
                            AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA
                            AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA
                            AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA
                            AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA
                            AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA
                            AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA。
                        </Content>
                    </cc1:AccordionPane>
                    <cc1:AccordionPane ID="AccordionPane2" runat="server">
                        <Header>第二部分</Header>
                        <Content>
                            AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA
                            AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA
                            AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA
                            AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA
                            AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA
                            AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA。
                        </Content>
                    </cc1:AccordionPane>
                </Panes>
            </cc1:Accordion>       
        </form>
    </body>
    </html>
----------------------------------------------------------------------------------------------------
0002：
    AlwaysVisibleControlExtender控件的使用：类似于浮动广告的样子
    <html xmlns="http://www.w3.org/1999/xhtml" >
    <head runat="server">
        <title>AlwaysVisibleControlExtender控件的使用</title>
    </head>
    <body>
        <form id="form1" runat="server">
            <asp:ScriptManager ID="ScriptManager1" runat="server" />
            <cc1:AlwaysVisibleControlExtender
                ID="AlwaysVisibleControlExtender1"
                runat="server"
                TargetControlID="showAlways"
                VerticalSide="Top"
                VerticalOffset="10"
                HorizontalSide="Right"
                HorizontalOffset="10"
                ScrollEffectDuration=".1">
            </cc1:AlwaysVisibleControlExtender>
            <asp:Panel runat="server" id="showAlways" BackColor="#C0C0FF" Height="100px" Width="150px"></asp:Panel>
        </form>
    </body>
    </html>
----------------------------------------------------------------------------------------------------
0003：
    AutoCompleteExtender控件的使用：自动完成控件的使用
    <html xmlns="http://www.w3.org/1999/xhtml" >
    <head runat="server">
        <title>AutoCompleteExtender控件的使用</title>
    </head>
    <body>
        <form id="form1" runat="server">
            <asp:ScriptManager ID="ScriptManager1" runat="server" />
            <asp:TextBox ID="TextBox1" runat="server" AutoCompleteType="Office"></asp:TextBox>
            <cc1:AutoCompleteExtender
                ID="AutoCompleteExtender1"
                runat="server"
                TargetControlID="TextBox1"
                ServicePath="GetData.asmx"
                ServiceMethod="GetCompletionList"
                MinimumPrefixLength="2"
                CompletionInterval="1000"
                EnableCaching="true"
                CompletionSetCount="5">
            </cc1:AutoCompleteExtender>
        </form>
    </body>
    </html>

    Web服务部分：GetData.asmx
    [System.Web.Script.Services.ScriptService]
    public class GetData : System.Web.Services.WebService
    {
        [WebMethod]
        public string[] GetCompletionList(string prefixText, int count)
        {
            string[] list = new string[count];
            for (int i = 0; i < count; i++)
            {
                list[i] = prefixText + "-------";
            }
            return list;
        }
    }
----------------------------------------------------------------------------------------------------
0004：
    CascadingDropDown控件的使用：能够实现下拉列表框的联动，这里实现的是区省市的联动
    <html xmlns="http://www.w3.org/1999/xhtml" >
    <head runat="server">
        <title>CascadingDropDown控件的使用</title>
    </head>
    <body>
        <form id="form1" runat="server">
            <asp:ScriptManager ID="ScriptManager1" runat="server" />
            <asp:DropDownList ID="DropDownList1" runat="server"></asp:DropDownList>
            <asp:DropDownList ID="DropDownList2" runat="server"></asp:DropDownList>
            <asp:DropDownList ID="DropDownList3" runat="server"></asp:DropDownList>
            <cc1:CascadingDropDown
                ID="CascadingDropDown1"
                runat="server"
                TargetControlID="DropDownList1"
                Category="分区" 
                PromptText="请选择分区"  LoadingText="正在加载..."
                ServicePath="GetData.asmx"
                ServiceMethod="GetData1" >
            </cc1:CascadingDropDown>
            <cc1:CascadingDropDown
                ID="CascadingDropDown2"
                runat="server"
                TargetControlID="DropDownList2"
                Category="省份"
                PromptText="请选择省份"
                LoadingText="正在加载..."
                ServicePath="GetData.asmx"
                ServiceMethod="GetData2"
                ParentControlID="DropDownList1" >
            </cc1:CascadingDropDown>
            <cc1:CascadingDropDown
                ID="CascadingDropDown3"
                runat="server"
                TargetControlID="DropDownList3"
                Category="城市"
                PromptText="请选择城市"
                LoadingText="正在加载..."
                ServicePath="GetData.asmx" 
                ServiceMethod="GetData3"
                ParentControlID="DropDownList2" >
            </cc1:CascadingDropDown>
        </form>
    </body>
    </html>

    Web服务部分：GetData.asmx
    [System.Web.Script.Services.ScriptService]
    public class GetData : System.Web.Services.WebService
    {
        [WebMethod]
        public AjaxControlToolkit.CascadingDropDownNameValue[] GetData1(string knownCategoryValues, string category)
        {
            AjaxControlToolkit.CascadingDropDownNameValue[] aList = new AjaxControlToolkit.CascadingDropDownNameValue[2];
            aList[0] = new AjaxControlToolkit.CascadingDropDownNameValue("北方", "1");
            aList[1] = new AjaxControlToolkit.CascadingDropDownNameValue("南方", "2");
            return aList;
        }
        [WebMethod]
        public AjaxControlToolkit.CascadingDropDownNameValue[] GetData2(string knownCategoryValues, string category)
        {
            System.Collections.Specialized.StringDictionary kv = AjaxControlToolkit.CascadingDropDown.ParseKnownCategoryValuesString(knownCategoryValues);
            //id1就保存着上一个控件所选择的编码
            int id1;
            if (kv.ContainsKey("分区") == false || Int32.TryParse(kv["分区"], out id1) == false)
            {
                return null;
            }
            AjaxControlToolkit.CascadingDropDownNameValue[] aList = new AjaxControlToolkit.CascadingDropDownNameValue[2];
            if (id1 == 1)
            {
                aList[0] = new AjaxControlToolkit.CascadingDropDownNameValue("河北省", "1");
                aList[1] = new AjaxControlToolkit.CascadingDropDownNameValue("山东省", "2");
            }
            else
            {
                aList[0] = new AjaxControlToolkit.CascadingDropDownNameValue("广东省", "3");
                aList[1] = new AjaxControlToolkit.CascadingDropDownNameValue("广西省", "4");
            }
            return aList;
        }
        [WebMethod]
        public AjaxControlToolkit.CascadingDropDownNameValue[] GetData3(string knownCategoryValues, string category)
        {
            System.Collections.Specialized.StringDictionary kv = AjaxControlToolkit.CascadingDropDown.ParseKnownCategoryValuesString(knownCategoryValues);
            //id1就保存着上一个控件所选择的编码
            int id2;
            if (kv.ContainsKey("省份") == false || Int32.TryParse(kv["省份"], out id2) == false)
            {
                return null;
            }
            AjaxControlToolkit.CascadingDropDownNameValue[] aList = new AjaxControlToolkit.CascadingDropDownNameValue[2];
            if (id2 == 1)
            {
                aList[0] = new AjaxControlToolkit.CascadingDropDownNameValue("三河市", "1");
                aList[1] = new AjaxControlToolkit.CascadingDropDownNameValue("廊坊市", "2");
            }
            else if (id2 == 2)
            {
                aList[0] = new AjaxControlToolkit.CascadingDropDownNameValue("烟台市", "1");
                aList[1] = new AjaxControlToolkit.CascadingDropDownNameValue("淄博市", "2");
            }
            else if (id2 == 3)
            {
                aList[0] = new AjaxControlToolkit.CascadingDropDownNameValue("广州市", "1");
                aList[1] = new AjaxControlToolkit.CascadingDropDownNameValue("肇庆市", "2");
            }
            else
            {
                aList[0] = new AjaxControlToolkit.CascadingDropDownNameValue("柳州市", "1");
                aList[1] = new AjaxControlToolkit.CascadingDropDownNameValue("桂林市", "2");
            }
            return aList;
        }
    }
----------------------------------------------------------------------------------------------------
0005：
    CollapsiblePanelExtender控件的使用：折叠面板
    <html xmlns="http://www.w3.org/1999/xhtml" >
    <head runat="server">
        <title>CollapsiblePanelExtender控件的使用</title>
        <style type="text/css">
        .collapsePanel
        {
            background-color:white;
            overflow:hidden;
        }
        .collapsePanelHeader
        { 
            width:100%;  
            height:30px;
            background-image: url(images/bg-menu-main.png);
            background-repeat:repeat-x;
            color:#FFF;
            font-weight:bold;
        }
        </style>
    </head>
    <body>
        <form id="form1" runat="server">
            <asp:ScriptManager ID="ScriptManager1" runat="server" />
            <asp:Panel ID="Panel2" runat="server" CssClass="collapsePanelHeader" Height="30px">
                <div style="padding:5px; cursor: pointer; vertical-align: middle;">
                    <div style="float: left;">What is ASP.NET AJAX?</div>
                    <div style="float: left; margin-left: 20px;">
                        <asp:Label ID="Label1" runat="server"></asp:Label>
                    </div>
                    <div style="float: right; vertical-align: middle;">
                        <asp:ImageButton
                            ID="Image1"
                            runat="server"
                            ImageUrl="~/images/expand_blue.jpg"/>
                    </div>
                </div>
            </asp:Panel>
            <asp:Panel ID="Panel1" runat="server" CssClass="collapsePanel" Height="0">
            <br />
            <p>
                AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA
                AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA
                AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA
                AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA
                AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA
                AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA
                AAAAAAAAAAAAAAAAAAAAAAAAAAAAAA。
            </p>
            </asp:Panel>
            <cc1:CollapsiblePanelExtender
                ID="CollapsiblePanelExtender1"
                runat="Server"
                TargetControlID="Panel1"
                ExpandControlID="Panel2"
                CollapseControlID="Panel2"
                Collapsed="True"
                TextLabelID="Label1"
                ImageControlID="Image1"
                ExpandedImage="~/images/collapse_blue.jpg"
                CollapsedImage="~/images/expand_blue.jpg"
                SuppressPostBack="true"/>
        </form>
    </body>
    </html>
----------------------------------------------------------------------------------------------------
0006：
    ConfirmButtonExtender控件的使用：确定提示框的实现，也可以绑定到LinkButton上
    <html xmlns="http://www.w3.org/1999/xhtml" >
    <head runat="server">
        <title>ConfirmButtonExtender控件的使用</title>
    </head>
    <body>
        <form id="form1" runat="server">
            <asp:ScriptManager ID="ScriptManager1" runat="server" />
            <asp:Button ID="Button1" runat="server" Text="Button" />
            <cc1:ConfirmButtonExtender
                ID="ConfirmButtonExtender1"
                runat="server"
                TargetControlID="Button1"
                ConfirmText="确定么？" >
            </cc1:ConfirmButtonExtender>
        </form>
    </body>
    </html>
----------------------------------------------------------------------------------------------------
0007：
    DragPanelExtender控件的使用：拖动面板的实现
    <html xmlns="http://www.w3.org/1999/xhtml" >
    <head runat="server">
        <title>DragPanelExtender控件的使用</title>
        <style type="text/css">
        .dragMe
        {
         width:100%;
         height:21px;
         background-color:#FFF;
         text-align:center;
         cursor:move;
         font-weight:bold;
        }
        </style>
    </head>
    <body>
        <form id="form1" runat="server">
            <asp:ScriptManager ID="ScriptManager1" runat="server" />
            <div style="height: 300px; width: 250px; float: left; padding: 5px;" >
                <asp:Panel
                    ID="Panel1"
                    runat="server"
                    Width="250px"
                    style="z-index: 20;">
                    <asp:Panel
                        ID="Panel2"
                        runat="server"
                        Width="250px"
                        Height="20px"
                        BorderStyle="Solid"
                        BorderWidth="2px"
                        BorderColor="black">
                        <div class="dragMe">拖动</div>
                    </asp:Panel>
                    <asp:Panel 
                        ID="Panel8"
                        runat="server"
                        Width="250px"
                        Height="250px"
                        BackColor="#0B3D73"
                        ForeColor="whitesmoke"
                        BorderWidth="2px"
                        BorderColor="black"
                        BorderStyle="Solid" >
                        <div>
                            AAAAAAAAAAAAAAAAAAAAAA
                            AAAAAAAAAAAAAAAAAAAAAA
                            AAAAAAAAAAAAAAAAAAAAAA
                            AAAAAAAAAAAAAAAAAAAAAA
                            AAAAAAAAAAAAAAAAAAAAAA
                            AAAAAAAAAAAAAAAA。
                        </div>
                    </asp:Panel>
                </asp:Panel>   
            </div>
            <cc1:DragPanelExtender
                ID="DragPanelExtender1"
                runat="server"
                TargetControlID="Panel1"
                DragHandleID="Panel2" />
        </form>
    </body>
    </html>
----------------------------------------------------------------------------------------------------
0008：
    DropShadowExtender控件的使用：阴影效果的实现
    <html xmlns="http://www.w3.org/1999/xhtml" >
    <head runat="server">
        <title>DropShadowExtender控件的使用</title>
    </head>
    <body>
        <form id="form1" runat="server">
            <asp:ScriptManager ID="ScriptManager1" runat="server" />
            <asp:Panel ID="Panel1" Width="200px" Height="150px" BackColor="blue" runat="server"></asp:Panel>
            <cc1:DropShadowExtender
                ID="DropShadowExtender1"
                runat="server"
                TargetControlID="Panel1"
                Width="5"
                Rounded="true"
                Radius="6"
                Opacity=".75"
                TrackPosition="true" />
        </form>
    </body>
    </html>
----------------------------------------------------------------------------------------------------
0009：
    FilteredTextBoxExtender控件的使用：只能输入某些符号的文本框，此例子只能输入数字和+-.
    <html xmlns="http://www.w3.org/1999/xhtml" >
    <head runat="server">
        <title>FilteredTextBoxExtender控件的使用</title>
    </head>
    <body>
        <form id="form1" runat="server">
            <asp:ScriptManager ID="ScriptManager1" runat="server" />
            <asp:TextBox ID="TextBox1" runat="server" />
            <cc1:FilteredTextBoxExtender
               ID="FilteredTextBoxExtender1"
               runat="server"
               TargetControlID="TextBox1"
               FilterType="Custom,Numbers"
               ValidChars="+-." />
        </form>
    </body>
    </html>
----------------------------------------------------------------------------------------------------
0010：
    HoverMenuExtender控件的使用：自动弹出的信息提示框
    <html xmlns="http://www.w3.org/1999/xhtml" >
    <head runat="server">
        <title>HoverMenuExtender控件的使用</title>
        <style type="text/css">
        .popupMenu
        {
         position:absolute;
         visibility:hidden;
         background-color:#F5F7F8;
         opacity:.9;
         filter: alpha(opacity=90);
        }
        .popupHover
        {
         background-repeat:repeat-x;
         background-position:left top;
         background-color:#F5F7F8;
        }
        </style>
    </head>
    <body>
        <form id="form1" runat="server">
            <asp:ScriptManager ID="ScriptManager1" runat="server" />
            <asp:Button ID="Button1" runat="server" Text="Button" />
            <cc1:HoverMenuExtender
                ID="hme1"
                runat="Server"
                TargetControlID="Button1"
                PopupControlID="PopupMenu"
                HoverCssClass="popupHover"
                PopupPosition="Right" />
            <asp:Panel ID="PopupMenu" runat="server" CssClass="popupMenu" Width="80">
                <div style="border:1px outset white; width:100px; height:25px">
                    这是一个按钮
                </div>
            </asp:Panel>
        </form>
    </body>
    </html>
----------------------------------------------------------------------------------------------------
0011：
    ModalPopupExtender控件的使用：模式对话框，确定按钮只能执行客户端脚本，当然，可以从客户端调用服务
器方法。
    <html xmlns="http://www.w3.org/1999/xhtml" >
    <head runat="server">
        <title>ModalPopupExtender控件的使用</title>
        <style type="text/css">
        .modalPopup
        {
         background-color:#ffffdd;
         border-width:3px;
         border-style:solid;
         border-color:Gray;
         padding:3px;
         width:250px;
        }
        .modalBackground
        {
         background-color:Gray;
         filter:alpha(opacity=70);
         opacity:0.7;
        }
        </style>
        <script type="text/javascript">
        function OnOk()
        {
            alert("执行了");
        }
        </script>
    </head>
    <body>
        <form id="form1" runat="server">
            <asp:ScriptManager ID="ScriptManager1" runat="server" />
            <asp:LinkButton ID="LinkButton1" runat="server" Text="打开模式对话框" />
           
            <asp:Panel ID="Panel1" runat="server" Style="display: none" CssClass="modalPopup">
                <asp:Panel ID="Panel3" runat="server" Style="cursor: move;background-color:#DDDDDD;border:solid 1px Gray;color:Black">
                    <div>
                        <p>确认执行操作么？</p>
                    </div>
                </asp:Panel>
                    <div>
                        <p style="text-align: center;">
                            <asp:Button ID="OkButton" runat="server" Text="确认"/>
                            <asp:Button ID="CancelButton" runat="server" Text="取消" />
                        </p>
                    </div>
            </asp:Panel>
           
            <cc1:ModalPopupExtender
                ID="ModalPopupExtender"
                runat="server"
                TargetControlID="LinkButton1"
                PopupControlID="Panel1"
                BackgroundCssClass="modalBackground"
                OkControlID="OkButton"
                OnOkScript="OnOk()"
                CancelControlID="CancelButton"
                DropShadow="true"
                PopupDragHandleControlID="Panel3" />
        </form>
    </body>
    </html>
----------------------------------------------------------------------------------------------------
0012：
    MutuallyExclusiveCheckboxExtender控件的使用：只能选一组中其中一个Checkbox
    <html xmlns="http://www.w3.org/1999/xhtml" >
    <head runat="server">
        <title>MutuallyExclusiveCheckboxExtender控件的使用</title>
    </head>
    <body>
        <form id="form1" runat="server">
            <asp:ScriptManager ID="ScriptManager1" runat="server" />
            <asp:Checkbox runat="server" id="Checkbox1" Text="男" />
            <asp:Checkbox runat="server" id="Checkbox2" Text="女" />
         <cc1:MutuallyExclusiveCheckboxExtender
             ID="MutuallyExclusiveCheckboxExtender1"
             runat="server"
             TargetControlID="Checkbox1"
             Key="SexCheckBox" />
         <cc1:MutuallyExclusiveCheckboxExtender
             ID="MutuallyExclusiveCheckboxExtender2"
             runat="server"
             TargetControlID="Checkbox2"
             Key="SexCheckBox" />
        </form>
    </body>
    </html>
----------------------------------------------------------------------------------------------------
0013：
    PopupControlExtender控件的使用：弹出窗口控件，这里实现的是日期选择
    <html xmlns="http://www.w3.org/1999/xhtml" >
    <head runat="server">
        <title>PopupControlExtender控件的使用</title>
    </head>
    <body>
        <form id="form1" runat="server">
            <asp:ScriptManager ID="ScriptManager1" runat="server" />
            <asp:TextBox ID="TextBox1" runat="server" AutoCompleteType="office"></asp:TextBox>
            <asp:Panel ID="Panel1" runat="server" Height="50px" Width="125px">
                <asp:UpdatePanel ID="UpdatePanel1" runat="server">
                    <ContentTemplate>
                        <center>
                            <asp:Calendar ID="Calendar1" runat="server" BackColor="#FFFFCC" BorderColor="#FFCC66"
                                BorderWidth="1px" DayNameFormat="Shortest" Font-Names="Verdana" Font-Size="8pt"
                                ForeColor="#663399" Height="200px" ShowGridLines="True" Width="220px" OnSelectionChanged="Calendar1_SelectionChanged">
                                <SelectedDayStyle BackColor="#CCCCFF" Font-Bold="True" />
                                <TodayDayStyle BackColor="#FFCC66" ForeColor="White" />
                                <SelectorStyle BackColor="#FFCC66" />
                                <OtherMonthDayStyle ForeColor="#CC9966" />
                                <NextPrevStyle Font-Size="9pt" ForeColor="#FFFFCC" />
                                <DayHeaderStyle BackColor="#FFCC66" Font-Bold="True" Height="1px" />
                                <TitleStyle BackColor="#990000" Font-Bold="True" Font-Size="9pt" ForeColor="#FFFFCC" />
                            </asp:Calendar>
                        </center>
                    </ContentTemplate>
                </asp:UpdatePanel>
            </asp:Panel>
            <cc1:PopupControlExtender
                ID="PopupControlExtender1"
                runat="server"
                TargetControlID="TextBox1"
                PopupControlID="Panel1"
                Position="Bottom">
            </cc1:PopupControlExtender>
        </form>
    </body>
    </html>

    CS部分：
    protected void Calendar1_SelectionChanged(object sender, EventArgs e)
    {
        this.PopupControlExtender1.Commit(this.Calendar1.SelectedDate.ToShortDateString());
    }
----------------------------------------------------------------------------------------------------
0014：
    RoundedCornersExtender控件的使用：控件的圆角效果
    <html xmlns="http://www.w3.org/1999/xhtml" >
    <head runat="server">
        <title>RoundedCornersExtender控件的使用</title>
    </head>
    <body>
        <form id="form1" runat="server">
            <asp:ScriptManager ID="ScriptManager1" runat="server" />
            <asp:Panel ID="Panel1" Width="150px" Height="100px" BackColor="gray" runat="server"></asp:Panel>
            <cc1:RoundedCornersExtender
                ID="RoundedCornersExtender1"
                runat="server"
                TargetControlID="Panel1"
                Radius="6"
                Corners="All">
            </cc1:RoundedCornersExtender>
        </form>
    </body>
    </html>
----------------------------------------------------------------------------------------------------
0015：
    SlideShowExtender控件的使用：自动播放图片控件
    <html xmlns="http://www.w3.org/1999/xhtml" >
    <head runat="server">
        <title>SlideShowExtender控件的使用</title>
    </head>
    <body>
        <form id="form1" runat="server">
            <asp:ScriptManager ID="ScriptManager1" runat="server" />
            <div style="text-align:center">
                <asp:Image ID="Image1" runat="server"
                    Height="300"
                    Style="border: 1px solid black;width:auto"
                    ImageUrl="~/images/AJAX.gif"
                    AlternateText="Blue Hills image" />
                <asp:Label runat="Server" ID="imageLabel1"/><br /><br />
                <asp:Button runat="Server" ID="prevButton" Text="Prev" Font-Size="Larger" />
                <asp:Button runat="Server" ID="playButton" Text="Play" Font-Size="Larger" />
                <asp:Button runat="Server" ID="nextButton" Text="Next" Font-Size="Larger" />
                <cc1:SlideShowExtender ID="slideshowextend1" runat="server"
                    TargetControlID="Image1"
                    SlideShowServicePath="GetData.asmx"
                    SlideShowServiceMethod="GetSlides"
                    AutoPlay="true"
                    ImageDescriptionLabelID="imageLabel1"
                    NextButtonID="nextButton"
                    PlayButtonText="Play"
                    StopButtonText="Stop"
                    PreviousButtonID="prevButton"
                    PlayButtonID="playButton"
                    Loop="true" />
            </div>
        </form>
    </body>
    </html>

    Web服务部分：GetData.asmx
    [System.Web.Script.Services.ScriptService()]
    public class GetData : System.Web.Services.WebService
    {
        [WebMethod]
        public AjaxControlToolkit.Slide[] GetSlides()
        {
            return new AjaxControlToolkit.Slide[]
            {
                new AjaxControlToolkit.Slide("images/Blue hills.jpg", "Blue Hills", "Go Blue"),
                new AjaxControlToolkit.Slide("images/Sunset.jpg", "Sunset", "Setting sun"),
                new AjaxControlToolkit.Slide("images/Winter.jpg", "Winter", "Wintery..."),
                new AjaxControlToolkit.Slide("images/Water lilies.jpg", "Water lillies", "Lillies in the water"),
                new AjaxControlToolkit.Slide("images/VerticalPicture.jpg", "Sedona", "Portrait style picture")
            };
        }
    }
----------------------------------------------------------------------------------------------------
0016：
    TabContainer控件的使用：
    <html xmlns="http://www.w3.org/1999/xhtml" >
    <head runat="server">
        <title>TabContainer控件的使用</title>
    </head>
    <body>
        <form id="form1" runat="server">
            <asp:ScriptManager ID="ScriptManager1" runat="server" />
            <cc1:TabContainer runat="server" ID="Tabs" Height="150px">
                <cc1:TabPanel runat="Server" ID="Panel1" HeaderText="第一部分">
                    <ContentTemplate>
                        <div style="width:100%; height:100%; background-color:rgb(70%,80%,90%)">
                            <asp:TextBox ID="TextBox1" runat="server"></asp:TextBox>
                            <asp:Button ID="Button1" runat="server" Text="按钮1" OnClick="Button1_Click"/>  
                        </div>     
                    </ContentTemplate>
                </cc1:TabPanel>
                <cc1:TabPanel runat="Server" ID="TabPanel1" HeaderText="第二部分">
                    <ContentTemplate>
                        <div style="width:100%; height:100%; background-color:rgb(90%,80%,70%)">
                            <asp:TextBox ID="TextBox2" runat="server"></asp:TextBox>
                            <asp:Button ID="Button2" runat="server" Text="按钮2" OnClick="Button2_Click"/>  
                        </div>     
                    </ContentTemplate>
                </cc1:TabPanel>
            </cc1:TabContainer>
        </form>
    </body>
    </html>

    CS部分：
    protected void Button1_Click(object sender, EventArgs e)
    {
        this.TextBox1.Text = DateTime.Now.ToLongTimeString();
    }
    protected void Button2_Click(object sender, EventArgs e)
    {
        this.TextBox2.Text = this.TextBox1.Text;
    }
----------------------------------------------------------------------------------------------------
0017：
    TextBoxWatermarkExtender控件的使用：水印效果，可以用来实现提示输入信息的说明
    <html xmlns="http://www.w3.org/1999/xhtml" >
    <head runat="server">
        <title>TextBoxWatermarkExtender控件的使用</title>
        <style type="text/css">
        .unwatermarked
        {
         height:18px;
         width:148px;
         font-weight:bold;
        }
        .watermarked
        {
         height:20px;
         width:150px;
         padding:2px 0 0 2px;
         border:1px solid #BEBEBE;
         background-color:#F0F8FF;
         color:gray;
        } 
        </style>
    </head>
    <body>
        <form id="form1" runat="server">
            <asp:ScriptManager ID="ScriptManager1" runat="server" />
            <asp:TextBox ID="TextBox1" CssClass="unwatermarked" Width="150" runat="server" />
            <cc1:TextBoxWatermarkExtender
                ID="TextBoxWatermarkExtender1"
                runat="server"
                TargetControlID="TextBox1"
                WatermarkText="输入姓名"
                WatermarkCssClass="watermarked" />
        </form>
    </body>
    </html>
---------------------------------------------------------------------------------------------------- 


 
piscailei
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
atlas-guide：Atlas是一个实时的styleguide和模式库静态站点生成器，具有广泛CSS监视和组件信息，几乎可以在任何scsscss项目中使用
02-05
地图集指南 Atlas是生活样式指南，模式库，指南和文档静态站点生成器，具有大量样式监视和Sass组件报告。 它从markdown文件生成文档，并在scss文件中生成文档注释。 这是自以为是的。 因为可能无法涵盖CSS / Sass中的所有情况。 它主要设计为“样式指导驱动的开发”工具，重点放在拆分文件方法和具有标准Sass导入结构的封装组件上。 产品特点 借助Moustache和Marked可以快速燃烧。 它主要设计为开发平台； 支持增量构建，因此只能更新更改的页面； 可以通过实时重载或“热”重载进行设置； 一小部分依赖项（Mustache，Marked，PostCSS，CSSSt
【Atlas200】使用Mindx v2接口(C++)完成letterbox，等长宽比缩放后padding操作
种一棵树最好的时间是十年前，其次是现在
05-24 554
在深度学习中，图像的尺寸对于模型的训练和推理十分重要。为了保持输入图像的纵横比例，避免因缩放导致的失真，通常会对图像进行裁剪或嵌入（padding）操作。其中，letterbox是一种常用的嵌入操作，其主要思想是在图像周围添加黑色边框，使图像的尺寸与模型的期望输入尺寸一致。通过这种方式，输入图像可以被缩放到模型的期望输入大小，而不会破坏图像的纵横比例。因此，letterbox可以有效地提高模型的训练和推理性能，同时保持图像的视觉质量。
Atlas学习笔记
m0_37607242的博客
10-12 952
atlas
插件化介绍五：Atlas的使用
秦时明月
09-13 2009
简介 Atlas是伴随着手机淘宝的不断发展而衍生出来的一个运行于Android系统上的一个容器化框架，我们也叫动态组件化(Dynamic Bundle)框架。它主要提供了解耦化、组件化、动态性的支持。覆盖了工程师的工程编码期、Apk运行期以及后续运维期的各种问题。 Atlas对app的划分如下图所示： 拆分 定位 说明 host 基础支持 包含独立的中...
Apache atlas使用说明文档
10-18
Apache atlas使用说明文档
Apache atlas使用说明文档.pdf（转载分享请注明出处）
10-17
元数据管理apache atlas 自己总结的使用说明文档。主要包括Apache atlas 第一章： Apache atlas简介 1.1 apache atlas 架构介绍 2 1.1.1核心组件Core 2 1.1.2 Integration 4 1.1.3 Metadata source 4 1.1.4 应用...
ATLAS器件仿真使用说明书
03-15
详细讲解了ATLAS器件仿真的内容，ATLAS器件必备。
atlas 拧紧机-PF系列-简要使用手册.pdf
08-07
atlas 拧紧机-PF系列-简要使用手册.pdf
Atlas控件
04-14
Atlas控件的使用案例
css渐隐效果
atlasroben的专栏
07-29 2344
今天找adonis要了段渐隐的效果代码,为了方便记录就丢这里了由于他不要版权,我就厚颜无耻的帮他当原创写了,哈哈!!var intDelay=20; var intInterval=2;function GradientShow() {LayerMenu.filters.alpha.opacity+=intInterval; if (LayerMenu.filters.alpha.op
初识CSS中的sprite技巧
移动开发记录
09-22 117
所谓的CSS Sprites技术，就是将一些较小的图片统一排放在一个大的图片文件中，然后依靠代码来显示其中所需的图标部分，从而代替将这些小图标单独保存为多个较小图片文件。我们先来看一个例子： 这个页面主要实现的是一个日历功能（参考jquery javascript与css开发入门经典一书第七章AJAX）。最下方的控制按钮就是采用了CSS Sprites技术。当用户点击最左方的箭头时可查看前一...
Atlas客户端类库、控件介绍（1）
AD2096的博客
05-30 295
　　“Atlas”系统是一个非常复杂的框架，具有类似于asp.net般的丰富组件来简化客户端的程序设计。在dflying的系列文章中，已经为我们大家介绍了很多相关的知识，重复的地方我在这里就不啰嗦了。　　要实现“Atlas”客户端控件，有两种方式，一种是Xml Script定义的方式，dflying书写的系列文章中，涉及到Atlas客户端控件大多数采用的就是上面的这种方式，形式如同： ...
插件化踩坑之路——Small和Atlas方案对比
小之的博客
08-18 8847
插件化算是去年到今年一直比较火的一个技术了，各个开源库的方案实际上原理都大相径庭，但在集成和使用上有一定的区别，不同的方案针对的场景也不同，下面就主要分析一下 Small 和 Atlas ，他们的使用场景，优缺点，以及踩过的坑都会一一介绍。 作为一个公司 Android 团队架构组成员，肯定就要接触最前沿的技术嘛，这之前我一直在研究长连接相关的技术，封装了一套以 Netty 为核心的 TCP 客户端
Atlas学习手记（18）：使用DragPanel实现拖放面板
weixin_33775582的博客
08-30 123
前面曾经使用DragOverlayExtender来实现过拖放功能，DragPanel也可以使我们很容易的为ASP.NET面板加上拖放功能。DragPanel直接封装了Atlas中的客户端控件Sys.UI.FloatingBehavior，它为如何向已有的Behavior添加一个Extender提供了很好的示例。 主要内容 1．DragPanel Extender介绍 2．完整示例 ...
Unity 图集Atlas功能需求实现
ManHua的博客
07-22 1318
unity自身的Sprite Atlas介绍 Sprite Atlas的主要有以下三个功能： 1.创建、编辑图集以及设定图集参数 2.添加图集Variant（变种） 3.运行时访问图集 通过图中红点标注的地方，可以添加你想添加的图片。 P.S.这里可以支持多种类型，包括单个Sprite、Sliced Sprite、文件夹，以及这些类型的任意组合。 此外选择Variant（变种）可以复制原有图集的贴图，并根据一个比例系数来调整复制贴图的大小。为不同分辨率的屏幕准备不同的图集。 Unity的图集可以说功能
altas(ajax)控件(一)：多功能面板控件Accordion
爱.NET
08-22 111
一、Accordion控件简介 Accordion控件是能够提供多个显示面版的Web控件，它一次只能显示一个面版的内容。它有多个可折叠的面版，且一次只能展开一个。Accordion内包含AccordionPane控件，每个AccordionPane控件内都有一个模版，模版内都有标题和内容。 Accordion控件有三种AutoSize模式能适应各种不同的布局：None：在Accordion控件...
apache atlas使用说明文档.pdf
最新发布
09-02
Apache Atlas是一个开源的数据集成和元数据管理平台，主要用于管理和跟踪数据资产的流动和变化。它提供了一种集中的方法来组织、搜索和可视化数据资产的元数据，以及跟踪数据资产的血统关系。 《Apache Atlas使用说明文档.pdf》是一个对Apache Atlas的使用指南，详细介绍了如何安装、配置和使用Apache Atlas。文档涵盖了如何设置Apache Atlas服务器、创建元数据类型和实体、添加和检索元数据以及执行数据资产血统追踪等操作。 文档首先介绍了Apache Atlas的基本概念和架构，包括Atlas的主要组件和它们之间的关系。然后，文档提供了详细的步骤来安装和配置Apache Atlas，包括所需的软件和硬件要求，以及数据库和认证设置。安装完成后，文档解释了如何启动和停止Apache Atlas服务器，并验证是否成功。 接下来，文档介绍了如何创建和管理元数据类型和实体。它详细说明了如何定义和扩展元数据模型，如何创建实体实例，并为实体添加属性和分类。文档还展示了如何使用搜索功能来查找和筛选元数据实体。 在使用Apache Atlas进行元数据管理时，文档提供了一系列操作指南，如如何添加和修改元数据、如何删除元数据实体、如何执行血统追踪等。它还介绍了如何使用Apache Atlas的REST API和命令行界面进行自动化操作。 最后，文档提供了一些常见问题解答和故障排除指南，以帮助用户解决遇到的问题。它还提供了一些进一步的资源和参考链接，以便用户进一步学习和探索Apache Atlas的功能和用法。 总之，《Apache Atlas使用说明文档.pdf》是一个全面而详细的指南，可以帮助用户轻松了解和使用Apache Atlas进行数据集成和元数据管理。无论是初学者还是有经验的用户，都可以从文档中获得有用的指导和参考。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值