0

以下のようにユーザーコントロールを作成しました。

<%@ Control Language="VB" AutoEventWireup="false" CodeFile="Add.ascx.vb" Inherits="Add" %>
<asp:Label ID="Label1" runat="server" Text="Num1"></asp:Label>
<asp:TextBox ID="tbNum1" runat="server" onblur="sum(document.getElementById('<%=tbNum1.ClientId %>').value,document.getElementById('<%=tbNum2.ClientId %>').value,'<%=tbSum.ClientId %>');"></asp:TextBox>
<br />
<asp:Label ID="Label2" runat="server" Text="Num2"></asp:Label>
<asp:TextBox ID="tbNum2" runat="server"></asp:TextBox>
<br />
<asp:Label ID="Label3" runat="server" Text="Sum:"></asp:Label>
<asp:TextBox ID="tbSum" runat="server"></asp:TextBox>

<script type="text/javascript">
    function sum(a, b, controlId) {
        if (a != '' && b != '') {
            document.getElementById(controlId).value = parseInt(a) + parseInt(b);
        }
    }
</script>

Web ページに上記のユーザー コントロールの複数のインスタンスがあります。以下はコードです：

<%@ Page Language="VB" AutoEventWireup="false" CodeFile="Default2.aspx.vb" Inherits="Default2" %>

<%@ Register Src="~/Add.ascx" TagPrefix="uc" TagName="Add" %>
<!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 runat="server">
    <title></title>
</head>
<body>
    <form id="form1" runat="server">
    <div>
        <uc:Add runat="server" ID="ucAdd1" />
        <uc:Add runat="server" ID="ucAdd2" />
    </div>
    </form>
</body>
</html>

ビュー ソースを見ると、<=control.ClientId%> がコントロールのクライアント ID をレンダリングしていません。ここでの私の質問は、<=control.ClientId%> がインライン JavaScript で機能しない理由です。構文に間違いはありますか? また、各ユーザー コントロールのテキスト ボックスに個別にアクセスする方法はありますか?

お知らせ下さい。

4

1 に答える 1

0

これを試して

<script type="text/javascript">
document.getElementById('<%= tbNum2.ClientID %>').onblur = function (){sum(document.getElementById('<%= tbNum1.ClientID %>').value,document.getElementById('<%=tbNum2.ClientID %>').value,'<%=tbSum.ClientID %>'); }
function sum(a, b, controlId) {
if (a != '' && b != '') {
   document.getElementById(controlId).value = parseInt(a) + parseInt(b);
   }
}
</script>
于 2013-11-15T06:40:16.180 に答える