[英]Jquery dialogue box with ASP.Net button control
I'm calling this function from code-behind after getting successful result in datatable. 在数据表中获得成功的结果后,我从代码后台调用此函数。
JavaScript JavaScript的
function ReportPossibilities() {
$(document).ready(function () {
var dlg = $('#ctl00_ContentPlaceHolder1_pnlReportDetails').dialog({
show: 'slide',
hide: 'blind',
modal: true,
minHeight: 150,
minWidth: 600
});
$(".ui-dialog-titlebar").hide();
dlg.parent().appendTo($("form:first"));
});
}
ASPX ASPX
<asp:Panel ID="pnlReportDetails" runat="server" style=" display:none;">
<table>
<tr>
<td style="padding: 4px; font-weight: bold; font-family: Arial, Helvetica, sans-serif;
font-size: .78em; font-variant: normal;" colspan="3">
<asp:Label ID="lblMsg" runat="server"></asp:Label>
</td>
</tr>
<tr>
<td></td>
<td colspan="3">
<div id="ReportDetails">
<asp:GridView ID="gvReportDetails" runat="server" AutoGenerateColumns="False" DataKeyNames="ReportID,ExistingColumnID" CssClass="box-table-a" Height="50px" BorderColor="Black" BorderWidth="1px">
<RowStyle CssClass="row_odd" />
<AlternatingRowStyle CssClass="row_even" />
<Columns>
<asp:BoundField DataField="ReportId" Visible="false" />
<asp:BoundField DataField="ExistingColumnID" Visible="false" />
<asp:TemplateField HeaderText="Report Name">
<ItemTemplate>
<asp:CheckBox runat="server" ID="cbSelect" />
</ItemTemplate>
</asp:TemplateField>
<asp:TemplateField HeaderText="Report Name">
<ItemStyle CssClass="ItemPixel" />
<ItemTemplate>
<asp:Label ID="lbReportName" runat="server" Text='<%#Bind("ReportName")%>'></asp:Label>
</ItemTemplate>
</asp:TemplateField>
<asp:TemplateField HeaderText="Existing Column">
<ItemStyle CssClass="ItemPixel" />
<ItemTemplate>
<asp:Label ID="lbExtCol" runat="server" Text='<%#Bind("ExistingCalc")%>'></asp:Label>
</ItemTemplate>
</asp:TemplateField>
</Columns>
</asp:GridView>
<ajaxToolkit:RoundedCornersExtender Corners="All" Radius="4" TargetControlID="Panel2" ID="RoundedCornersExtender1" runat="server" />
</div>
</td>
</tr>
<tr>
<td align="center" colspan="3">
<asp:Button ID="btnSubmitRptDetails" runat="server" Text="Submit" OnClick="btnSubmitRptDetails_Click" />
</td>
</tr>
</table>
</asp:Panel>
Code-behind 后台代码
Page.ClientScript.RegisterClientScriptBlock(this.GetType(), "ReportPossibilities", "ReportPossibilities()", true);
This piece of code works in IE but not in google chrome and Firefox. 这段代码适用于IE,但不适用于谷歌浏览器和Firefox。 Will be glad if someone focuses at my mistake.
如果有人专注于我的错误会很高兴。
As I am using 1.10 version of Jquery ui, I added following code and it worked on all browsers. 当我使用Jquery ui的1.10版本时,我添加了以下代码,并且该代码在所有浏览器上均有效。
$(document).ready(function () {
var dlg = $('#ctl00_ContentPlaceHolder1_pnlReportDetails').dialog({
show: 'slide',
hide: 'blind',
modal: true,
minHeight: 150,
appendTo: "form:first", // added
minWidth: 600
});
});
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.