我正在使用 Jquery-ui版本v1.12.1
我的表单中有一个按钮。单击后,将生成 jquery-ui对话框。然后我有一个textbox
和一个asp:button
。
当用户单击该按钮时,它不会调用服务器端代码。我不知道为什么
客户端代码
<div class="row" style="padding-top:20px;">
<div class="col-lg-4">
<input id="btnSave" type="button" class="btn btn-info" value="Save" />
<input id="btnLoad" type="button" class="btn btn-info" value="Load" />
<%-- SAVE DIALOG --%>
<div id="saveDialog" title="Basic dialog">
<div class="row">
<div class="col-lg-4">
<asp:Label ID="lblFileName" CssClass="control-label" runat="server" Text="File Name"></asp:Label>
</div>
<div class="col-lg-6">
<asp:TextBox ID="txtFileName" CssClass="form-control" runat="server"></asp:TextBox>
</div>
</div>
<div class="row">
<div class="col-lg-12" style="text-align:center;">
<asp:Label ID="lblSaveErrorMsg" runat="server" Text="" ForeColor="Red"></asp:Label>
</div>
</div>
<div class="row" style="padding-top:10px;">
<div class="col-lg-12" style="text-align:center;">
<asp:Button ID="btnSaveFile" runat="server" Text="Save" OnClick="btnSaveFile_Click"/>
</div>
</div>
</div>
</div>
Jquery代码
$('#btnSave').click(function () {
$('#saveDialog').dialog();
});
注意
出于测试目的,我在对话框之外移动按钮,它工作正常。但当我放入对话框时,它无法正常工作
我也看到了link。但对于我的版本,没有替代代码。
我引用此link too。但我不知道如何申请我的代码