ag-grid 删除数据例子

<!doctype html>
<html>
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
    <title>ag-grid 删除数据例子</title>
    <script src="//www.itxst.com/package/ag-grid/ag-grid-community.js"></script>
    <link href="//www.itxst.com/package/ag-grid/styles/ag-grid.css" rel="stylesheet" />
</head>
<body>
    <div style="margin-bottom: 10px;">
        <input type="button" value="删除选中数据" onclick="delSelRows()" />
         
        <input type="button" value="删除第1行数据" onclick="delRowNode()" />
    </div>

<div id="myGrid" style="width: 100%;height: 500px;" class="ag-theme-balham"></div>
    <script>
        //定义列
        var columnDefs = [
            { headerName: '', checkboxSelection: true, headerCheckboxSelection: true, width: 50, 'pinned': 'left' },
            { headerName: '网站名称', field: 'name', 'pinned': 'left', width: 100, colId: 'name' },
            { headerName: '网址', field: 'url' },
            { headerName: '行业', field: 'catalog' }
        ];

//表格数据
        var rowData = [
            { id: 'a', name: '网易', url: 'www.163.com', catalog: '门户' },
            { id: 'b', name: 'QQ', url: 'www.qq.com', catalog: 'IM' },
            { id: 'c', name: '微软', url: 'www.microsoft.com', catalog: '软件' }
        ];

//aggrid设置
        var gridOptions = {
            columnDefs: columnDefs,
            rowData: rowData,
            rowSelection: 'multiple',
            rowMultiSelectWithClick: true,
            suppressCellSelection: true
        };

//在dom加载完成后 初始化agGrid完成
        document.addEventListener("DOMContentLoaded", function () {
            var eGridDiv = document.querySelector('#myGrid');
            agGrid = new agGrid.Grid(eGridDiv, gridOptions);
        });
        //获取选中数据
        function delSelRows() {

var selRows = gridOptions.api.getSelectedRows(); //获取选中的行
            if (selRows.length <= 0) {
                alert("请选中一行数据");
                return;
            }
            gridOptions.api.updateRowData({ remove: selRows });

}
        function delRowNode() {
            gridOptions.rowData.splice(0, 1);//删除第一行数据
            gridOptions.api.setRowData(gridOptions.rowData);
        }
    </script>
</body>
</html>