3

我想将mouseclick事件分配给asp.net panel：

protected void Page_Load(object sender, EventArgs e)
{
    Panel p = new Panel();
    p.Click += new EventHandler(b_Click);//but, this doesn't compiles correctly
}
protected void b_Click(object sender, EventArgs e) 
{
     //C#code
}

有没有办法将点击事件添加到面板？

4

4 回答 4

5

以下是您可以执行的操作，以使您的面板可点击并在服务器端处理事件。

在您的网络表单中放置面板

<asp:Panel runat="server" ClientIDMode="Static" ID="clickMe">
    Click here
</asp:Panel>

将 jQuery 脚本库添加到您的页面。

<script src="http://code.jquery.com/jquery.min.js" language="javascript"
        type="text/javascript"></script>

定义以下客户端事件处理程序

$(document).ready(function() {
    $("#clickMe").click(function () {
        __doPostBack('clickMe', '');
    });
});

在服务器端处理事件。

protected void Page_PreRender(object sender, EventArgs e)
{
    this.Page.ClientScript.GetPostBackEventReference(clickMe, "");
}

protected void Page_Load(object sender, EventArgs e)
{
    if (Request.Form["__EVENTTARGET"] == "clickMe")
    {
        ClickMeOnClick();
    }
}

PreRender 事件处理程序中的代码用于 asp.net 框架在客户端呈现 __doPostBack 函数。如果您的页面包含导致自动回发的控件，则不需要此代码。

于 2012-10-05T06:39:08.133 回答
1

jQuery 1.7 的 Mouseclick 事件：

$('#placeholderID').on('click', '#panelID', function(e){ });
于 2012-10-05T06:15:41.257 回答
0

如果您想要更简单的解决方案，请在面板结束标记之前放置一个按钮，制作，设置 css 样式以覆盖整个面板和 opacity:0，调整 z-index 以不覆盖您的其他元素，然后使用您的 onclick 方法在后面的代码中。

例子：

CSS：

btn-panel{
    position: fixed;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    opacity: 0;
    z-index: -1;
}

ASP：

<asp:Panel ID="myPanel" runat="server" >

            //all your other elements here...
            <asp:Button ID="Button1" runat="server" Text="" CssClass="btn-panel"
                OnClick="YourButton_Click" />
</asp:Panel>

后面的代码：

protected void YourButton_Click(object sender, EventArgs e)
    {
       // Your Code Here...
    }

你去吧，没有 javascript 也没有 jquery 来做魔术！

于 2016-07-29T08:03:03.297 回答
0

将面板更改asp:Panel为asp:LinkButton或将面板包装在 LinkBut​​ton 中。这也可以防止OnClick与子控件单击发生冲突，例如asp:CheckBox.

于 2021-02-01T15:39:31.473 回答