刷新网页的特定内容 [英] Refresh particular content of a web page

问题描述

当我单击链接按钮"lnk_addnew"时，我想重新加载当前页面并显示div"createSection".我正在使用JavaScript来显示div"createSection"，但它仅显示div，并且不会重新加载页面.
我该如何解决?
这是我的代码:

When I click the link button "lnk_addnew" I want to reload the current page and show div "createSection". I''m using javascript to show the div "createSection" but it''s only showing the div and is not reloading the page.
How can I solve this?
Here is my code:

<%@ Page Language="C#" MasterPageFile="~/MasterPages/MasterAdminPage.master" AutoEventWireup="true" CodeFile="Default.aspx.cs" Inherits="admin_browserfolder_Default" Title="Admin:Browser" %>

<asp:Content ID="Content1" ContentPlaceHolderID="head" Runat="Server">
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="ContentPlaceHolder1" Runat="Server">
<script type="text/javascript">
      function hideDIV()
      {
            var div=document.getElementById("createSection");
            if(div.style.display='block')
            {
            div.style.display='none'
            }

                  var AllTextBox = $("input[id*='BrowserList']");
         if (AllTextBox.length > 0)
                              AllTextBox.val("");
      }
      function ShowDIV()
      {debugger;

            var div=document.getElementById("createSection");
            if(div.style.display='none')
            {div.style.display='block';}


      }
      function deleteBrowser(id)
      {
            var id1=id.replace("lnk_delete","fld_pname");
            var text =document.getElementById(id1).value;
            if(confirm("Delete Test Environment "+ text + " ?" ))
            return true;
            else
            return false;
      }
</script>
      <div>
      <asp:UpdateProgress ID="UpdateProgress1" AssociatedUpdatePanelID="UpdatePanel1" runat="server">
      <ProgressTemplate>
            <asp:Image ID="Image1" ImageUrl="~/images/loadingAnimation.gif" runat="server" />
      </ProgressTemplate>
      </asp:UpdateProgress>
      </div>
      <asp:LinkButton ID="lnk_addnew" runat="server" CausesValidation="false" CssClass="buttons" OnClientClick="javascript:ShowDIV();return false;">Create New Test Environment</asp:LinkButton>
      <asp:UpdatePanel ID="UpdatePanel1" runat="server">
      <ContentTemplate>
      <asp:Repeater ID="BrowserList" runat="server" DataSourceID="SqlDataSource1"

                  onitemcommand="BrowserList_ItemCommand">
      <HeaderTemplate>
            <div id="createSection" style="display:none;">
            <table>
                  <tr>
                        <td>
                              <asp:Label ID="Label2" runat="server" Text="Test Environment Name: " Visible="true" Font-Bold="true"></asp:Label>
                              &amp;nbsp;&amp;nbsp;
                              <asp:TextBox ID="fld_addnewbrowser" runat="server" Visible="true" Height="21px" Width="150px"></asp:TextBox>

                           <asp:RequiredFieldValidator ID="RequiredFieldValidator6" runat="server" ErrorMessage="Browser can't be empty." ControlToValidate="fld_addnewbrowser" Display="Dynamic">*</asp:RequiredFieldValidator>
                        &amp;nbsp;&amp;nbsp;
                        </td>
                        <td class="even">
                        <asp:LinkButton ID="lnk_addbrowsersave" runat="server" CommandName="SaveBrowser" Visible="true"   CssClass="save" CausesValidation="true">Save</asp:LinkButton>
                        <asp:LinkButton ID="lnk_addbrowsercancel" runat="server" CausesValidation="false" CssClass="cancel" Visible="true" OnClientClick="javascript:hideDIV();return false;">Cancel</asp:LinkButton></td>
                        </td>
                  </tr>
            </table>
            </div>
            <br />
      <table id="table1" width="940px" cellpadding="0" cellspacing="0" class="universal">
      <tr>
      <th>S.N.</th>
      <th>Test Environment</th>
      <th colspan="2">Action</th>
      </tr>

      </HeaderTemplate>
      <ItemTemplate>
      <tr>

      <td width="94px">
      <asp:Literal ID="lit_sn" runat="server" Text='<%#DataBinder.Eval(Container.DataItem,"rownum")%>'/>
      <asp:TextBox ID="fld_sn" runat="server" Text='' Visible="false" />
      </td>
      <td width="494px">
      <asp:Literal ID="lit_browsername" runat="server" Text='<%#DataBinder.Eval(Container.DataItem,"browser_name") %>' />
      <asp:TextBox ID="fld_browsername" runat="server"   CssClass="inputs" Text='<%#DataBinder.Eval(Container.DataItem,"browser_name") %>' Visible="false"/>
      <input id="fld_pname" runat="server" value='<%#DataBinder.Eval(Container.DataItem,"browser_name") %>' style="visibility:hidden" />
      </td>
      <td width="324px">
      <div style=" float:left">
      <asp:LinkButton ID="lnk_edit" runat="server" Text="Edit" CommandName="EditThis" ValidationGroup="Saving" CommandArgument='<%#DataBinder.Eval(Container.DataItem,"browserid") %>' />
      <asp:LinkButton ID="lnk_delete" runat="server" Text="Delete" CommandName="DeleteThis" ValidationGroup="Saving" CausesValidation="false" CommandArgument='<%#DataBinder.Eval(Container.DataItem,"browserid") %>' OnClientClick="javascript:return deleteBrowser(this.id);"/>
      <asp:LinkButton ID="lnk_save" runat="server" Text="Save" CommandName="SaveThis" Visible="false" ValidationGroup="Saving" CausesValidation="true" CommandArgument='<%#DataBinder.Eval(Container.DataItem,"browserid") %>'></asp:LinkButton>
      <asp:LinkButton ID="lnk_cancel" runat="server" Text="Cancel" CommandName="CancelEdit" Visible="false"   CausesValidation="False"></asp:LinkButton>
      </div> <asp:RequiredFieldValidator ID="RequiredFieldValidator5" runat="server" ErrorMessage="Browser can't be empty." ControlToValidate="fld_browsername" Display="Dynamic" ValidationGroup="Saving" EnableClientScript="True"></asp:RequiredFieldValidator>
      </td>

      </tr>
      </ItemTemplate>
      <FooterTemplate>
      </table>
      </FooterTemplate>
      </asp:Repeater>
      <asp:SqlDataSource ID="SqlDataSource1" runat="server"

            ConnectionString="<%$ ConnectionStrings:bugreporterConnectionString %>"

            DeleteCommand="browserDelete" DeleteCommandType="StoredProcedure"

            InsertCommand="browserAdd" InsertCommandType="StoredProcedure"

            SelectCommand="browserListForPaging" SelectCommandType="StoredProcedure"

            UpdateCommand="browserUpdate" UpdateCommandType="StoredProcedure">
            <SelectParameters>
                  <asp:Parameter Name="start" Type="Int32" />
                  <asp:Parameter Name="end" Type="Int32" />
            </SelectParameters>
            <DeleteParameters>
                  <asp:Parameter Name="browser_id" Type="Int32" />
            </DeleteParameters>
            <UpdateParameters>
                  <asp:Parameter Name="browser_id" Type="Int32" />
                  <asp:Parameter Name="newbrowsername" Type="String" />
            </UpdateParameters>
            <InsertParameters>
                  <asp:Parameter Name="browsername" Type="String" />
            </InsertParameters>
      </asp:SqlDataSource>

      <div id="PageLabel" runat="server">
      </div>

      </ContentTemplate>

      </asp:UpdatePanel>

</asp:Content>

从OP的答案移至:

Moved from OP''s answer:

protected void lnk_addnew_Click(object sender, EventArgs e)
{
    try
    {
        //rebind the repeater
        //call the javascript function
        ClientScript.RegisterStartupScript(GetType(), "Javascript", "javascript: ShowDIV();",true);
    }
    catch (Exception ex)
    {
    }
}

推荐答案

("input[id*='BrowserList']"); if (AllTextBox.length > 0) AllTextBox.val(""); } function ShowDIV() {debugger; var div=document.getElementById("createSection"); if(div.style.display='none') {div.style.display='block';} } function deleteBrowser(id) { var id1=id.replace("lnk_delete","fld_pname"); var text =document.getElementById(id1).value; if(confirm("Delete Test Environment "+ text + " ?" )) 返回 真； 其他 返回 假； } < / 脚本 > < div > <asp:UpdateProgress ID="UpdateProgress1" AssociatedUpdatePanelID="UpdatePanel1" runat="server"> < ProgressTemplate > <asp:Image ID="Image1" ImageUrl="~/images/loadingAnimation.gif" runat="server" /> < /ProgressTemplate > < /asp:UpdateProgress > < /div > <asp:LinkButton ID="lnk_addnew" runat="server" CausesValidation="false" CssClass="buttons" OnClientClick="javascript:ShowDIV();return false;">Create New Test Environment</asp:LinkButton> < asp:UpdatePanel ID =" runat 服务器" < ContentTemplate > <asp:Repeater ID="BrowserList" runat="server" DataSourceID="SqlDataSource1" onitemcommand="BrowserList_ItemCommand"> < HeaderTemplate > <div id="createSection" style="display:none;"> < 表 > < tr > < td > <asp:Label ID="Label2" runat="server" Text="Test Environment Name: " Visible="true" Font-Bold="true"></asp:Label > &amp;nbsp;&amp;nbsp; <asp:TextBox ID="fld_addnewbrowser" runat="server" Visible="true" Height="21px" Width="150px"></asp:TextBox> <asp:RequiredFieldValidator ID="RequiredFieldValidator6" runat="server" ErrorMessage="Browser can't be empty." ControlToValidate="fld_addnewbrowser" Display="Dynamic">*</asp:RequiredFieldValidator> &amp;nbsp;&amp;nbsp; < /td > <td class="even"> <asp:LinkButton ID="lnk_addbrowsersave" runat="server" CommandName="SaveBrowser" Visible="true" CssClass="save" CausesValidation="true">Save</asp:LinkButton> <asp:LinkButton ID="lnk_addbrowsercancel" runat="server" CausesValidation="false" CssClass="cancel" Visible="true" OnClientClick="javascript:hideDIV();return false;">Cancel</asp:LinkButton></td> < /td > < /tr > < /table > < /div > < br > <table id="table1" width="940px" cellpadding="0" cellspacing="0" class="universal"> < tr > <th>S.N.</th> <th>Test Environment</th> <th colspan="2">Action</th> < /tr > < /HeaderTemplate > < ItemTemplate > < tr > <td width="94px"> <asp:Literal ID="lit_sn" runat="server" Text='<%#DataBinder.Eval(Container.DataItem,"rownum")%>'/> <asp:TextBox ID="fld_sn" runat="server" Text='' Visible="false" /> < /td > <td width="494px"> <asp:Literal ID="lit_browsername" runat="server" Text='<%#DataBinder.Eval(Container.DataItem,"browser_name") %>' /> <asp:TextBox ID="fld_browsername" runat="server" CssClass="inputs" Text='<%#DataBinder.Eval(Container.DataItem,"browser_name") %>' Visible="false"/> <input id="fld_pname" runat="server" value='<%#DataBinder.Eval(Container.DataItem,"browser_name") %>' style="visibility:hidden" /> < /td > <td width="324px"> <div style=" float:left"> <asp:LinkButton ID="lnk_edit" runat="server" Text="Edit" CommandName="EditThis" ValidationGroup="Saving" CommandArgument='<%#DataBinder.Eval(Container.DataItem,"browserid") %>' /> <asp:LinkButton ID="lnk_delete" runat="server" Text="Delete" CommandName="DeleteThis" ValidationGroup="Saving" CausesValidation="false" CommandArgument='<%#DataBinder.Eval(Container.DataItem,"browserid") %>' OnClientClick="javascript:return deleteBrowser(this.id);"/> <asp:LinkButton ID="lnk_save" runat="server" Text="Save" CommandName="SaveThis" Visible="false" ValidationGroup="Saving" CausesValidation="true" CommandArgument='<%#DataBinder.Eval(Container.DataItem,"browserid") %>'></asp:LinkButton> <asp:LinkButton ID="lnk_cancel" runat="server" Text="Cancel" CommandName="CancelEdit" Visible="false" CausesValidation="False"></asp:LinkButton> </div> <asp:RequiredFieldValidator ID="RequiredFieldValidator5" runat="server" ErrorMessage="Browser can't be empty." ControlToValidate="fld_browsername" Display="Dynamic" ValidationGroup="Saving" EnableClientScript="True"></asp:RequiredFieldValidator> < /td > < /tr > < /ItemTemplate > < FooterTemplate > < /table > < /FooterTemplate > < /asp:Repeater > < asp:SqlDataSource ID =" runat 服务器" ConnectionString="<%

("input[id*='BrowserList']"); if (AllTextBox.length > 0) AllTextBox.val(""); } function ShowDIV() {debugger; var div=document.getElementById("createSection"); if(div.style.display='none') {div.style.display='block';} } function deleteBrowser(id) { var id1=id.replace("lnk_delete","fld_pname"); var text =document.getElementById(id1).value; if(confirm("Delete Test Environment "+ text + " ?" )) return true; else return false; } </script> <div> <asp:UpdateProgress ID="UpdateProgress1" AssociatedUpdatePanelID="UpdatePanel1" runat="server"> <ProgressTemplate> <asp:Image ID="Image1" ImageUrl="~/images/loadingAnimation.gif" runat="server" /> </ProgressTemplate> </asp:UpdateProgress> </div> <asp:LinkButton ID="lnk_addnew" runat="server" CausesValidation="false" CssClass="buttons" OnClientClick="javascript:ShowDIV();return false;">Create New Test Environment</asp:LinkButton> <asp:UpdatePanel ID="UpdatePanel1" runat="server"> <ContentTemplate> <asp:Repeater ID="BrowserList" runat="server" DataSourceID="SqlDataSource1" onitemcommand="BrowserList_ItemCommand"> <HeaderTemplate> <div id="createSection" style="display:none;"> <table> <tr> <td> <asp:Label ID="Label2" runat="server" Text="Test Environment Name: " Visible="true" Font-Bold="true"></asp:Label> &amp;nbsp;&amp;nbsp; <asp:TextBox ID="fld_addnewbrowser" runat="server" Visible="true" Height="21px" Width="150px"></asp:TextBox> <asp:RequiredFieldValidator ID="RequiredFieldValidator6" runat="server" ErrorMessage="Browser can't be empty." ControlToValidate="fld_addnewbrowser" Display="Dynamic">*</asp:RequiredFieldValidator> &amp;nbsp;&amp;nbsp; </td> <td class="even"> <asp:LinkButton ID="lnk_addbrowsersave" runat="server" CommandName="SaveBrowser" Visible="true" CssClass="save" CausesValidation="true">Save</asp:LinkButton> <asp:LinkButton ID="lnk_addbrowsercancel" runat="server" CausesValidation="false" CssClass="cancel" Visible="true" OnClientClick="javascript:hideDIV();return false;">Cancel</asp:LinkButton></td> </td> </tr> </table> </div> <br /> <table id="table1" width="940px" cellpadding="0" cellspacing="0" class="universal"> <tr> <th>S.N.</th> <th>Test Environment</th> <th colspan="2">Action</th> </tr> </HeaderTemplate> <ItemTemplate> <tr> <td width="94px"> <asp:Literal ID="lit_sn" runat="server" Text='<%#DataBinder.Eval(Container.DataItem,"rownum")%>'/> <asp:TextBox ID="fld_sn" runat="server" Text='' Visible="false" /> </td> <td width="494px"> <asp:Literal ID="lit_browsername" runat="server" Text='<%#DataBinder.Eval(Container.DataItem,"browser_name") %>' /> <asp:TextBox ID="fld_browsername" runat="server" CssClass="inputs" Text='<%#DataBinder.Eval(Container.DataItem,"browser_name") %>' Visible="false"/> <input id="fld_pname" runat="server" value='<%#DataBinder.Eval(Container.DataItem,"browser_name") %>' style="visibility:hidden" /> </td> <td width="324px"> <div style=" float:left"> <asp:LinkButton ID="lnk_edit" runat="server" Text="Edit" CommandName="EditThis" ValidationGroup="Saving" CommandArgument='<%#DataBinder.Eval(Container.DataItem,"browserid") %>' /> <asp:LinkButton ID="lnk_delete" runat="server" Text="Delete" CommandName="DeleteThis" ValidationGroup="Saving" CausesValidation="false" CommandArgument='<%#DataBinder.Eval(Container.DataItem,"browserid") %>' OnClientClick="javascript:return deleteBrowser(this.id);"/> <asp:LinkButton ID="lnk_save" runat="server" Text="Save" CommandName="SaveThis" Visible="false" ValidationGroup="Saving" CausesValidation="true" CommandArgument='<%#DataBinder.Eval(Container.DataItem,"browserid") %>'></asp:LinkButton> <asp:LinkButton ID="lnk_cancel" runat="server" Text="Cancel" CommandName="CancelEdit" Visible="false" CausesValidation="False"></asp:LinkButton> </div> <asp:RequiredFieldValidator ID="RequiredFieldValidator5" runat="server" ErrorMessage="Browser can't be empty." ControlToValidate="fld_browsername" Display="Dynamic" ValidationGroup="Saving" EnableClientScript="True"></asp:RequiredFieldValidator> </td> </tr> </ItemTemplate> <FooterTemplate> </table> </FooterTemplate> </asp:Repeater> <asp:SqlDataSource ID="SqlDataSource1" runat="server" ConnectionString="<%

ConnectionStrings:bugreporterConnectionString %>" DeleteCommand="browserDelete" DeleteCommandType="StoredProcedure" InsertCommand="browserAdd" InsertCommandType="StoredProcedure" SelectCommand="browserListForPaging" SelectCommandType="StoredProcedure" UpdateCommand="browserUpdate" UpdateCommandType="StoredProcedure"> < SelectParameters > <asp:Parameter Name="start" Type="Int32" /> <asp:Parameter Name="end" Type="Int32" /> < /SelectParameters > < DeleteParameters > <asp:Parameter Name="browser_id" Type="Int32" /> < /DeleteParameters > < UpdateParameters > <asp:Parameter Name="browser_id" Type="Int32" /> <asp:Parameter Name="newbrowsername" Type="String" /> < /UpdateParameters > < InsertParameters > <asp:Parameter Name="browsername" Type="String" /> < /InsertParameters > < /asp:SqlDataSource > <div id="PageLabel" runat="server"> < /div > < /ContentTemplate > < /asp:UpdatePanel > < /asp:Content >

ConnectionStrings:bugreporterConnectionString %>" DeleteCommand="browserDelete" DeleteCommandType="StoredProcedure" InsertCommand="browserAdd" InsertCommandType="StoredProcedure" SelectCommand="browserListForPaging" SelectCommandType="StoredProcedure" UpdateCommand="browserUpdate" UpdateCommandType="StoredProcedure"> <SelectParameters> <asp:Parameter Name="start" Type="Int32" /> <asp:Parameter Name="end" Type="Int32" /> </SelectParameters> <DeleteParameters> <asp:Parameter Name="browser_id" Type="Int32" /> </DeleteParameters> <UpdateParameters> <asp:Parameter Name="browser_id" Type="Int32" /> <asp:Parameter Name="newbrowsername" Type="String" /> </UpdateParameters> <InsertParameters> <asp:Parameter Name="browsername" Type="String" /> </InsertParameters> </asp:SqlDataSource> <div id="PageLabel" runat="server"> </div> </ContentTemplate> </asp:UpdatePanel> </asp:Content>

从OP的答案移至:

Moved from OP''s answer:

protected void lnk_addnew_Click(object sender, EventArgs e)
{
    try
    {
        //rebind the repeater
        //call the javascript function
        ClientScript.RegisterStartupScript(GetType(), "Javascript", "javascript: ShowDIV();",true);
    }
    catch (Exception ex)
    {
    }
}

handle lnk_addnew click on server side this will reload the page and write on click event

ClientScript.RegisterStartupScript to call the javascript to createSection.

--Pankaj

handle lnk_addnew click on server side this will reload the page and write on click event

ClientScript.RegisterStartupScript to call the javascript to createSection.

--Pankaj

这篇关于刷新网页的特定内容的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！