[英]How do I update a label on my webpage using ASP .NET after a button is clicked?
[英]How to update ASP Web application Literal or Label after user presses button
警告:在ASP和javascript方面,我是新手-我更习惯于桌面应用程序。 Web开发对我来说是全新的。
我继承了一个ASP.net项目,该项目需要保持最新状态。
我当前的问题是,当用户单击按钮时,我需要在文本控件中显示客户端时间(标签或文字控件-不必专门是其中之一,我只需要以文本形式显示)即可。 '救'。 如果在服务器端执行此操作,则在“ SaveChanges”功能中,可以获取服务器所在的时间。
我的按钮定义如下:
<asp:Button ID="Save" runat="server" Text="Save Changes" OnClick="SaveChanges"
ValidationGroup="ProjectSummaryValidationGroup"
meta:resourcekey="SaveResource1" />
我的文字/标签是:
<asp:Label ID="SaveTime" runat="server"></asp:Label>
我发现一个javascript函数可以根据此处的其他问题之一来计算客户端时间:(编辑:我已经更新了此函数,以便为标签的文本值分配了一个值)
<script type="text/javascript">
function GetDate(date) {
CurTime = new Date(date);
var offset = (new Date().getTimezoneOffset() / 60) * (-1);
var utc = CurTime.getTime() + (offset * 60000 * (-1));
var serverDate = new Date(utc + (3600000 * offset));
var dateString = (serverDate.getMonth() + 1) + "/" + serverDate.getDate() + "/" +
serverDate.getFullYear() + " " + serverDate.toLocaleTimeString("en-US", { hour12: true });
document.getElementById('<%=SaveTime.ClientID%>').Text = dateString;
}
</script>
我的问题是我不知道将此javascript函数放在我的apsx页面中的位置,也不知道如何将标签的Text值设置为该函数中计算出的日期字符串。 我什至不知道如何“调用”此功能...
所以我的问题是:
您可以使用Java Script Function
<script type="text/javascript" language="javascript">
function javascriptFunction()
{
}
</script>
调用此函数如果您使用过更新面板,则可以在.Cs页面中使用:
ScriptManager.RegisterStartupScript(this, this.GetType(), Guid.NewGuid().ToString(), "javascriptFunction();", true);
或在.aspx页上单击按钮
<asp:Button ID="Save" runat="server" Text="Save Changes" OnClick="SaveChanges"
onClientClick="javascriptFunction();"
ValidationGroup="ProjectSummaryValidationGroup"
meta:resourcekey="SaveResource1" />
您可以在.cs页面中使用的其他明智方法
ClientScript.RegisterStartupScript
(GetType(),Guid.NewGuid().ToString(), "javascriptFunction();",true);
在javascript中设置Label的值:
document.getElementById('<%=SaveTime.ClientID%>').value = "Your Date";
对于标签:
void Page_Load(object sender, EventArgs e)
{
lblMyLabel.Attributes.Add("onclick",
"javascript:alert('ALERT ALERT!!!')");
}
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.