получить внутренний html из редактируемого div в asp.net

Question

Я относительно новичок в веб-разработке и совершенно новый для веб-форм ASP.NET. У меня есть следующий пользовательский элемент управления:

CSS:

div.textareaDiv { 
    -moz-appearance: textfield-multiline; 
    -webkit-appearance: textarea; 
    border: 1px solid gray; 
    font: medium -moz-fixed; 
    font: -webkit-small-control; 
    height: 200px; 
    padding: 2px; 
    resize:both; 
    width: 400px; 
    word-wrap: break-word; 
    word-break:normal; 
} 

Сценарий:

function CatchEnterKey(e) { 
     if (e.keyCode == 13) { 
     e.stopPropagation(); 
     return false; 
    } 
    return true; 
} 

Markup:

<div id='HtmlTextField' style="height:200px!important;" class="textareaDiv"  onkeypress="CatchEnterKey(event);" contenteditable="true" unselectable="off" runat="server"></div>; 

И следующий код фоновым функция вызывается, когда Кнопка «отправить» на родительской странице нажата:

public string GetHtml() 
     { 
      Page.ClientScript.RegisterClientScriptBlock(this.GetType(), "gethtml", "alert($('.textareaDiv').html());", true); 
       return null; 
     } 

Идея состоит в том, чтобы вернуть внутренний html div через выполнение скрипта, но в настоящее время я просто хочу выяснить, почему я получаю пустое предупреждение. Разве что внутренний html div действительно очищается от обратной передачи, и мне нужно думать о другом решении, или я делаю что-то неправильно?

Заранее спасибо

римской

Answer 1

Смотрите эту post on SO. Вместо этого замените свой пример на использование RegisterStartupScript. Проблема заключается в том, что RegisterClientScriptBlock регистрируется до того, как элементы отображаются на экране, поэтому элемент даже не отображается при запуске этого кода. RegisterStartupScript отображает после всех элементов.

Кроме того, JQuery также поддерживает отсрочку запуска скрипта до тех пор, пока все не загрузится. Если вы обернуть код:

$(document).ready(function() { /* alert code here */ }); 

Или стенографии:

$(function() { /* alert code here */ }); 

Это задерживает выполнение до документа готовы. Это еще одна альтернатива.