ElectronでのjsGridの使いはじめ
参考リンク
- Electron https://electronjs.org/
- Electron document Writing Your First Electron App
- jsGrid http://js-grid.com
- jsGrid Getting Started - How to start using jsGrid
Electronで空っぽのウィンドウを作成
これは上記リンク(Writing Your First Electron App)で簡単にできます。
1. ディレクトリ作成
2. npm init
3. package.jsonのscriptにstartでelectronを追加
4. index.htmlを(とりあえずは)適当に書く
5. "Writing Your First Electron App"内にあるようにJSに記述
6. npm startで起動
jsGridの埋め込み
これも上記リンク(Getting Started)の通りに進めます。
ダウンロードの場合、css2本とjs1本をindex.htmlに埋め込みます。
とりあえずはサンプルコードをまるっとコピペします。
これでindex.htmlをブラウザで表示するとグリッドを確認できます。
一方、Electronの方はそのままでは表示されません。
ElectronでjQueryを有効にする方法
jsGridのためにjQueryを読み込んでいる直後に以下を追加します。
<script>window.$ = window.jQuery = require('./jquery-3.0.0.min.js');</script>
jQueryのバージョンは適宜変えて。以上で表示されるはず、です。
Author And Source
この問題について(ElectronでのjsGridの使いはじめ), 我々は、より多くの情報をここで見つけました https://qiita.com/ximia/items/c7778be9ffde8a26d4d3著者帰属:元の著者の情報は、元のURLに含まれています。著作権は原作者に属する。
Content is automatically searched and collected through network algorithms . If there is a violation . Please contact us . We will adjust (correct author information ,or delete content ) as soon as possible .