Jquery + jeditable表行编辑多个字段
提问于 2010-08-31 01:02:20
我试图找出用jquery和jeditable逐行编辑表的方法。我的目标是有一个“编辑”按钮，这将改变所需的行单元格编辑模式。
现在我有：
$(document).ready(function() {
$("#addrowbutton").click(function() {
$("#addrow").show();
});
$("#canceladd").click(function() {
$("#addrow").hide();
});
$("#saveadd").click(function() {
$("#message").text("Added").fadeOut(4000, function() {
$(this).css('display','block').text("");
});
$("#addrow").hide();
});
$("#add_trade_form").submit(function() {
process_details();
return false;
});
function process_details() {
$("#add_trade_form").ajaxSubmit();
return false;
}
$(".editlink").click(function() {
var datapos = $(this).parent().parent().prevAll().length;
var editpos = datapos + 1;
$("#trades_table tbody tr:eq(" + datapos + ")").hide();
$("#trades_table tbody tr:eq(" + editpos + ")").show();
});
$(".cancellink").click(function() {
var editpos = $(this).parent().parent().prevAll().length;
var datapos = editpos - 1;
$("#trades_table tbody tr:eq(" + datapos + ")").show();
$("#trades_table tbody tr:eq(" + editpos + ")").hide();
});
$(".savelink").click(function() {
var editpos = $(this).parent().parent().prevAll().length;
var datapos = editpos - 1;
$("#message").text("Saved...").fadeOut(4000, function() {
$(this).css('display','block').text("");
});
$("#trades_table tbody tr:eq(" + datapos + ")").show();
$("#trades_table tbody tr:eq(" + editpos + ")").hide();
});
});所以：
- 添加行并使用按钮隐藏。
- 编辑行显示和取消它应该用我想要的值
现在我迷失了方向：
- 如何从输入中获取新值并将它们传递给控制器(多个id，值)我使用MVC。<= .savelink
- 如何在不刷新页面的情况下保存新行，但使用新值<= #saveadd刷新表
非常感谢大家的帮助。
干杯,
/Jacek
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/3607515
复制
腾讯云开发者
