Question

我需要在所选行之后插入新行。我在最后插入一个新行的代码只有在用户没有选择任何行时才会发生。

strGridId  = test_ItemCollection_DefaultGridId(strGridId);
var grid = jQuery('#' + strGridId);
var columnModel = grid.jqGrid('getGridParam', 'colModel');
var currentItemCollection = test_ItemCollection_Get(strGridId);

var baseAddItem = function() {
    var newTItem = proj.page.createTItem(currentItemCollection.strJSOName, strGridId, true);
    newTItem.setUpdateStatus(UPDATESTATUS.ADD);
    newTItem.set('transientItem', 1); // just created this item

    // pre add item event
    var evt = new TEvent(EVENT_PRE_ADD_ITEM, test_ItemCollection_Get(strGridId));
    evt.strGridId = strGridId;
    evt.newItem = newTItem;
    if (!test_ItemCollection_fireEvent(evt)) {
        return false;
    }

    currentItemCollection.items.push(newTItem);

    var rowData = new Object();
    for (var iGridLayout = 0; iGridLayout < columnModel.length; iGridLayout++) {
        if (test_ItemCollection_IsNotJQGridColumn(columnModel[iGridLayout].name)) {
            rowData[columnModel[iGridLayout].name] = test_ItemCollection_EncodeCellValue(strGridId, currentItemCollection.items.length-1, columnModel[iGridLayout], test_ItemCollection_GetItemDisplayValue(columnModel[iGridLayout], newTItem));
        }
    }
    grid.jqGrid('addRowData', ''+ ( currentItemCollection.items.length-1), rowData ); // convert to string for adding 0 item
    test_ItemCollection_selectRow(strGridId, '' + (currentItemCollection.items.length - 1) );

    // post add item event
    var evt2 = new TEvent(EVENT_POST_ADD_ITEM, test_ItemCollection_Get(strGridId));
    evt2.strGridId = strGridId;
    evt2.newItem = newTItem;
    test_ItemCollection_fireEvent(evt2);
    test_ItemCollection_AdjustGridHeight(strGridId);

    return true;
};

我怎样才能做到这一点？任何帮助将不胜感激。感谢

Answer 1

你可以使用jQuery的.insertAfter()函数。有关详细信息，请访问此链接jQuery insertAfter

Answer 2

假设您有一个标识为yourTable的表格，并且已选择的每一行都有一个selectedRow

类

添加ID为button的按钮，然后点击它添加新行：

$(document).on('click', '#button', function() {
   var selRow = $('table#yourTable').find('tr.selectedRow'); 
   var sel = selRow.length;
   var newRow = '<tr><td>This is a new row</td></tr>';
   if (sel > 0) {
      selRow.after(newRow);
   } else {
      $('table#yourTable > tbody').append(newRow);
   }
});

在JQuery中的所选行之后插入一个新行

2 个答案: