首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
社区首页 >问答首页 >Jquery + jeditable表行编辑多个字段

Jquery + jeditable表行编辑多个字段
EN

Stack Overflow用户
提问于 2010-08-31 09:02:20
回答 1查看 2.9K关注 0票数 0

我试图找出用jquery和jeditable逐行编辑表的方法。我的目标是有一个“编辑”按钮,这将改变所需的行单元格编辑模式。

现在我有:

代码语言:javascript
代码运行次数:0
运行
复制
$(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

EN

回答 1

Stack Overflow用户

回答已采纳

发布于 2010-08-31 09:17:34

我强烈建议使用jqGrid

查看演示示例和编辑示例。

他们也有一个.NET插件

票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/3607515

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档