在Asp.net网页应用程序上工作。我有一个用户WebUserControl,它包含两个文本框和几个javascript语法,我的控件在另一个文本框中复制一个文本框信息。当我多次使用我的用户控件时出现问题在同一页面上。 使用几次后我的用户控件无法正常工作,如何解决这个问题
我的用户控制语法:
<%@ Control Language="C#" AutoEventWireup="true" CodeBehind="transferControl.ascx.cs" Inherits="testControl.transferControl" %>
<script type="text/javascript">
function IsAccNumberValid(txtAccountNumber) {
debugger;
document.getElementById("<%= txtTo.ClientID %>").value = txtAccountNumber.value;
}
</script>
<asp:TextBox runat="server" ID="txtFrom" onblur="Javascript:IsAccNumberValid(this);" />
<asp:TextBox ID="txtTo" runat="server"></asp:TextBox>
我使用的页面语法:
<%@ Register src="transferControl.ascx" tagname="transferControl" tagprefix="uc1" %>
<asp:Content ID="BodyContent" ContentPlaceHolderID="MainContent" runat="server">
<uc1:transferControl ID="transferControl1" runat="server" />
<asp:Button ID="Button1" runat="server" Text="Button" />
<uc1:transferControl ID="transferControl2" runat="server" />
</asp:Content>
答案 0 :(得分:1)
像这样更改用户控制代码。以下代码用直接的Javascript语句替换IsAccNumberValid()函数。因此,不会有任何重复的函数定义。
<%@ Control Language="C#" AutoEventWireup="true" CodeBehind="transferControl.ascx.cs" Inherits="testControl.transferControl" %>
<asp:TextBox runat="server" ID="txtFrom" />
<asp:TextBox ID="txtTo" runat="server" ></asp:TextBox>
<script type="text/javascript">
var txtFrom = document.getElementById("<%= txtFrom.ClientID %>");
var txtTo = document.getElementById("<%= txtTo.ClientID %>");
txtFrom.onblur = function () {
txtTo.value = txtFrom.value;
}
</script>
答案 1 :(得分:0)
一个通用的解决方案是使用唯一密钥。
在代码背后(C#)中赋予唯一键:
protected string uniqueKey;
protected void Page_Load(object sender, EventArgs e)
{
this.uniqueKey = Guid.NewGuid().ToString("N");
}
使用javascript函数名称或html元素ID的键使其唯一:
<script type="text/javascript">
function DisplayMessage_<%=uniqueKey %>() {
var message = document.getElementById("<%=TextBox1.ClientID %>").value;
alert(message);
return false;
}
</script>
<div id="myDiv_<%=uniqueKey %>">Test</div>
检查link了解更多详细信息。