Question

我的gridview中有一个模板字段，这个模板字段是一个（文本框）。我想要做的是：用户完成写入并移动到下一个文本框后，丢失的文本框焦点转变为标签或类似标签，如果再次获得焦点，则转为文本框。等等

如何做这样的事情？

Answer 1

您搜索内联编辑。

这是一个可以使用的jQuery内联编辑，但你可以在google上找到更多。

http://yelotofu.com/2009/08/jquery-inline-edit-tutorial/

和现场演示

http://yelotofu.com/labs/jquery/snippets/inlineEdit/demo_final.html

您需要如何完全更改数据库的更新方式。

Answer 2

像这样：

<script type="text/javascript">
function show(){
document.getElementById("input1-label").style.display = "none";
document.getElementById("input1").style.display = "block";
document.getElementById("input1").focus();
}

function hide(){
if(document.getElementById("input1").value != "") document.getElementById("input1-label").innerHTML = document.getElementById("input1").value;
document.getElementById("input1-label").style.display = "block";
document.getElementById("input1").style.display = "none";
}
</script>

<label id="input1-label" onclick="show()" style="display:none">Label</label>
<input type="text" id="input1" onblur="hide()" />

http://jsfiddle.net/9v4TJ/1/

根据焦点从文本框外观更改为标签外观

2 个答案: