InPlace редактирование ASP.NET Master Pages с помощью jQuery - PullRequest
Новая
       4

InPlace редактирование ASP.NET Master Pages с помощью jQuery

2 голосов
/ 01 апреля 2011

Привет, я пытаюсь получить функциональность редактирования inPlace.Но на этот раз на главной странице приложения ASP.net.У меня есть элемент управления ярлыком (для заголовка каждой веб-страницы) на главной странице.И на моей странице контента я хочу разрешить пользователю редактировать этот заголовок.Сценарий заключается в том, что метка должна быть преобразована в текстовое поле, когда пользователь щелкает метку.изменить, а затем, когда текстовое поле потеряет фокус, оно должно быть преобразовано в обновленную метку.Я не хочу менять содержимое моей главной страницы.В противном случае я могу добавить скрытое текстовое поле на главной странице, чтобы заменить его на ярлык.Но меня беспокоит то, что я могу сделать это без редактирования моей главной страницы?Я пытался работать с методом 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.

1 Ответ

1 голос
/ 01 апреля 2011

Для 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>
...