Question

问题发生在this页面上。按下按钮1时，页面上会显示一个表格。按下按钮2根本不执行任何操作（空功能），但由于某种原因，该按钮最终会超出其所在的div。

我使用twitter bootstrap CSSs（最新版本 - 2.2.1）

这是标记：

<%@ Page Language="C#" AutoEventWireup="true" MasterPageFile="~/Site.master" CodeBehind="Test.aspx.cs" Inherits="CalendarImporterWeb.WebForm1" %>
<%@ Register TagPrefix="uc" TagName="Timetable" Src="~/TimetableControl.ascx" %>


<asp:Content ID="BodyContent" runat="server" ContentPlaceHolderID="MainContent">
    <form id="form1" runat="server">
    <asp:ScriptManager ID="ScriptManagerMain" runat="server" />

    <script language="javascript" type="text/javascript">
    <!--
        function popupWindow(url) {
            newwindow = window.open(url, 'name', 'height=520,width=500');
            if (window.focus) { newwindow.focus() }
            return false;
        }

        function showControl(controlID) {
            var control = document.getElementById(controlID);
            control.style.display = "block";
            control.style.visibility = "visible";
        }

        function hideControl(controlID) {
            var control = document.getElementById(controlID);
            control.style.display = "none";
        }
    // -->
    </script>

    <table border="0" width=500>

    <tr height="50">
        <td colspan="2" align="left">
            <asp:Button runat="server" id="btnGetCourses" text="Button 1" CssClass="btn btn-info"
            OnClientClick="showControl('ImageSpinner');" onclick="btnGetCourses_Click" />
        </td></tr>
    </table>
    <br />
    <asp:UpdatePanel ID="UpdatePanel1" runat="server" updatemode="Conditional">
        <Triggers>
            <asp:AsyncPostBackTrigger ControlID="btnGetCourses" EventName="Click" />
        </Triggers>
        <ContentTemplate>
            <uc:Timetable id="Timetable1" runat="Server" Visible="false"></uc:Timetable>
        </ContentTemplate>
    </asp:UpdatePanel>

    <div class="jumbotron">
        <asp:button id="btnStart" class="btn btn-primary" runat="Server" 
            Text="Button 2" onclick="btnStart_Click" />
        <br /><br />
    </div>

    </form>
</asp:Content>

和cs：

using System;
using System.Collections.Generic;
using System.Linq;
using System.Web;
using System.Web.UI;
using System.Web.UI.WebControls;

namespace CalendarImporterWeb
{
    public partial class WebForm1 : System.Web.UI.Page
    {
        protected void Page_Load(object sender, EventArgs e)
        {

        }

        protected void btnGetCourses_Click(object sender, EventArgs e)
        {
            Timetable1.LoadCourses("","","");
        }

        protected void btnStart_Click(object sender, EventArgs e)
        {

        }
    }
}

Answer 1

看起来你有一个无关紧要的“ - ＆gt;”在你的标记某处 - 我在右上角的渲染页面上看到它。

Answer 2

发现问题： TimetableControl的代码中有一个备用/ div。由于它不可见（ASP.NET Visible属性，而不是HTML可见属性），因此只有在可见之后才重要

感谢您的帮助

ASP.NET按钮更改页面 - 结束了div

2 个答案: