需要幫助ASP.net中的AJAx中的切換按鈕

Question

我希望每次選中或取消選中復選框時都更新頁面（使用AJAX中的切換按鈕）。 但是我不能這樣做。 我嘗試使用按鈕和圖像按鈕做同樣的事情，它們工作得很好（但是當我嘗試在“ onclick”功能中更新切換按鈕時遇到了問題），但是我想使用切換按鈕來做到這一點，我嘗試了各種操作意思是通過在數據綁定和checkchanged事件中使用Page_Load（）但徒勞。 我該如何更正代碼>

我也想根據用戶的分辨率調整背景大小。 我該怎么辦？ 我上網沖浪，試圖用樣式表做很多事情，但是徒勞無功。 請幫忙。

以下是來自Vidual Studio 9的代碼。

Default.aspx：

<%@ Page Language="C#" AutoEventWireup="true"  CodeFile="Default.aspx.cs" Inherits="_Default" %>
<%@ Register Assembly="AjaxControlToolkit" Namespace="AjaxControlToolkit" TagPrefix="cc1" %>

<!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>Confidentially for 'You'</title>
     <link id="Link1" rel="Stylesheet" href="StyleSheet.css" type="text/css" runat="server" />
</head>
<body background="eternal_hearts-normal.jpg" text="white">
    <form id="form1" runat="server">
    <div>
            <asp:ScriptManager ID="ScriptManager1" runat="server">
        </asp:ScriptManager>
    <asp:UpdatePanel ID="UpdatePanel1" runat="server">
     <ContentTemplate> 
    <p align="center" runat="server" id="p1">
        <br />
    <br />
    <br />
    <br />

    <br />
    <br />
    <br />
    <br />
    <br />
    <br />
    <br />
    <br />Default Line</p>
            <p align="center" id="p2">
                <asp:Image ID="Image1" runat="server" EnableViewState="False" />
                <asp:CheckBox ID="CheckBox1" runat="server" 
                    oncheckedchanged="Page_Load" ondatabinding="Page_Load" />

                <cc1:ToggleButtonExtender ID="CheckBox1_ToggleButtonExtender" runat="server" 
                    Enabled="True" TargetControlID="CheckBox1" ImageWidth="19" 
                    ImageHeight="19" UncheckedImageUrl="ToggleButton_Unchecked.gif" 
                    CheckedImageUrl="ToggleButton_Checked.gif" ondatabinding="Page_Load">
                </cc1:ToggleButtonExtender>

                <asp:Button ID="Button1" runat="server" onclick="Button1_Click" Text="Button" />
                <asp:ImageButton ID="ImageButton1" runat="server" Height="23px" 
                    onclick="ImageButton1_Click" Width="30px" 
                    ImageUrl="~/ToggleButton_Unchecked.gif" />
                &nbsp;</p>
     </ContentTemplate> 
    </asp:UpdatePanel>
    </div>

    </form>
</body>
</html>

Default.aspx.cs：

using System;
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.Threading;

public partial class _Default : System.Web.UI.Page 
{
    static int flag = 0;
    protected void Page_Load(object sender, EventArgs e)
    {
        if (flag == 1)
        {
            f();
            p1.InnerHtml = "Line 1";
        }
        else if (flag == 2)
        {
            f();
            p1.InnerHtml = "Line 2";
        }
        else if (flag == 3)
        {
            f();
            p1.InnerHtml = "Line 3";
        }
        flag++;
    }
    protected void CheckBox1_CheckedChanged(object sender, EventArgs e)
    {
        Page_Load(null, EventArgs.Empty);
    }
    protected void Button1_Click(object sender, EventArgs e)
    {
        //if (flag == 0)
        //{
        //    flag++;
        //    p1.InnerHtml = "Line 1";
        //}
        //else if (flag == 1)
        //{
        //    flag++;
        //    p1.InnerHtml = "Line 2";
        //}
        //else if (flag == 2)
        //{
        //    flag++;
        //    p1.InnerHtml = "Line 3";
        //}

    }

    protected void f()
    {
        ImageButton1.ImageUrl = "ToggleButton_Unchecked.gif";
    }
    protected void ImageButton1_Click(object sender, ImageClickEventArgs e)
    {

    }
}

樣式表：

img#background 
{
    min-width: 800px;
    width: 100%;
    height: auto;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
}

div.back
{
    overflow: hidden;
    left: 0;
    top: 0;
    position: absolute;
    z-index: -9999;
}

body
{
    text-align: center;
    left: 50pt;
    right: 50pt;
    font-family: 'Bookman Old Style';
    position: absolute;
    z-index: auto;
    width : 100%;
    height : 100%;
}

Answer 1

回答遲了一點，但是請嘗試-> http://www.asp.net/ajaxLibrary/AjaxControlToolkitSampleSite/ToggleButton/ToggleButton.aspx

需要幫助ASP.net中的AJAx中的切換按鈕

問題描述

1 個解決方案

解決方案1
0 2013-02-19 11:33:24

需要幫助ASP.net中的AJAx中的切換按鈕

問題描述

1 個解決方案

解決方案1 0 2013-02-19 11:33:24

解決方案1
0 2013-02-19 11:33:24