jQuery Easy UI」タグアーカイブ

jQuery EasyUI の検索ボックス(SearchBox)を使う

検索用の「テキストボックスと検索ボタン」の組み合わせは使いたい局面が多いが、jQuery EasyUI の検索ボックス(SearchBox)により簡単に実装できる。 説明文字(プレースホルダ)が薄い灰色で表示され、虫眼鏡 … 続きを読む

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

jQuery EasyUI のコンボボックス(ComboBox)を使う

jQuery EasyUI のコンボボックス(ComboBox)を使うサンプル。 xtesteasyui.html コンボボックスを用意する あらかじめHTMLのinput要素として用意しておく。 表示するデータを用意す … 続きを読む

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

jQuery EasyUI の日付入力(datebox)を使う

jQuery EasyUI のdateboxを使うサンプル。これを使うと日付入力が簡単にできる。 xtesteasyui.html dateboxの表示 あらかじめHTMLのinput要素として用意しておく。クラス名は& … 続きを読む

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

jQuery EasyUI のダイアログ(Dialog)を使う

jQuery EasyUI のダイアログ(Dialog)を使うサンプル。 xtestdialog.html ダイアログの基本的な設定・表示 あらかじめHTMLにダイアログの項目を’div’要素で用 … 続きを読む

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

jQuery EasyUIのdraggable/droppableを使う

jQuery EasyUIのdraggable/droppableを使って、アイテムのドラッグ&ドロップ機能を実現する。 実行例: この例では、左の「clip spot」にあるスポット(Tokyo,Osaka… … 続きを読む

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

jQuery EasyUIのValideteBox,NumberBoxで入力を制限する

通常のテキストボックスの代わりに、jQuery EasyUIのvalidetebox,numberboxを使って入力を制限する方法。 ValidateBox ValidateBoxは’email’ … 続きを読む

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

jQuery EasyUIのPropertyGridを使う(3)

これまで「プロパティ名(キーワード)と値のセット」をjQuery EasyUIのPropertyGridを使って表示してきたが、このプラグインは値の入力にも使える。もともとPropertyGridは、DataGridをベ … 続きを読む

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

jQuery EasyUIのアコーディオンを使う

jQuery EasyUIのアコーディオンを使ってみる。見た目や使い方はjQueryでよくあるアコーディオンと似ている。 基本的な使い方 class名”easyui-accordion”を使って以 … 続きを読む

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

画像表示アプリの作成(5) – EXIFデータの表示

画像情報ファイルにEXIFデータが加わったので、これを読み込んで画像と合わせてEXIFデータも表示するように改良する。基本的にはこれまでと同じで、 画像情報ファイルを読み込んで画像の位置と各種情報を得る 上パネルにサムネ … 続きを読む

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

画像表示アプリの作成(4) – jQuery Cycle Pluginの利用

前回はメインの画像表示(センターパネル)するのに、単純に「img要素のsrc属性」を設定していたが、画像表示用のjQueryプラグインであるjQuery Cycle Pluginを使ってみる。このプラグインを使うことで、 … 続きを読む

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