追加jQuery BootGrid重新加载网格数据

时间:2015-08-18 08:37:25

标签: jquery-bootgrid

我在bootgrid(http://www.jquery-bootgrid.com/

中附加行时遇到问题

我有格式化器用于插入多行数据的网格

$("#grid-data").bootgrid({
        navigation : 0,
        selection: true,
        multiSelect: true,
        formatters : {

            "id" : function(col ,row) {
                return "<input type='hidden' class='form-control input-md' name='controls[][id]' value='"+row.id+"'/>";
            },

            "controlCode" : function (column ,row) {
                return "<input type='text' class='form-control input-md' name='controls[][controlCode]'/>";
            },
            "controlName" : function (column ,row) {
                return "<input type='text' class='form-control input-md' name='controls[][controlName]'/>";
            },
            "language" : function (column ,row) {
                return languageHtml;
            },
            "description" : function (column ,row) {
                return "<input type='text' class='form-control input-md' name='controls[][description]'/>";
            }
        }
    })

并且具有添加新空白行的功能的按钮

function addRow(){
    $("#grid-data").bootgrid("append", [{
        id  : 0,
        controlCode : "",
        controlName: "",
        language: "",
        description: ""
    }]);
};

当我输入数据然后创建新的空白行时,网格会添加新的空白行但不保留我的输入数据

有什么建议让我保留输入的数据? 谢谢,抱歉我的英文

1 个答案:

答案 0 :(得分:1)

由于您总是传递与 id 相同的值(零),因此bootgrid认为此行已存在且只是忽略它。

尝试使用不同的id值。