为什么网页的设计在运行时会发生变化？答案

【问题标题】：Why does the design of a web page change at run time?为什么网页的设计在运行时会发生变化？
【发布时间】：2016-09-29 04:47:05
【问题描述】：

我创建了一个使用 asp.net 的网站。直到现在一切都很好。但最后一页表现不如我预期。在 UI 中有一个下拉列表、网格视图、链接按钮和折叠栏中的几个标签。 Gridview 根据下拉列表的选择来填充。在 gridview 中有一个按钮，单击它时，与特定行相关的数据会加载到标签中。链接按钮是查看上传到系统的pdf。 点击此链接按钮时出现问题。一旦我点击链接按钮设计更改其字体大小、网格等。如何阻止它发生？

注意：C# 代码可以正常工作。
此问题仅在一页中出现。

这是我的aspx代码

<%@ Page Title="" Language="C#" MasterPageFile="~/CDDS_Master.Master" AutoEventWireup="true"
    CodeBehind="agencyAdmin.aspx.cs" Inherits="Claim_Distribution_System.agencyAdmin" %>

<asp:Content ID="Content1" ContentPlaceHolderID="head" runat="server">
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="agency" runat="server">
    <link href="CSS/bootstrap.min.css" rel="stylesheet" type="text/css" />

    <script src="JS/jquery.min.js" type="text/javascript"></script>

    <script src="JS/bootstrap.min.js" type="text/javascript"></script>

</asp:Content>
<asp:Content ID="Content3" ContentPlaceHolderID="ContentPlaceHolder1" runat="server">
    <div id="div0" runat="server" style="width: 100%; height: auto; margin-top: 15px">
        <asp:Label ID="lblApp" runat="server" Text="Competition :" Style="margin-left: 14px;
            margin-top: 5px">
        </asp:Label>
        <asp:DropDownList ID="ddlComp" runat="server" Style="margin-top: 5px; margin-left: 5px;
            width: 60%; height: auto" AutoPostBack="True" OnSelectedIndexChanged="ddlCompName_SelectedIndexChanged">
        </asp:DropDownList>
    </div>
    <div id="div1" style="width: 100%; height: auto; float: left; margin-left: 10px">
        <asp:GridView ID="grdSum" runat="server" Style="margin-top: 10px;" OnRowDataBound="grdSum_RowDataBound"
            OnRowCreated="grdSum_RowCreated" OnSelectedIndexChanged="grdSum_SelectedIndexChanged"
            CellPadding="4" ForeColor="#333333" GridLines="None" AutoGenerateColumns="false">
            <RowStyle BackColor="#FFFBD6" ForeColor="#333333" HorizontalAlign="Justify" />
            <FooterStyle BackColor="#990000" Font-Bold="True" ForeColor="White" />
            <PagerStyle BackColor="#FFCC66" ForeColor="#333333" HorizontalAlign="Center" />
            <SelectedRowStyle BackColor="#FFCC66" Font-Bold="True" ForeColor="Navy" />
            <HeaderStyle BackColor="#990000" ForeColor="White" Font-Bold="True" />
            <AlternatingRowStyle BackColor="White" />
            <Columns>
                <asp:BoundField DataField="refer" HeaderText="REFERENCE NUMBER">
                    <ItemStyle Width="200px"></ItemStyle>
                    <%--200--%>
                </asp:BoundField>
                <asp:BoundField DataField="BRANCH_CODE" HeaderText="BRANCH">
                    <ItemStyle Width="70px"></ItemStyle>
                </asp:BoundField>
                <asp:BoundField DataField="SO_CODE" HeaderText="SO">
                    <ItemStyle Width="100px"></ItemStyle>
                </asp:BoundField>
                <asp:BoundField DataField="APPEAL_CREATE_DATE" HeaderText="CREATE DATE">
                    <ItemStyle Width="120px"></ItemStyle>
                </asp:BoundField>
                <asp:BoundField DataField="ATTACHMENT_UPLOAD" HeaderText="ATTACHMENT">
                    <ItemStyle Width="100px"></ItemStyle>
                </asp:BoundField>
                <asp:ButtonField Text="Click To View" CommandName="Select">
                    <ItemStyle Width="100px"></ItemStyle>
                </asp:ButtonField>
            </Columns>
        </asp:GridView>
        <asp:LinkButton ID="lnkDummy" runat="server"></asp:LinkButton>
    </div>
    <div id="emp" style="width: 100%; height: 20px; float: left">
    </div>
    <div id="col" style="width: 100%; height: auto; margin-left: 5px; float: left">
        <div class="container">
            <div class="panel-group" id="accordion">
                <div class="panel panel-default">
                    <div class="panel-heading">
                        <h4 class="panel-title">
                            <a data-toggle="collapse" data-parent="#accordion" href="#collapse1">Basic Appeal Info</a>
                        </h4>
                    </div>
                    <div id="collapse1" class="panel-collapse collapse in">
                        <div class="panel-body">
                            <div id="col1Body" style="width: 95%; height: auto;">
                                <div id="inner1" style="width: 98%; height: auto; float: left">
                                    <asp:Label ID="Label1" runat="server" Style="width: 35%; margin-left: 43px" Text="Reference No :"></asp:Label>
                                    <asp:Label ID="lblRef" runat="server" Style="width: 90%; margin-left: 10px" Text="Reference No :"></asp:Label>
                                </div>
                                <div id="inner2" style="width: 98%; height: auto; float: left; margin-top: 10px">
                                    <asp:Label ID="Label2" runat="server" Style="width: 35%; margin-left: 20px" Text="Competion Name :"></asp:Label>
                                    <asp:Label ID="lblComName" runat="server" Style="width: 90%; margin-left: 10px" Text="Reference No :"></asp:Label>
                                </div>
                                <div id="inner3" style="width: 98%; height: auto; float: left; margin-top: 10px">
                                    <asp:Label ID="Label3" runat="server" Style="width: 35%; margin-left: 48px" Text="Branch Code :"></asp:Label>
                                    <asp:Label ID="lblBranch" runat="server" Style="width: 90%; margin-left: 10px" Text="Reference No :"></asp:Label>
                                </div>
                                <div id="inner4" style="width: 98%; height: auto; float: left; margin-top: 10px">
                                    <asp:Label ID="Label4" runat="server" Style="width: 35%; margin-left: 72px" Text="SO Code :"></asp:Label>
                                    <asp:Label ID="lblSo" runat="server" Style="width: 90%; margin-left: 10px" Text="Reference No :"></asp:Label>
                                </div>
                                <div id="inner5" style="width: 98%; height: auto; float: left; margin-top: 10px">
                                    <asp:Label ID="Label6" runat="server" Style="width: 35%; margin-left: 74px" Text="Remarks :"></asp:Label>
                                    <asp:Label ID="lblRemarks" runat="server" Style="width: 90%; height: auto; text-align: justify;
                                        margin-left: 10px;" Text="Reference No :"></asp:Label>
                                </div>
                                <div id="inner6" style="width: 80%; height: auto; float: left; margin-top: 10px;
                                    margin-left: 10%; margin-bottom: 10px">
                                    <div id="inner61" style="width: 30%; height: auto; float: left; margin-left: 100px">
                                        <asp:GridView ID="grdKPI" runat="server" Style="margin-left: 5px; margin-top: 5px;
                                            margin-bottom: 10px; float: left; border-color: #9B0423; border-width: medium;
                                            width: 50%; text-align: center;" OnRowDataBound="grdKPI_RowDataBound">
                                            <HeaderStyle BackColor="#9B0423" ForeColor="White" />
                                            <AlternatingRowStyle BackColor="#FFE6E6" />
                                        </asp:GridView>
                                    </div>
                                    <div id="inner62" style="width: 30%; height: auto; float: left; margin-left: 10px">
                                        <asp:GridView ID="grdPolicyDetails" runat="server" Style="margin-top: 5px; margin-bottom: 10px;
                                            float: left; border-color: #9B0423; border-width: medium; width: 50%; text-align: center"
                                            OnRowDataBound="grdPolicyDetails_RowDataBound">
                                            <HeaderStyle BackColor="#9B0423" ForeColor="White" />
                                            <AlternatingRowStyle BackColor="#FFE6E6" />
                                        </asp:GridView>
                                    </div>
                                </div>
                                <div id="empty" style="width: 100%; height: auto; float: left">
                                    <asp:Label ID="Label8" runat="server" Style="width: 35%; margin-left: 25px" Text="View Attachment :"></asp:Label>
                                    <asp:LinkButton ID="pdfViewAdmin" runat="server" Style="margin-left: 10px" OnClick="pdfViewAdmin_Click">View PDF</asp:LinkButton>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="panel panel-default">
                    <div class="panel-heading">
                        <h4 class="panel-title">
                            <a data-toggle="collapse" data-parent="#accordion" href="#collapse2">LOP</a>
                        </h4>
                    </div>
                    <div id="collapse2" class="panel-collapse collapse">
                        <div class="panel-body">
                            <div id="colBody2" style="width: 95%; height: auto;">
                                <div id="inner7" style="width: 98%; height: auto;">
                                    <asp:Label ID="Label5" runat="server" Style="width: 35%; margin-left: 43px" Text="Remarks :"></asp:Label>
                                    <asp:Label ID="lblRemarksLOP" runat="server" Style="width: 90%; margin-left: 10px"
                                        Text="Reference No :"></asp:Label>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="panel panel-default">
                        <div class="panel-heading">
                            <h4 class="panel-title">
                                <a data-toggle="collapse" data-parent="#accordion" href="#collapse3">Accountant</a>
                            </h4>
                        </div>
                        <div id="collapse3" class="panel-collapse collapse">
                            <div class="panel-body">
                                <div id="colBody3" style="width: 95%; height: auto;">
                                    <div id="inner8" style="width: 98%; height: auto;">
                                        <asp:Label ID="Label7" runat="server" Style="width: 35%; margin-left: 43px" Text="Remarks :"></asp:Label>
                                        <asp:Label ID="lblRemarksAcc" runat="server" Style="width: 90%; margin-left: 10px"
                                            Text="Reference No :"></asp:Label>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</asp:Content>

这里是链接按钮点击前和链接按钮点击后的图片

链接按钮点击事件

protected void pdfViewAdmin_Click(object sender, EventArgs e)
{
     Response.Write(string.Format("<script>window.open('{0}','_blank');</script>", "viewPDF.aspx"));
     lblComName.Visible = true;
     lblBranch.Visible = true;
     lblSo.Visible = true;
}

【问题讨论】：

你能展示一个方法pdfViewAdmin_Click吗？或者，如果您将 OnClick="pdfViewAdmin_Click" 更改为其他什么都不做的方法，行为会改变吗？
@Fabio，我在 pdfViewAdmin_Click 中注释了代码，然后单击链接按钮。设计没有任何变化。
好的，我现在将添加 pdfViewAdmin_Click 的代码。请在几分钟后检查问题。

标签： c# asp.net user-interface asplinkbutton

【解决方案1】：

以下更改解决了我的问题。

 protected void pdfViewAdmin_Click(object sender, EventArgs e)
 {
       //Response.Write(string.Format("<script>window.open('{0}','_blank');</script>", "viewPDF.aspx"));
        this.ClientScript.RegisterStartupScript(this.GetType(), this.GetType().Name, string.Format("window.open('{0}', '_blank');", "viewPDF.aspx"), true);
        lblComName.Visible = true;
        lblBranch.Visible = true;
        lblSo.Visible = true;
        lblRef.Visible = true;
        lblRemarks.Visible = true;
}

注释行是我之前的代码。它下面的行是新代码并且它有效。
这就是我找到答案的地方
Click to view the page

【讨论】：