2013-11-20 14 views
0

我正在開發一個Web應用程序,其中多個對話框在另一個對話框上打開。如何在asp.net Web應用程序中從cs文件附加並顯示對話框,以便代碼變得更易於管理。我如何顯示asp.net中的文件後面的代碼對話框?

$("#dialog1").dialog({ 
    autoOpen: false, 
    modal: true, 
    draggable: true, 
    height: 340, 
    width: 400, 
    position: "center", 
    resizable: false, 
    buttons: { 
     "Yes": function() { $("#dialog1").dialog("close") }, 
     "No": function() { } 
    } 
}); 
$("#btnDialog").click(function() { $("#dialog1").dialog("open"); }); 
+1

你可以證明你到目前爲止做了什麼嗎? –

+0

我從jQuery的文件打開對話框 – Mickel

+0

$( 「#dialog1」)對話框({ 的AutoOpen:假的, 模式:真, 拖動:真實, 高度:340, 寬度:400, 位置:「中心」, 可調整大小:假的, 按鈕:{ 「是」:函數(){$( 「#dialog1」)對話框。( 「親密」)}, 「否」:函數(){} } }); $(「#btnDialog」)。click(function(){ $(「#dialog1」)。dialog(「open」); }); – Mickel

回答

0

嘗試在代碼書面方式js的變量後面,並在頁面中使用它

protected void Button1_Click(object sender, EventArgs e) 
    { Page.ClientScript.RegisterClientScriptBlock(typeof(Page), "ShowDialog", 
       " var showDialog="+boolShowDialog, true); 
    } 
} 

<script> 
if(showDialog==true){ 
$(document).ready(function(){ 

    $('#dialog-box').dialog("show"); 

}); 
} 
</script> 
0

HTML

<form id="form1" runat="server"> 
    <div id="dialog-modal" style="width: 200px; height: 200px; background-color: gray;display:none"> 
     hi 
    </div> 
    <asp:Button ID="Button1" runat="server" Text="Button" OnClick="Button1_Click" /> 
    </form> 

代碼背後 -

protected void Button1_Click(object sender, EventArgs e) 
    { 
     bool success = true;//set to true if save successful 
     if(success) 
      Page.ClientScript.RegisterClientScriptBlock(typeof(Page), "testScript", " $(document).ready(function() { $('#dialog-modal').dialog();});", true); 
    } 
} 
相關問題