Question

我将ASP.NET页面DeleteUser.aspx转换为用户控件DeleteUser.ascx。

aspx页面有一个简单的javascript函数，如下所示：

function deleteConfirmation() {

    var xusername = document.getElementById('<%= txtusercn.ClientID %>').value;
    if (xusername != null && xusername != "") {
        var userTextBoxId = '<%= txtusercn.ClientID %>';
        var uname = document.getElementById(userTextBoxId).value;
        return confirm('Are you sure you want to delete \'' + uname + '\'?');
    }
    else {
        alert('Please enter Usercn');
        return false
    }
}

现在，由于这被转换为用户控件DeleteUser.ascx，我首先将此javascript代码移动到<head>标记中包含的aspx文件中。页面抛出异常txtusercn不在包含aspx文件的范围内。

然后我将javascript函数移动到一个单独的javascript文件DeleteUser.js中，并从DeleteUser.ascx.cs引用它，如下所示：

protected void Page_Load(object sender, EventArgs e)
{
    Page.ClientScript.RegisterClientScriptInclude(typeof(DeleteUser),"DeleteUserScript",@"../scripts/DeleteUser.js");
}

这里没有调用javascript函数，但是当我检查包含aspx文件的页面源时，我可以看到javascript函数已正确注册。

为什么即使页面引用了javascript文件DeleteUser.js

之后也没有调用javascript函数

修改

调用这样的函数：

<asp:Button ID="btndeleteusercn" runat="server" Text="Delete Usercn" OnClick="btndeleteusercn_Click" OnClientClick="return deleteConfirmation();" />

Answer 1

我想，“＆lt;％= txtusercn.ClientID％＆gt;”必须创建JavaScript错误，因为此类服务器控件引用应位于相关控件所在的页面上。您应该通过参数将ControlID传递给函数，然后它应该可以工作。

function deleteConfirmation(ctrlID) {

var xusername = document.getElementById(ctrlID).value;
if (xusername != null && xusername != "") {
    var userTextBoxId = ctrlID;
    var uname = document.getElementById(userTextBoxId).value;
    return confirm('Are you sure you want to delete \'' + uname + '\'?');
}
else {
    alert('Please enter Usercn');
    return false
}}

并通过从那里传递ID来调用Method。比如

deleteConfirmation（'控制ID'）

Answer 2

请尝试更新此代码。

function deleteConfirmation() {

        var xusername = document.getElementById('<%= txtusercn.ClientID %>').value;
        if (xusername != null && xusername != "") {
            return confirm('Are you sure you want to delete \'' + xusername + '\'?');
        }
        else {
            alert('Please enter Usercn');
            return false
        }
return true;

    }

Answer 3

文本框的客户端ID呈现为DeleteUser1_txtusercn，因此我更改了这样的javascript并且它有效：

function deleteConfirmation() {

    var uname = document.getElementById('DeleteUser1_txtusercn').value;
    if (uname != null && uname != "") {
        return confirm('Are you sure you want to delete \'' + uname + '\'?');
    }
    else {
        alert('Please enter UserCN');
        return false;
    }
}

未从ASP.NET用户控件调用Javascript

3 个答案: