如何在 JavaScript 中获取用户控制

how to get usercontrol in javascript

本文关键字:获取 用户 控制 JavaScript      更新时间:2023-09-26

如何在 JavaScript 中处理我的用户控件?

<body>
    <form id="form1" runat="server">
    <div>
        <uc1:WebUserControl ID="WebUserControl1" runat="server" Enabled="False" />
        <input id="Button1" type="button" value="button" runat="server" onclick="return Button1_onclick()" /></div>
    </form>
    <script type="text/javascript">
        var pageDefault = {
            uc: document.getElementById("<%=WebUserControl1.ClientID%>"),
            btn1: document.getElementById("<%=Button1.ClientID%>"),
            init: function() {
                this.btn1.onclick = function() {
                    uc.setAttribute('Enabled', 'True'); //uc is null at this point
                };
            }
        }
        pageDefault.init();
    </script>
</body>

为了像你一样引用 ClientID,JavaScript 需要位于 UserControl 中,而不是页面中。如果要按照此处的方式使用它,则需要从用户控件中将 clientId 公开为公共属性:

public string userCtlClientId
{
  get{return userCtl.ClientId;} 
}

并修改脚本:

document.getElementById('<% =WebUserControl1.userCtlClientId%>');