jQuery:使表格单元格内容可编辑
问题描述:
我目前正在与python,jquery一个小应用程序引擎项目。jQuery:使表格单元格内容可编辑
我有一个简单的表,一个名为“编辑”,在每行的最后一列单元格(如人信息),请参阅this jsfiddle demo.
如果我点击“编辑”,我想其他此行上的单元格是可编辑的,“编辑”变为“OK”;
然后,我可以编辑名称,年龄等单元格,如果我点击“确定”,提交更新的内容,“确定”返回到“编辑”,并且单元格再次变为正常(不可编辑) 。
任何想法如何实现?先谢谢你。
答
也许这是你想要什么:
var editButton = $('#edit');
editButton.on('click', function(){
$('textarea').removeAttr('readonly');
});
答
答
一个解决办法是实行jEditable和数据表的jQuery插件。 datatables插件网站有一个例子说明了这一点。
由方式,其余的请求很容易完成。当你点击'OK'(或其他)时,只需触发一个事件,将你的信息发送到你的服务器(在ajax请求中),并重新设置属性为'只读'。 – 2012-03-24 02:16:51
感谢罗伯特。我可以使用“切换”而不是“onclick”来切换“编辑”和“确定”(请参阅http://jsfiddle.net/87Spr/1/)?任何想法如何从这些textareas与Ajax收集更新的内容? – cnherald 2012-03-24 09:29:20
您可以使用$('#element')来切换。toggle(function(){//改为编辑},function(){//改为OK})。您通过$('#yourtextarea')。val()收集更新的内容,然后使用$ .ajax(http://api.jquery.com/jQuery.ajax/)。 – 2012-03-24 15:24:56