Javascript 将数据复制到JQGrid中

我正在创建一个jqgrid，我正在创建一个包含两列的行，带有下拉框。使用ajax调用填充下拉列表。我的要求是我想在UI中单击ADD按钮复制此行。例如，现在有一行进入jqgrid，单击“添加”按钮后，应显示具有相同内容的新行，但不刷新第一行中更改的值。有办法吗？我的jqgrid代码是

$("#tbl").jqGrid('GridUnload');
$("#tbl").jqGrid(
        {
            url : "/searchCriteria.do",
            datatype : 'json',
            colModel : 
            [   
                {name : "test1",label : "TEST1", search : false,cellEdit:true, editable: true,edittype:"select",width:150  ,formatter: createDropDown,title:false},
                {name : "test2",label : "TEST2", search : false,cellEdit:true, editable: true,edittype:"select",width:150  ,formatter: createDropDown,title:false}
            ],
            viewrecords: true, 
            loadonce:true,
            width: 1000,
            multiselect : true
        });
});

---

您可以结合使用getLocalRow和addRowData方法来实现您的功能

假设在HTML中有一个按钮：

<button id="add" type="button">ADD</button>

添加

在javascript中，您可以：

<script>
$("#add").click(function(){
    var id_of_new_row = something; //you haven't specified which are the exact rows you'd like selected. 
    //you could use the getDataIDs method to get the row-IDs you're looking for
    var new_row_data = $("#gridId").jqGrid('getLocalRow', id_of_new_row));
    $("#gridId").jqGrid('addRowData',id_of_new_row+1, new_row_data, "last");
  });
</script>

$（“#添加”）。单击（函数（）{
var id_of_new_row=something；//您尚未指定要选择的确切行。
//您可以使用getDataIDs方法来获取要查找的行ID
var new_row_data=$（“#gridId”）.jqGrid（'getLocalRow'，id_of_new_row））；
$（“#gridId”）.jqGrid（'addRowData'，id_of_new_row+1，new_row_data，“last”）；
});