如何使用c＃或JQuery添加動態html頁面

Question

我已經創建了動態控制在一個面板中使用JQuery與ASP.net中的可移動選項（可拖動）與c＃，現在的要求就像我必須保存該面板作爲單獨的HTML點擊創建按鈕。我必須向用戶展示，如果在該面板中進行了任何修改（添加控件），那麼必須保存。

function AddLabel() { 
    var idl = document.getElementById('Autolbl').value; 
    var Panel = $('#cntpnl'); 
    Panel.append("<br /><label id=Llb" + idl 
     + " title='Click Properties Tab to Change the Text' 
     onmouseup='MLup(this.id)'    
     onmousedown='MLdown(this.id)'> Label </label>"); 

    var draglbl = "Llb" + idl; 

    $(function() { 
     $("#"+draglbl).draggable({ cancel: null }); 
    }); 

    idl++; 

    document.getElementById('Autolbl').value = idl; 
    return false; 
} 

Answer 1

添加這樣一個按鈕，隱藏字段在頁面

<asp:Button ID="btnCreate" runat="server" Text="Create HTML Page"   onclick="btnCreate_Click" /> 

<input type="hidden" id="txtHTML" runat="server"/> 

添加頁面

$(document).ready(function() { 
       $("#<%=btnCreate.ClientID %>").click(function() { 
        $("#<%=txtHTML.ClientID %>").val($("#cntpnl").html()); 
        return true; 
       }); 
      }); 

服務器端代碼創建HTML頁面的底部javascript代碼如下按鈕

var html = txtHTML.Value.ToString(); 
System.IO.File.WriteAllText(@"C:\Temp\Test.htm", html); 

請記得在頁面指令中設置ValidateRequest =「false」，否則回發將通過異常。

我不喜歡這種方法，但我認爲你已經用這種方式開發了你的東西。