Редактирование InPlace главных страниц ASP.NET с помощью jQuery

Привет, я пытаюсь использовать функцию редактирования inPlace. Но на этот раз он находится на главной странице приложения ASP.net. У меня есть элемент управления ярлыком (для заголовка каждой веб-страницы) на главной странице. И на моей странице содержимого я хочу разрешить пользователю редактировать этот заголовок. Сценарий состоит в том, что метка должна быть преобразована в текстовое поле, когда пользователь нажимает метку. edit, а затем, когда текстовое поле потеряет фокус, его следует преобразовать в обновленную метку. Я не хочу изменять содержимое главной страницы. В противном случае, возможно, я могу добавить скрытое текстовое поле на главную страницу, чтобы заменить его меткой. Но меня беспокоит, могу ли я сделать это, не редактируя главную страницу? Пробовал работать методом JQuery .replaceWith(). Но я новичок в JQuery и asp.net. Пожалуйста, помогите мне, спасибо.
Я попробовал решение Стивена, но получил объект, не поддерживающий ошибку времени выполнения Javascript. Код JS представлен как:

<script type="text/javascript" src="../Scripts/jquery-1.4.2.min.js" ></script> 
<script type="text/javascript" src="../Scripts/jquery-1.3.2.min.js" ></script> 
<script type="text/javascript" src="../Scripts/jquery/jeditable.js" charset="utf-8">      </script>
<script type="text/javascript">
     $(document).ready(function() {
        $(".click").editable("~/AdminArea/Setup/SetupFixedText.aspx", {
         tooltip: "Click to edit...",
         style: "inherit"
     });

     });

</script>

И в aspx у меня сначала есть метка, я назначил метку calss для метки, но теперь поместил метку в "b"

div id = 'lblcontent' 
h3 class="BlueHeading"
b class="click" style="display: inline"
asp:Label  ID="lblContentTitle" runat =  "server"  EnableViewState="False"  
/asp:Label
/b

/h3
/div

Я удалил угловые скобки, так как этот редактор принял его как html.


jquery asp.net master
person Nayyab    schedule 01.04.2011    source источник
comment
Вам также нужно будет указать jQuery на этой странице, если вы еще этого не сделали.   -  person stephen776    schedule 01.04.2011
comment
Дайте свой asp: отметьте свойство CssClass для клика и удалите класс клика из тега B   -  person stephen776    schedule 01.04.2011
comment
отредактировал мой ответ ниже, чтобы отразить вышеупомянутый комментарий   -  person stephen776    schedule 01.04.2011
comment
о, и вы можете оставить скобки ангела в своем коде при публикации. в этом нет ничего страшного   -  person stephen776    schedule 01.04.2011

Ответы (1)


arrow_upward
1
arrow_downward

Для InPlaceEditing с jQuery вам следует проверить этот плагин ...

http://www.appelsiini.net/projects/jeditable

Должен сделать все намного проще

ИЗМЕНИТЬ указанный опубликованный код

Измените свою страницу aspx на это:

<div id='lblcontent'>  
 <h3 class="BlueHeading"> 
  <b style="display: inline"> 
   <asp:Label  ID="lblContentTitle" runat="server" CssClass="click" EnableViewState="False"></asp:Label> 
  </b>  
 </h3> 
</div>
person stephen776    schedule 01.04.2011
comment
Не за возможность проголосовать / пометить как ответ, если это помогло ... удачи! - person stephen776; 01.04.2011
comment
@ stephen776 Привет, я получаю сообщение об ошибке, что объект не поддерживает свойство на странице ASPX. МОЙ код JScript представлен как ‹тип сценария = текст / javascript src = .. / Scripts / jquery / jeditable.js charset = utf-8› ‹/script› ‹тип сценария = текст / javascript› $ (документ) .ready ( function () {$ (. click) .editable (~ / AdminArea / Setup / SetupFixedText.aspx, {tooltip: Click to edit ..., style: inherit});}); ‹/Script› - person Nayyab; 01.04.2011
comment
Попробуйте опубликовать часть своего кода, а также конкретную информацию об ошибке в исходном вопросе, чтобы мы могли определить, что вызывает проблему. - person stephen776; 01.04.2011
comment
А мой HTML-код - ‹div id = 'lblcontent'› ‹h3 class = BlueHeading› ‹b class = click style = display: inline› ‹asp: Label ID = lblContentTitle runat = serverEnableViewState = False› ‹/ asp: Label› ‹ / b ›‹/h3› ‹/div› - person Nayyab; 01.04.2011
comment
звучит так, как будто у вас нет правильной ссылки на jquery и / или jeditable плагин на вашей странице - person stephen776; 01.04.2011
comment
Я не знаю, как нажимать ввод в этой текстовой области, количество символов превышено, поэтому :( разбили ее на части. - person Nayyab; 01.04.2011
comment
вам понадобится ссылка как на jQuery, так и на плагин на странице - person stephen776; 01.04.2011
comment
вы не должны публиковать длинные образцы кода в комментариях ... отредактируйте исходный вопрос с помощью кода ... сделайте отступ строк кода 4 пробела для автоматического форматирования - person stephen776; 01.04.2011
comment
У меня уже есть ссылки на JQuery, поскольку я мог использовать функции JQuery. .replacewith () и другие. вы хотите, чтобы я разместил это здесь? - person Nayyab; 01.04.2011