用linkbutton打开弹出窗口

时间:2013-07-24 00:06:15

标签: c# html asp.net href linkbutton

我正在使用bootstrap模式弹出窗口,这个div是(例如)弹出窗口[使用转发器]

<div id="messageContent">Hello World!</div>

这个弹出窗口可以通过这样做打开(这可行):

<a href="#messageContent" role="button" class="btn" data-toggle="modal">Open Popup</a>

但我希望通过DataBinder.Eval传递一些<a href=""></a> - 值,这是不可能的,所以这就是我尝试使用linkbutton

<asp:LinkButton ID="lbOpenMessage" runat="server" CommandName="OpenMessage" CommandArgument='<%#Eval("MessageID")%>'>Open Popup</asp:LinkButton>

但是我无法调用链接按钮中的<a href="#messageContent"></a>来打开弹出窗口。

当我做这样的事情时:

<asp:LinkButton ID="lbOpenMessage" runat="server" CommandName="OpenMessage" CommandArgument='<%#Eval("MessageID")%>'>
<a href="#messageContent" role="button" class="btn" data-toggle="modal">Open Popup</a>
</asp:LinkButton>

然后e.Commandname - 事件不会被触发,所以我没有得到MessageID。

通过传递<a href="#messageContent"></a> - 值,我可以使用DataBinder.Eval打开弹出窗口?

我做了一些研究,但找不到任何东西。

1 个答案:

答案 0 :(得分:0)

您需要通过javascript调用显示模式,而不是标记快捷方式。请参阅此处http://getbootstrap.com/javascript/#modals

你想要调用的函数是$('#myModal')。modal(options)

因此,在您的项目命令事件中,您需要以下内容:

if (e.commandname == "yourcommandname")
{
    // do your stuff that needs to be done
    ScriptManager.RegisterStartupScript(this.Page, this.GetType(), "key", " $('#myModal').modal(options);", true);
}