javascript - 无法打开ajaxToolkit :ModalPopupExtender with JavaScript

Question

我正在尝试使用 JavaScript 打开 ajaxToolkit:ModalPopupExtender 但当我运行代码并从崩溃背后的代码调用该函数时，会显示此错误.

JavaScript runtime error: Unable to get property 'show' of undefined or null reference

这是我的 JavaScript:

<script>
    function closeChangeArea() {
        $find('ModalChangeArea').hide();
    }

    function showChangeArea() {
        $find('ModalChangeArea').show();
    }
</script>

这是我的代码:

protected void Btn_Click_Ch_Area(object sender, EventArgs e)
        {
            LinkButton lb = (LinkButton)sender;
            GridViewRow gr = (GridViewRow)lb.NamingContainer;

            Label ToolChange = (Label)gr.FindControl("Lbl_toolg");
            Txt_Tool_Reasign.Text = ToolChange.Text;

            ScriptManager.RegisterStartupScript(this, this.GetType(), "Pop", "showChangeArea();", true);
        }

这是我的ModalPoupExtender

<ajaxToolkit:ModalPopupExtender
        ID="ModalChangeArea"
        runat="server"
        TargetControlID="hid"
        PopupControlID="ChangeArea"
        RepositionMode="RepositionOnWindowResizeAndScroll"
        DropShadow="true"
        PopupDragHandleControlID="moveArea">
    </ajaxToolkit:ModalPopupExtender>

Answer 1

在asp.net中，控件id是动态附加到容器中的，在这种情况下，您将无法使用$find来获取控件，使用asp.net控件的clientid或设置ClientIdMode =“Static”。

尝试下面的代码来访问元素。

$find('<%= ModalChangeArea.ClientID %>').show();
$find('<%= ModalChangeArea.ClientID %>').hide();