0

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

<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脚本代码。

4

1 回答 1

0

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

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

于 2013-11-06T08:46:16.530 回答