Bootstrap modal如何执行远程模态按钮来触发codehind答案

【问题标题】：Bootstrap modal how to execute remote modal button to fire codehindBootstrap modal如何执行远程模态按钮来触发codehind
【发布时间】：2015-12-24 16:07:48
【问题描述】：

我是 jquery 和 bootstrap C# 的新手，我想要做的是我有两个页面 default.aspx 和 popup.aspx，我正在使用引导模式远程调用 popup.aspx 作为模式。我正在尝试从 popup.aspx 页面上的 asp 控件中选择任何内容并对其进行操作，并希望将值返回到隐藏字段。那么default.aspx就可以根据隐藏字段中的值显示结果了。

我在模态框上有一个带有 onclick 事件的 asp 按钮，但该事件没有触发后面的代码。

只要我不输入 data-dismiss="modal" 或 UseSubmitBehavior="false"，我就可以触发事件，但它会将 default.aspx 重定向到 popup.aspx

如果我在其中添加一个或两个属性，它不会触发后面 popup.cs 代码中的事件

default.aspx 中的代码

<form id="form1" runat="server">
    <asp:TextBox ID="txtText" runat="server"></asp:TextBox>
    <asp:TextBox ID="txtText2" runat="server"></asp:TextBox>
    <a data-toggle="modal" class="btn btn-info" href="popup.aspx" data-target="#myModal">Click me !</a>

<!-- Modal -->
<div class="modal fade" id="myModal" tabindex="-1" role="dialog"  aria-labelledby="myModalLabel" aria-hidden="true">
<div class="modal-dialog">
    <div class="modal-content">
    </div> <!-- /.modal-content -->
</div> <!-- /.modal-dialog -->
</div> <!-- /.modal -->

</form>

在 default.aspx 上的 jquery

<script>
     $('#myModal').on('hidden.bs.modal', function (event) {
         $('#txtText').val($("#lblLabel").val());
         $(this).find('#popup')[0].reset();
     });
   </script>

来自 popup.aspx 的代码

<form id="popup" runat="server">
<div>

        <div class="modal-header">
            <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
             <h4 class="modal-title">Modal title</h4>
        </div>          <!-- /modal-header -->
        <div class="modal-body">
            <asp:TextBox ID="txtBox" runat="server"></asp:TextBox>



        <p>Excitavit hic ardor milites per municipia plurima, quae isdem conterminant, dispositos et castella, sed quisque serpentes latius pro viribus repellere moliens, nunc globis confertos, aliquotiens et dispersos multitudine superabatur ingenti.</p>
        </div>          <!-- /modal-body -->
        <div class="modal-footer">

            <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
            <asp:Button ID="btnButton" runat="server"  Text="Button" OnClick="btnButton_Click" data-dismiss="modal" CssClass="btn btn-primary"/>

        </div>          <!-- /modal-footer -->


</div>
</form>

那么有没有办法可以做到这一点？

【问题讨论】：

标签： javascript c# jquery asp.net twitter-bootstrap

【解决方案1】：

经过大量研究，我已经解决了这个问题。经过数小时的研究，我发现为了从远程页面模式调用该方法，需要做四件事。

所需的任何方法都必须是静态的。
任何需要的远程页面控件的值都必须作为参数传递给该方法。
静态方法必须声明为 [System.Web.UI.WebMethod]。
使用ajax方法调用方法。

我不确定这是否是正确的方法，但它适用于我需要做的事情。如果他们的站点/应用程序需要这种类型的要求，我希望这可能对其他人有所帮助。

【讨论】：