Question

您好我正在尝试获取inPlace编辑功能。但这一次是在ASP.net应用程序的Master页面中。我在母版页上有一个标签控件（用于每个网页的标题）。在我的内容页面中，我想允许用户编辑该标题。场景是用户单击标签时应将Label转换为文本框。编辑然后当文本框松散焦点时，它应该转换为更新的标签。我不想改变我的母版页内容。否则可能是我可以在母版页上添加隐藏文本框以用标签替换它。但我担心的是，我可以在不编辑母版的情况下这样做吗？我尝试使用JQuery .replaceWith()方法。但我是JQuery和asp.net的新手。请帮助我。谢谢我试过stephen的解决方案，但得到对象不支持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。

Answer 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>

使用jQuery对ASP.NET主页进行InPlace编辑

1 个答案: