1

我已经在一个面板中使用带有 C# 的 ASP.net 中的可移动选项（可拖动）的 Jquery 创建了动态控件，现在的要求就像我必须通过单击创建按钮将该面板保存为单独的 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; 
}
4

1 回答 1

0

在您的页面中添加这样的按钮和隐藏字段

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

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

在页面底部添加以下 javascript 代码

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

创建 HTML 页面按钮的服务器端代码

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

请记住在页面指令中设置 ValidateRequest="false" 否则回发将通过异常。

我根本不喜欢这种方法，但我认为您已经以这种方式开发了您的东西。

于 2012-10-12T07:41:27.123 回答