slickGridのデータを別ページから取得したい

slickGridで表を表示しています。

細かい設定は省きますが、表示部分のコードは下記のとおりです。

javascript
1var dataView = new Slick.Data.DataView({ inlineFilters: true });
2var grid = new Slick.Grid("#myGrid", dataView, columns, options);
3slickData = new GridData(gridData, dataView, grid, pager, allCheckIds, columnpicker);

同じJavascript内であれば、

javascript
1var _grid = slickData.getGrid();
2for (var i = 0, j = _grid.getDataLength(); i < j; i++) {
3    if (_grid.getDataItem(i)["flg"]) {
4	    ・・・
5    }
6}

この記述でデータの取得ができています。

今回やりたいのは、表がある画面から子画面を開き、
子画面から親画面の表のデータを取得したいです。

javascript
1window.opener.document.getElementById("myGrid").innerText

こちらを試しましたが、文字数上限があるのか
一部のデータしか取得できませんでした。

何か方法があればご教示いただけますと幸いです。
よろしくお願いいたします。

行動規範の内容に同意します

回答3件

なぜか編集で404エラーになるのでこちらに再回答
行ならclass="ui-widget-content"
列ならclass="slick-cell"

1行目1列目の値なら

Javascript
1document.getElementById("myGrid").getElementsByClassName("grid-canvas")[0].getElementsByClassName("ui-widget-content")[0].getElementsByClassName("slick-cell")[0]

で取得できましたよ？

投稿2020/09/28 00:50

kuma_kuma_

総合スコア2506

tc_hiro

2020/09/28 01:50 編集

ありがとうございます。 > 何故か一部の行のデータのみしか取得できませんでした。もう少し詳しく書くべきでしたね、すみません。おっしゃる通り、1行目のデータは取得できました。しかし取得できるのが11行目までで、それ以降のデータが取得できませんでした。表示中の全行分の、特定の列のデータを取得したいのですが… ちなみにinnerTextやinnerHTMLで取得した際も、たしか11行目までのデータしか取得できなかったと思います。 SlickGridの仕様なのでしょうか…

kuma_kuma_

2020/09/28 02:43

サンプル https://macchinetta.github.io/client-guideline/current/ja/samples/slickgrid/sort.html そういう事ですかスクロールするほど大きいとはみ出している<div>部分が削除されるんです。だからスクロールしながら取得しないと一部の行しか取れないとなります。ちなみに並び順も<div clss="ui-widget-content">のスタイルで変わりますのでご注意を

tc_hiro

2020/09/28 04:38

なるほど、そうだったのですね！それではSlickGridのテーブルを直接参照してのデータ全件取得は諦めた方がよさそうですね。納得ができました。とても有益な情報をありがとうございました。

行動規範の内容に同意します