SlickGridデータ取得方法

いつもお世話になっております。

現在、PHP & JSでSlickGridに挑戦しているのですが、どうしても選択している行のデータを取得することが出来ません。
色々なサイトを参考にさせて頂いているのですが、何が必要なのかがわからなく彷徨っています。
コピペの嵐になってしまい申し訳ありませんが、ご教示頂けますでしょうか。
よろしくお願いいたします。

SlickGrid：https://github.com/6pac/6pac.github.io
参考サイト：https://qiita.com/t-iguchi/items/95c6b1a60ab44ab96e3d

HTML
1    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
2    <title><?= $application_title ?></title>
3    <link href="../css/base.css" rel="stylesheet" type="text/css">
4    <link href="../css/main.css" rel="stylesheet" type="text/css">
5    <link rel="stylesheet" href="../lib/SlickGrid/slick.grid.css"/>
6    <link rel="stylesheet" href="../lib/SlickGrid/css/smoothness/jquery-ui.css"/>
7    <link rel="stylesheet" href="../lib/SlickGrid/slick-default-theme.css"/>
8    <script src="../lib/SlickGrid/lib/jquery-3.1.0.js"></script>
9    <script src="../lib/SlickGrid/lib/jquery.event.drag-2.3.0.js"></script>
10    <script src="../lib/SlickGrid/slick.core.js"></script>
11    <script src="../lib/SlickGrid/slick.grid.js"></script>
12    <script src="../lib/SlickGrid/slick.editors.js"></script>
13    <script src="../lib/SlickGrid/plugins/slick.rowselectionmodel.js"></script>
14    <script src="../lib/SlickGrid/plugins/slick.editors.select.js"></script>
15    <script src="../lib/SlickGrid/plugins/slick.dataview.js"></script>
16
17    <div id="testGrid" style="width:1000px;height:500px;"></div>

JavaScript
1      var grid;
2
3        var columns = [
4          {id: "cola1", name: "工事コード", field: "cola1", width: 50},
5          ・
6          ・
7          ・
8        ];
9
10        var options = {
11          columnPicker: {
12            columnTitle: "Columns",
13            hideForceFitButton: false,
14            hideSyncResizeButton: false, 
15            forceFitTitle: "Force fit columns",
16            syncResizeTitle: "Synchronous resize",
17          },
18          editable: false,
19          enableTextSelectionOnCells: true,
20          enableAddRow: false,
21          enableCellNavigation: true,
22          enableColumnReorder: false,
23          forceFitColumns: true,
24          topPanelHeight: 25
25        };
26
27        $(function () {
28          var data = [];
29          data[0] = {cola1:"a",cola2:"b",cola3:"b",cola4:"d",cola5:"e",cola6:"f"};
30          ・
31          ・
32          ・
33          grid = new Slick.Grid("#testGrid", data, columns, options);
34          grid.setSelectionModel(new Slick.RowSelectionModel({selectActiveRow: true}));
35
36          $("#show-selected").click(function () {
37            var selectedrows = grid.getSelectedRows();
38              selectedrows.forEach(function( value ) { 
39              alert(JSON.stringify(dataView.getItem(value)));
40            });
41          });
42
43        });

m.ts10806

2020/12/09 08:20

タグはPHPしかないですが、 PHPは基本的にほとんど関係しないのでは？ JavaScript,jQuery,jQueryプラグイン　をタグとして追加してください。コードもHTMLとJavaScriptは分けたほうが良いですし、取得してきたファイルの取得先（公式）URLもご提示ください。 CDNでないのでしたら、こちらで確認するためにはデータをダウンロードしてこなければなりません。同じ場所から同じものを取得しないと再現確認になりません。