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="func1()" />

<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: 160, filter: "agTextColumnFilter" },
            { 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.itxst.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 func1() {
            gridOptions.api.selectAll();
            
        }
        function func2() {
            gridOptions.api.deselectAll();
        }

function func3() {
            gridOptions.api.selectAllFiltered();
        }
          function func4() {
            //获取选中数据
            var rows = gridOptions.api.getSelectedRows();
            alert(JSON.stringify(rows));
        }
    </script>
</body>
</html>