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

我希望每次選中或取消選中複選框時（這是使用AJAX中的切換按鈕）都會更新頁面。但我無法這樣做。我試着用一個按鈕和一個imagebutton來做同樣的事情，它們工作得很好（但是當我嘗試更新「onclick」函數中的切換按鈕時，我遇到了問題），但我想用切換按鈕來做到這一點，我嘗試了各種方法意味着通過在數據綁定和checkchanged事件中使用Page_Load（），但徒勞無益。我怎樣才能更正代碼>需要幫助在ASP.net中的AJAx中切換按鈕

另外我想根據用戶的分辨率調整我的背景。我該怎麼做？我在網上衝浪，試圖用樣式表做很多事情，但徒勞無功。請幫忙。

的代碼被從維杜阿爾工作室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%; 
}

來源

2012-07-28 Archit Chhabra

嗨。你需要從你的問題中刪除經典的ASP標籤。您的示例不顯示任何經典ASP。 – TheCarver 2012-07-29 00:13:52

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

回答

相關問題