在asp.net中的body click事件中隐藏Ajax PopupControlExtender

时间:2013-09-11 16:47:48

标签: javascript jquery asp.net ajax ajaxcontroltoolkit

<asp:ToolkitScriptManager runat="server"></asp:ToolkitScriptManager>
        <asp:TextBox ID="txtCombo" runat="server" ReadOnly="true" Width="200" Font-Size="X-Small"></asp:TextBox>
                   <asp:PopupControlExtender ID="PopupControlExtender111" runat="server"
    TargetControlID="txtCombo" 
    PopupControlID="Panel111" 
    Position="Bottom" 
    BehaviorID="pop"
    >
</asp:PopupControlExtender>     

<asp:Panel ID="Panel111" runat="server" ScrollBars="Vertical" Width="200" Height="150" BackColor="AliceBlue" BorderColor="Gray" BorderWidth="1">
            <asp:CheckBoxList ID="chkList" 
        runat="server" 
        Height="150" onclick="CheckItem(this)">         
        <asp:ListItem Text="Contains" Value="true" />
        <asp:ListItem Text="Related" Value="true" />
        <asp:ListItem Text="Exact" Value="true" />                                                                                                                                                               
    </asp:CheckBoxList>
</asp:Panel>

这是我的aspx代码

在head标签中我正在编写下面的脚本来隐藏body元素的弹出窗口。但不知怎的,它似乎不起作用。

<script>
document.body.onclick = function () {
        var bh = $find("pop");
        bh.hidePopup();
    }
</script>

有人可以指出我在这里做错了吗? 我写了这个简单的脚本来测试自己

<script>
    document.body.onclick = function () {
            alert('Hello');
        }
    </script>

但永远不会显示警告对话框。我的代码有问题吗?

0 个答案:

没有答案