标签文本框 ServerControl

Question

我可以创建一个服务器控件吗，它作为标签加载并在用户单击时变成右下角带有两个按钮（保存、取消）的文本框，然后在按下保存时再次变成标签，带有entered text or cancel 将取消编辑（如果有）并再次成为带有现有文本的标签？

Answer 1

您可以使用 visible 属性 visible=true OR visible=false
大多数 asp 控件具有 visible 属性 - More information for visible property

Answer 2

我为此创建了一个 JSfiddle：-

代码：-

$(function() {
    $("#lbl").click(function() {

        var text = $("#lbl").text();
        $("#lbl").hide();
        $("#edit").show();
        $("#text").val(text);
    });
    $("#save").click(function() {
        //make call to server if you want to save the value in DB
        var text = $("#text").val();
        $("#lbl").text(text);
        $("#edit").hide();
        $("#lbl").show();

    });
    $("#cancel").click(function() {

        $("#edit").hide();
        $("#lbl").show();

    });
});

在“保存”按钮事件中，您可以进行 ajax 调用或任何您想做的事情...

标签文本框 ServerControl

Label Textbox ServerControl

.net

javascript

c#

c#-3.0

c#-4.0