标签文本框服务器控件

时间:2015-02-19 05:55:10

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

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

2 个答案:

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

答案 1 :(得分:0)