OnClick事件未在LinkBut​​ton C内部触发＃

Question

我有LinkButton连接到OnClick事件和一个触发弹出模式的href。

我的问题是模态窗口按预期弹出，但OnClick没有触发，甚至没有在事件内部达到断点。

我将在下面发布代码：

<asp:LinkButton href="#viewemydevices" data-toggle="modal" ID="ViewMyDevices" runat="server" OnClick="btnViewMyDevices_Click"></asp:LinkButton>

<div class="modal fade" id="viewemydevices" role="dialog">
        <div class="modal-dialog">
            <div class="modal-content">
                <div class="modal-header">
                    <h4>This is a section</h4>
                </div>
                <div class="modal-body">
                    <table id="MyDevicesTable" class="table tbody" runat="server" visible="false">
                        <tbody>
                            <tr>
                                <td>
                                    <asp:DataGrid ID="MyDevicesGrid" runat="server" CssClass="table table-striped tbody" Visible="false"
                                        AutoGenerateColumns="True"
                                        ForeColor="black"
                                        HeaderStyle-Font-Bold="true"
                                        HeaderStyle-ForeColor="black"
                                        GridLines="None"
                                        EnableViewState="false"
                                        AllowSorting="True"/>
                                </td>
                            </tr>
                        </tbody>
                    </table>
                </div>
                <div class="modal-footer">
                    <a class="btn btn-primary" data-dismiss="modal">Close</a>
                </div>

            </div>
        </div>
    </div>



protected void protected void btnViewMyDevices_Click(object sender, EventArgs e)
{
     //logic goes here
}

更新

<asp:LinkButton ID="ViewDevices" runat="server" OnClick="btnViewMyDevices_Click"></asp:LinkButton>

此更新的代码会触发on click事件，但不会触发模态...

所需的最终产品是单击链接按钮时，它将显示模态并运行click事件。该事件是使用结果集填充模态正文中的数据网格的查询。

Answer 1

你缺少模态的目标。通常

data-toggle="modal" 

用于削减

data-target="#viewemydevices"

有关更多详情，请read this

修改  这个功能可以通过使用常规html按钮替换你的链接按钮来实现，该按钮将显示模态，之后将对服务器端函数进行AJAX调用。有关发出AJAX呼叫的详细信息，请参阅this article