Обновить пользовательский элемент управления на панели обновления из JavaScript - PullRequest
1 голос
/ 02 августа 2011

Я работаю над проектом, в котором я хочу обновить часть веб-страницы, где у меня есть пользовательский элемент управления, содержащий динамические данные. Пользовательский элемент управления будет загружать данные из текстового файла, поскольку этот текстовый файл будет часто обновляться.Мне нужно обновить пользовательский элемент управления, а не всю страницу, используя JavaScript.Я попробовал следующее, но у меня это не сработало.

<%@ Page Language="C#" %>

<%@ Register src="ucTest.ascx" tagname="ucTest" tagprefix="uc1" %>

<script runat="server">

   void button_Click(object sender, EventArgs e)
   {
         lbltest.Text = "Refreshed by server side event handler at " + DateTime.Now + ".<br>";
   }

</script>

<!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>
   <title>How to update an UpdatePanel with JavaScript</title>

   <script type="text/javascript">
   function UpdPanelUpdate()
   {
         __doPostBack("<%= button.ClientID %>","");
   }
   </script>

</head>
<body>
   <form id="form1" runat="server">
         <asp:ScriptManager ID="ScriptManager1" runat="server" />
         <div>


   <a href="javascript:UpdPanelUpdate()">Update the Panel</a>

      <asp:Button ID="button" runat="server" OnClick="button_Click" style="display:none;"/>

            <asp:UpdatePanel runat="server" ID="UpdatePanel1" UpdateMode="Conditional">
                  <ContentTemplate>
                        <uc1:ucTest ID="ucTest1" runat="server" />
                        <asp:Label ID="lbltest" runat="server"></asp:Label>
                  </ContentTemplate>
                  <Triggers>
                     <asp:AsyncPostBackTrigger ControlID="button" EventName="Click" />
                  </Triggers>
            </asp:UpdatePanel>
         </div>
   </form>
</body>
</html>

Мой пользовательский элемент управления.

    <%@ Control Language="C#" AutoEventWireup="true" CodeFile="ucTest.ascx.cs" Inherits="ucTest" %>
<table border="3">
      <tr>
            <td>
                  <%   Response.WriteFile("TextFile.txt"); %>
            </td>
      </tr>
</table>

Здесь TextFile.tx - некоторая информация, которая будет часто изменяться.

любая помощь будет принята с благодарностью.

1 Ответ

2 голосов
/ 02 августа 2011

Чтобы упростить задачу, вы можете поместить скрытую кнопку в UpdatePanel, чтобы вам не нужно было запускать асинхронные триггеры.Сначала оставьте кнопку видимой и посмотрите, обновляется ли панель обновления или нет.Если да, то вы можете скрыть кнопку.

Следующая часть вызывает кнопку, имитируя событие нажатия.Я предлагаю вам использовать библиотеку, такую ​​как jquery из кросс-браузерного решения.Например,

function UpdPanelUpdate()
{
   $("<%= button.ClientID %>").click();
}

Чтобы код __doPostBack("<%= button.ClientID %>",""); работал, попробуйте установить для свойства UseSubmitBehavior кнопки значение false.

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...