标签文本框ServerControl

本文关键字：ServerControl 文本 标签 | 更新日期: 2024-06-14 06:05:25

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

标签文本框ServerControl

我为同一个创建了一个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调用或任何您想做的事情…

  • 可以使用visible属性visible=true OR visible=false执行此操作
  • 大多数asp控件都具有visible属性-有关可见属性的详细信息
相关文章：