标签文本框服务器控件答案

【问题标题】：Label Textbox ServerControl标签文本框服务器控件
【发布时间】：2015-02-19 05:55:10
【问题描述】：

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

【问题讨论】：

是的，您可以使用 javascript 来实现，例如在标签上添加点击事件，并在此编写逻辑以显示文本框和其中的两个按钮并隐藏标签并添加两个按钮的点击事件然后点击它们做任何你想做的事，最后再次显示标签并隐藏这些添加的控件就是这样..
看我的回答可能对你有帮助

标签： javascript c# .net c#-4.0 c#-3.0

【解决方案1】：

我已经为此创建了一个 JSfiddle：-

http://jsfiddle.net/c2S5d/29/

代码：-

$(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 调用或任何您想做的事情...

【讨论】：

【解决方案2】：

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

【讨论】：