Javascript 引导模式无法正确加载动态内容
我正在开发一个测试模式,最终将在联系人目录中使用。单击按钮时,将向AccountsDB对象中的子GetSpecificAccount传递一个可变电子邮件地址。在测试模式中,我对要通过的电子邮件地址进行了硬编码,以使其更简单;但是,当我单击按钮时,内容不会加载Javascript 引导模式无法正确加载动态内容,javascript,asp.net,vb.net,twitter-bootstrap,Javascript,Asp.net,Vb.net,Twitter Bootstrap,我正在开发一个测试模式,最终将在联系人目录中使用。单击按钮时,将向AccountsDB对象中的子GetSpecificAccount传递一个可变电子邮件地址。在测试模式中,我对要通过的电子邮件地址进行了硬编码,以使其更简单;但是,当我单击按钮时,内容不会加载 <center><asp:Button ID="btnTestButton" CssClass="btn btn-primary" runat="server" OnClick="UpdateModal" OnCl
<center><asp:Button ID="btnTestButton" CssClass="btn btn-primary" runat="server" OnClick="UpdateModal" OnClientClick="ShowModal(); return false" Text="Test Modal" /></center>
</div>
<div id="myModal" 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">×</button>
<h3><asp:Label runat="server" ID="lblName" Text="Name Placeholder" /></h3>
</div>
<div class="modal-body">
<p><b>Name: </b> <asp:Label runat="server" ID="lblName2" Text="Name Placeholder" /></p>
<p><b>Email: </b> <asp:Label runat="server" ID="lblEmail" Text="Email Placeholder" /></p>
<p><b>Info: </b> <asp:Label runat="server" ID="lblInfo" Text="Info Placeholder" /></p>
</div>
<div class="modal-footer">
<asp:HyperLink runat="server" cssclass="btn btn-primary" URL="">Contact</asp:HyperLink>
</div>
</div><!-- /.modal-content -->
</div><!-- /.modal-dialog -->
</div><!-- /.modal -->
<script>
function ShowModal() {
$(document).ready(function () {
$('#myModal').modal('show');
});
}
</script>
Protected Sub UpdateModal()
AccountsDB.GetSpecificAccount("test@test.com")
lblName.Text = AccountsDB.AccountsDataset.Tables("Accounts").Rows(0).Item("FirstName").ToString
lblEmail.Text = AccountsDB.AccountsDataset.Tables("Accounts").Rows(0).Item("email").ToString
lblName2.Text = AccountsDB.AccountsDataset.Tables("Accounts").Rows(0).Item("FirstName").ToString & " " & AccountsDB.AccountsDataset.Tables("Accounts").Rows(0).Item("LastName").ToString
lblInfo.Text = "Test info hardcode"
End Sub
当您单击按钮时,数据不会发送到服务器上,因为“return false;” 你正在做一个完整的回发。如果您想在按钮上部分刷新页面,请单击“仅更新模式div”,然后您需要实现某种ajax:例如UpdatePanel。当我去掉返回值false时,模式会正确加载数据,但会在几秒钟内自动关闭,因为javaScript函数完成后,页面会重新加载。你需要在updatePanel中包含你的div,去掉OnClient点击按钮。在服务器端的Sub-UpdateModel调用js函数,如下所示:ScriptManager.RegisterStartupScriptMe、GetTypeString、ShowPanel、ShowModal;,True如何实现updatepanel,我过去没有使用过。。我怀疑我在ScriptManager.RegisterStartupScript行中遇到了一些问题。我在Visual Studio中收到一个语法错误,指出System.Web.UI.IScriptManager在此上下文中不可访问,因为它是friend。我还在aspx文件中插入了一个控件