• Asp.Net Ajax最简单的例子


    实例1:DropDownList的简单无刷新连动

    <%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default2.aspx.cs" Inherits="Default2" %>

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

    <html xmlns="http://www.w3.org/1999/xhtml" >
    <head runat="server">
        <title>无标题页</title>
            <script runat="server">
            protected void  dplFood_SelectedIndexChanged(object sender, EventArgs e)
            {
                if (dplFood.SelectedValue == "0")
                {
                    dplList.Items.Clear();
                    ListItem item = new ListItem("白菜", "0");
                    dplList.Items.Add(item);
                    item = new ListItem("罗不","1");
                    dplList.Items.Add(item);
                }
                if (dplFood.SelectedValue == "1")
                {
                    dplList.Items.Clear();
                    ListItem item = new ListItem("苹果","0");
                    dplList.Items.Add(item);
                    item = new ListItem("李子","1");
                    dplList.Items.Add(item);
                    item = new ListItem("桃","2");
                    dplList.Items.Add(item);
                }
            }
        </script>
    </head>
    <body>
        <form id="form1" runat="server">
        <div>
        <asp:ScriptManager ID="Script" runat="server"></asp:ScriptManager>
        <asp:UpdatePanel ID="UpdatePanel" runat="server">
            <ContentTemplate>
                <asp:DropDownList ID="dplFood" runat="server" AutoPostBack="true" OnSelectedIndexChanged="dplFood_SelectedIndexChanged">
                    <asp:ListItem Text="蔬菜" Value="0"></asp:ListItem>
                    <asp:ListItem Text="水果" Value="1"></asp:ListItem>
                </asp:DropDownList>
                <asp:DropDownList ID="dplList" runat="server">
                </asp:DropDownList>
            </ContentTemplate>
        </asp:UpdatePanel>
        </div>
        </form>
    </body>
    </html>

    实例 二:改变日历的背景色
    <%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default.aspx.cs" Inherits="_Default" %>
    <script runat="server">

        void DropDownSelection_Change(Object sender, EventArgs e)

        {

            Calendar1.DayStyle.BackColor =

                System.Drawing.Color.FromName(ColorList.SelectedItem.Value);

        }

    </script>

    <html xmlns="http://www.w3.org/1999/xhtml">

    <head id="Head1" runat="server">

        <title>ScriptManager Example</title>

    </head>

    <body>

        <form id="form1" runat="server">

            <div>
               
                <asp:ScriptManager ID="ScriptManager1"

                                   runat="server">

                </asp:ScriptManager>

                <asp:UpdatePanel ID="UpdatePanel1"

                                 runat="server">

                    <ContentTemplate>

                        <asp:Calendar ID="Calendar1"

                                      ShowTitle="True"

                                      runat="server" />

                        <div>

                            Background:

                            <br />

                            <asp:DropDownList ID="ColorList"

                                              AutoPostBack="True"

                                              OnSelectedIndexChanged="DropDownSelection_Change"

                                              runat="server">

                                <asp:ListItem Selected="True" Value="White">

                                White </asp:ListItem>

                                <asp:ListItem Value="Silver">

                                Silver </asp:ListItem>

                                <asp:ListItem Value="DarkGray">

                                Dark Gray </asp:ListItem>

                                <asp:ListItem Value="Khaki">

                                Khaki </asp:ListItem>

                                <asp:ListItem Value="DarkKhaki"> D

                                ark Khaki </asp:ListItem>

                            </asp:DropDownList>

                        </div>

                    </ContentTemplate>

                </asp:UpdatePanel>

                <br />

            </div>

        </form>

    </body>

    </html>

  • 相关阅读:
    移动端开发常见的坑
    javascript的原始类型(primitive type)之间的关系。
    微信小程序学习:开发注意点
    canvas学习(一):线条,图像变换和状态保存
    css模仿微信弹出菜单
    html5 canvas绘制环形进度条,环形渐变色仪表图
    vue学习笔记(三):vue-cli脚手架搭建
    nodejs基础学习
    css3美化radio样式
    基于angular+bower+glup的webapp
  • 原文地址:https://www.cnblogs.com/newwind521/p/720789.html
Copyright © 2020-2023  润新知