不显示弹出窗口在jquery对话框中单击取消 [英] not displaying popup ater click cancel in jquery dialog

问题描述

我需要在按钮单击中显示一个弹出窗口..我已经创建了对话框和附加表。它在按钮单击时显示弹出窗口。但是当我在对话框中单击取消并再次单击按钮时，表格内部它没有显示。（只显示对话框）。



我的代码下面：

var DUDialog = $（'

I need to show a popup in a button click..I have created dialog box and appended table into it.It displays popup in button click.but when i click cancel in dialog box and again i click button,the table inside it is not displaying.(only dialog is showing).

Below my code:
var DUDialog = $('

'）;

DUDialog.dialog（{

宽度：$（窗口）.width（）* 0.3，

身高：$（窗口）。身高（）* 0.7，

模态：真，

标题：进口贷款，

显示：'clip'，

隐藏：'clip'，

按钮：[

{text：Submit，点击：function （）{doSomething（）}}，

{text：取消，点击：function（）{$（this）.dialog（close）}}

]

}）;

调试器;

$（''，{'border'： 0'，'cellpadding'：'2'，'cellspacing'：'0'，'align'：'center'，'width'：'98％'}）

.append（$（

'，{'style'：'height：28px;'}）。append（$（' <表> '，{'colspan'：'8'}）。append（$（'

');
DUDialog.dialog({
width: $(window).width() * 0.3,
height: $(window).height() * 0.7,
modal: true,
title: "Import Loan",
show: 'clip',
hide: 'clip',
buttons: [
{text: "Submit", click: function() {doSomething()}},
{text: "Cancel", click: function() {$(this).dialog("close")}}
]
});
debugger;
$('', { 'border': '0', 'cellpadding': '2', 'cellspacing': '0', 'align': 'center', 'width': '98%' })
.append($('

', { 'style': 'height:28px;' }).append($('', { 'colspan': '8' }).append($('

'）。append（$（'< label />'，{' html'：'文件名'，'id'：'lnkFile_'+ loanID +'_ loan'}）。append（$（' '，{'colspan ：'8'}）。append（'< input type =filename =fileUpload1id =fileUpload1class =fileUpload/>'））））））

.append（$（' '，{'style'：'height：28px;'}）。append（$（' '，{'colspan'：'8'}）。append（$（'

').append($('<label/>', { 'html': 'File Name', 'id': 'lnkFile_' + loanID + '_loan' }).append($('', { 'colspan': '8' }).append('<input type="file" name="fileUpload1" id="fileUpload1" class="fileUpload" />'))))))
.append($('', { 'style': 'height:28px;' }).append($('', { 'colspan': '8' }).append($('

'）。append（$（'< label />'，{'html '：'文件类型'，'id'：'lblFileType'}）。append（$（' < TR> '，{'colspan'：'8'}）。append（'< selec t id =ddlFileTypestyle =width：100％>< option value =0> FannieMae DU< / option>< / select>'））））））

.append（$（' '，{'style'：'height：28px;'}）。append（$（' <表> '）。追加（$（' '，{'colspan'：'8'}）。append（$（'< button />'，{'html'：'Import'，'id'：'btnImport'}））））））

.appendTo（'＃ImportDUDialog'）;

').append($('<label/>', { 'html': 'File Type', 'id': 'lblFileType' }).append($('', { 'colspan': '8' }).append('<select id = "ddlFileType" style="width: 100%"><option value="0">FannieMae DU</option></select>'))))))
.append($('', { 'style': 'height:28px;' }).append($('').append($('', { 'colspan': '8' }).append($('<button/>', { 'html': 'Import', 'id': 'btnImport' })))))
.appendTo('#ImportDUDialog');

推荐答案

（'

'）;

DUDialog.dialog（{

宽度：

');
DUDialog.dialog({
width:

（窗口）.width（）* 0.3，

高度：

(window).width() * 0.3,
height:

（窗口） .height（）* 0.7，

modal：true，

title：Import Loan，

show：'clip'，

隐藏：'clip'，

按钮：[

{text：Submit，click：function（）{doSomething（）}}，

{text：取消，点击：function（）{

(window).height() * 0.7,
modal: true,
title: "Import Loan",
show: 'clip',
hide: 'clip',
buttons: [
{text: "Submit", click: function() {doSomething()}},
{text: "Cancel", click: function() {

这篇关于不显示弹出窗口在jquery对话框中单击取消的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！