Twitter BootStrap 模式和 ASP.NET

Question

我在我的项目中使用 twitter 引导程序，我想显示带有一些文本框和按钮的模式弹出窗口，以将数据保存到我的后端。 我使用This 作为配置模板 所以一切都很好，问题是当我按下按钮时，它像往常一样发回，模式消失了，但它刷新了页面.... 从用户体验的角度来看，如果这不好，我想按下模态淡入淡出的按钮，而不是刷新我的页面。 我试图将它放在更新面板上并触发按钮并再次刷新。 这是我的代码

<a data-toggle="modal" data-original-title="Help" data-placement="bottom" data-toggle="tooltip" class="btn btn-default btn-sm" href="#helpModal">
                <i class="icon-question-sign"></i>
            </a>

    <div id="helpModal" class="modal fade">
        <div class="modal-dialog">

            <div class="modal-content">
                <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>
                <div class="modal-body">
                    <p>
                        Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
                    </p>
                </div> 
                <div class="modal-footer">

                    <asp:LinkButton runat="server"  ID="lnkSave" class="btn btn-default" 
                     OnClick="lnkSave_OnClick"  Text="Save"></asp:LinkButton>
                </div>
            </div>

            <!-- /.modal-content  data-dismiss="modal"  -->
        </div>
        <!-- /.modal-dialog -->
    </div>

这里没有java脚本代码。

Answer 1

如果您不打算进行回发并刷新页面，那么使用 asp:LinkBut​​ton 确实没有意义。如果您确实想对服务器进行完整回发，则需要使用 AJAX 更新您的值并在页面上显示更改。

使用 jQuery click 事件绑定到 html 或 jQuery AJAX 调用 Web 服务的 jQuery 设置是朝着正确方向迈出的一步。将 UpdatePanel 视为一种解决方案只会产生不必要的复杂性，并引导您走向不完全理解 Web 应用程序的方向。由于这是一个较老的问题，我假设你已经弄清楚了，但如果你还没有，我会向你展示一些代码示例来说明如何做到这一点。