第二次弹出不弹出

Question

我使用从编辑候选人详细信息的webgrid弹出。当我第一次点击时，流行音乐开放。当我点击第二次时，它不显示。

//脚本

function EditProduct(cid) { 

     var ph = $("#DivToAppendPartialView"); 
     alert(cid); 
     ph.load("/CandidateDetails/EditCandidateDetails?candidateid=" + cid, function() { 
      alert('hi'); 
      ph.dialog({ 
       modal: true, 
       width: 560, 
       height: 560, 
       title: "Edit Candidate", 
       resizable: false 
      }); 
     }); 
    } 

当点击第二次警报（ '你好'）被解雇，但没有弹出。

//网格列

grid.Column("", header: "Actions", canSort:false, 
     format: @<text> 
        @Html.Raw("<img src='/Images/edit-icon.png' alt='Edit' title='Edit' onclick='EditProduct(" + item.CDId + ")' />") 
        @Html.Raw("<img src='/Images/delete-icon.png' alt='Delete' title='Delete' onclick='DeleteProduct(" + item.CDId + ")' />") 
       </text> 

//脚本使用

<script src="@Url.Content("~/Scripts/jquery-1.4.4.min.js")" type="text/javascript"></script> 
    <script src="@Url.Content("~/Scripts/jquery-ui.min.js")" type="text/javascript"></script> 

Answer 1

这

行创建的对话框。默认情况下，autoOpen属性为true，这就是为什么它第一次打开。

ph.dialog({ 
    modal: true, 
    width: 560, 
    height: 560, 
    title: "Edit Candidate", 
    resizable: false 
}); 

第二次调用该对话框时，对话框已经创建，因此它不会再次运行。相反，创建对话框一次，并使用open方法打开它...

var ph = $("#DivToAppendPartialView"); 
ph.dialog({ 
    modal: true, 
    width: 560, 
    height: 560, 
    title: "Edit Candidate", 
    resizable: false, 
    autoOpen: false // don't open on creation 
}); 

function EditProduct(cid) { 
    ph.load("/CandidateDetails/EditCandidateDetails?candidateid=" + cid, function() { 
     ph.dialog('open'); 
    }); 
}