jhtmlarea無法在updatepanel內部工作

Question

我的表單上有一個jhtmlarea textarea

textarea id="txtDigital" name="txtDigital" class="form-control" style="background-color:white; resize: vertical !important; "
                                            rows="20" placeholder="Details" runat="server"></textarea>

這是在javascript中設置的：

$(document).ready(function () {
    $(function () {
       $("#<%=this.txtDigital.ClientID%>").htmlarea({
            toolbar: [
            ["bold", "italic", "underline", "strikethrough"],
            ["increasefontsize", "decreasefontsize", "forecolor"],
            ["orderedList", "unorderedList", "superscript", "subscript"],
            ["indent", "outdent", "justifyleft", "justifycenter", "justifyright"]
        ]
        });
    });
});

在我添加一個ASP.NET UpdatePanel之前，該方法工作正常，該textarea位於updatepanel內部，並且在頁面加載時，它只是作為純文本區域加載。 我使用Firebug逐步執行，並且代碼確實運行了，但是我懷疑UpdatePanel刷新后沒有運行。.刪除updatepanel使其可以按預期的方式作為jhtmlarea加載。

當我顯示textarea時，我嘗試調用與函數相同的代碼，並且將其正確格式化為jhtmlarea，但是禁用了一些我在查看頁面時看不到的方式。

我非常感謝圍繞它在UpdatePanel中工作提供的任何幫助。

謝謝

Answer 1

這是一個不調用jquery事件的部分回發的問題，您需要在PostBack之后重新綁定jquery。您需要一個命名函數並將其作為endRequest回調傳遞，以便在瀏覽器放棄控件demo()被調用

function demo()
{
    $("#<%=this.txtDigital.ClientID%>").htmlarea({
            toolbar: [
              ["bold", "italic", "underline", "strikethrough"],
              ["increasefontsize", "decreasefontsize", "forecolor"],
              ["orderedList", "unorderedList", "superscript", "subscript"],
              ["indent", "outdent", "justifyleft", "justifycenter", "justifyright"]
            ]
    });
}

$(document).ready(demo);

現在，在ScriptManager之后，在aspx文件中添加以下腳本

 <script type="text/javascript">
    Sys.WebForms.PageRequestManager.getInstance().add_endRequest(demo);
 </script>