英文:
Update html tag value after an interval without causing page load asp.net
问题
以下是您要翻译的内容:
I have a web form, which consists of HTML tags, The value of these HTML tags needs to be updated periodically after an interval without causing a page load event. The data will be coming from the code behind of the page.
我有一个Web表单,其中包含HTML标签,这些HTML标签的值需要定期在一段时间间隔后进行更新,而不会引起页面加载事件。数据将来自页面的后端代码。
I know the concept of an update panel in asp but I am not sure how we can apply this to multiple HTML tags
我了解ASP中更新面板的概念,但我不确定如何将其应用于多个HTML标签。
This is part of the HTML tags in .aspx
这是**.aspx**文件中的一部分HTML标签
<!-- language: lang-html -->
<li class="list-group-item d-flex justify-content-between align-items-center">
<table style="width: 100%">
<tr>
<td style="text-align: left; width: 25%">
<h4 style="color: black; display: inline-block;">Asking Rate</h4>
</td>
<td style="text-align: left; width: 30%">
<h4 class="value_h4">0.04716667 Hr/P</h4>
</td>
<td style="text-align: left; width: 25%">
<h4 style="color: black">Efficiency</h4>
</td>
<td style="text-align: left; width: 25%">
<h4 class="value_h4" style="color: black">100 %</h4>
</td>
</tr>
</table>
</li>
<!-- end snippet -->
这是**.aspx**文件中的HTML标签的一部分。
both tags with class name value_h4 need to be updated from the backend .cs page after every interval.
需要从后端的.cs页面中更新具有类名value_h4的两个标签,每隔一段时间。
I need help with the approach to this. I am unable to figure it out.
我需要关于此方法的帮助。我无法弄清楚。
Thanks
谢谢
英文:
I have a web form, which consists of HTML tags, The value of these HTML tags needs to be updated periodically after an interval without causing a page load event. The data will be coming from the code behind of the page.
I know the concept of an update panel in asp but I am not sure how we can apply this to multiple HTML tags
This is part of the HTML tags in .aspx
<!-- language: lang-html -->
<li class="list-group-item d-flex justify-content-between align-items-center">
<table style="width: 100%">
<tr>
<td style="text-align: left; width: 25%">
<h4 style="color: black; display: inline-block;">Asking Rate</h4>
</td>
<td style="text-align: left; width: 30%">
<h4 class="value_h4">0.04716667 Hr/P</h4>
</td>
<td style="text-align: left; width: 25%">
<h4 style="color: black">Efficiency</h4>
</td>
<td style="text-align: left; width: 25%">
<h4 class="value_h4" style="color: black">100 %</h4>
</td>
</tr>
</table>
</li>
<!-- end snippet -->
both tags with class name value_h4 need to be updated from the backend .cs page after every interval.
I need help with the approach to this. I am unable to figure it out.
Thanks
答案1
得分: 1
好的,这里是代码的翻译部分:
首先,你可以使用更新面板 - 这不是一个坏主意。
然而,最重要的是更新面板实际上具有页面生命周期,并且还会触发页面加载事件。
换句话说,更好的术语是部分页面后退。
然而,在99%的情况下,这都不重要,因为我创建的最后200多个网页都会在页面加载事件中始终有一个!isPostBack代码存根。事实上,如果不遵循这个规则,你甚至无法创建一个正常工作的网页。
接下来:
由于你希望在代码后台获取这两个"h4"标签,那么只需为这两个f4标签添加"id"标签和"runat="server"",你就可以帮助减少一些世界贫困。
现在,可能你总是想要更新所有的f4标签,但现在,我会假设你只关心这两个,所以只需向这两个控件添加一些"id"标签并加上"runat="server""不是什么大问题。
所以下一个问题是"interval"。有很多方法可以做到这一点,但如果我们采用更新面板,那么最好在页面上加一个定时器控件。这样我们就不需要编写任何客户端JavaScript代码。
所以,让我们走这条路来解决问题(不需要编写任何客户端js代码)。
所以,我们将用时间更新这两个h4标签。
记住,更新面板内的任何简单按钮或任何东西都可以引发更新 - 包括添加一个定时器控件。
步骤如下:
从工具箱中拖放一个ScriptManager
所以,我们有这个:
通过集体智慧和协作来改善编程学习和解决问题的方式。致力于成为全球开发者共同参与的知识库,让每个人都能够通过互相帮助和分享经验来进步。
评论