jQuery Easy UI」タグアーカイブ

jQuery EasyUI の「Layout」でイベントを処理する

画面の構築にjQuery EasyUIのLayoutを利用している。これは、Panelを上下左右+中央に並べてくれるもので、各Panelには折り畳み(Expand/Collapse)機能がデフォルトでついてくる。 通常の … 続きを読む

カテゴリー: Tips | タグ: | コメントする

GPSファイルを読み込み、Google Mapsの各種情報を表示する

ここまでの成果をまとめる。 (1)GPSファイルを読み込み、内容をGoogle Mapsに表示する (2)地図の情報を情報パネルに表示する (2)については、Google Mapsにイベントを追加し、地図が変化したとき( … 続きを読む

カテゴリー: Development | タグ: , , | コメントする

jQuery EasyUI の PropertyGridを使う(2)

PropertyGridを使う際、表示する内容が固定されているケースでは、最初にデータを読み込んでしまえば完了だが、値が動的に変わる場合に備えて関数を用意しておく。 今回は「Key & Value」の「Key」 … 続きを読む

カテゴリー: Tips | タグ: , | コメントする

jQuery EasyUI の PropertyGridを使う(1)

“latitude=35.0,longitude=135.0″のような、「Key&Value」のセットをまとめて表示するには、jQuery UIのPropertyGridが便利だ。Property … 続きを読む

カテゴリー: Tips | タグ: , | コメントする

jQuery EasyUIでレイアウトを作成する (layout)

jQuery EasyUIのlayoutを使って画面を構成する。 layoutはpanelを並べたもので、上下・左右と中央の5つのパネルからなる。中央以外のパネルはデフォルトで「隠す」ボタンが設定されている。 各パネルに … 続きを読む

カテゴリー: Tips | タグ: , | コメントする

GPSファイルの読込・表示(3) – jQuery EasyUI

プレーンテキストで出力していたGPSデータを、jQuery EasyUIのdatagridを利用して整形して表示する。 GPSファイルの読込 ローカルファイルにアクセス GPSファイルの解析 NMEAフォーマット、緯度経 … 続きを読む

カテゴリー: Development | タグ: , | コメントする

jQuery EasyUIでテーブルを表示する(datagrid)

jQuery Easy UIのdatagridを利用してテーブルを表示する。 HTMLで表の枠組を定義する タイトル行を用意する。もちろん、この部分をコードで作成することも可能。ここでは、テーブルのタイトル、サイズ、各種 … 続きを読む

カテゴリー: Tips | タグ: , | コメントする

jQuery EasyUIを利用する

ブラウザアプリケーションを作成する際、タブやアコーディオンなどの、よくある画面部品を集めたプラグインを見つけた。ドキュメントやデモが充実していて、いろいろ使えそうなので、以降はこれを使っていく。 スタイルシート読込 スク … 続きを読む

カテゴリー: Tips | タグ: , | コメントする