2

您好我正在尝试获得就地编辑功能。但这次它位于 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。

4

1 回答 1

1

对于使用 jQuery 进行 InPlaceEditing，您应该查看这个插件...

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>
于 2011-04-01T11:11:16.793 回答