2010 4 月 | ExtJSで楽しくRIA業務アプリ開発

Archive for 4 月, 2010

ExJS入門28　チェックボックス付きグリッドパネル

with one comment

Livedoorクリップ - ExJS入門28　チェックボックス付きグリッドパネル

そろそろグリッドに関してもネタがなくなってきましたが、今回はグリッドにチェックボックスを追加するサンプルを紹介します。今回はExJS入門21　グリッド・セレクション・モデルのサンプルコードを使って、チェックボックス付きグリッドに変更します。

チェックボックスつきグリッドパネル

グリッドパネル関連の過去の記事はこちらからです。

リファレンスはこちらから
ExtJS -3.0 日本語APIドキュメント – Ext.grid.CheckboxSelectionModelクラス
http://extdocs.xenophy.com/?class=Ext.grid.CheckboxSelectionModel

Read the rest of this entry »

佐竹裕行

1982年生まれ。滋賀→はこだて→名古屋→大垣→名古屋。
2006年名古屋学芸大学映像メディア学科卒、その後IAMAS卒(Studio2、6期生)。2009年にsus4に入社。学生時代はMax/MSP JitterやGainerばっかり使っていたが、現在社内では主にExtとモバイル開発、動画サービスのバックエンドを担当。知る人ぞ知るアノ鍵の人。

Written by 佐竹裕行

4 月 30th, 2010 at 12:41 pm

Twitter Updates for 2010-04-28

without comments

はてなブックマーク - Twitter Updates for 2010-04-28

Livedoorクリップ - Twitter Updates for 2010-04-28

@extjapan ええ、なんだか中のスタッフが頑張っているみたいです in reply to extjapan #

2004年名古屋市立大学芸術工学部在学中に株式会社sus4を設立・取締役に就任（現職）。2005年同大学を卒業。
デザイン視点でのウェブサービスの在り方をアプローチの基本として、さまざまなウェブサービス構築に従事。
2006年8月日本初のオンライン動画編集サービスClipCast(http://clipcast.jp/)を開始。2009年7月OTSベース動画解析サービスVideoAnalytics(http://video-analytics.jp/)を開始。
2009年8月Ext Japan LLCにてSenior Software Architectに就任。

Written by 野村亮之

4 月 28th, 2010 at 3:14 pm

Posted in 未分類

ExJS入門27　もう一つのエディタブル・グリッド　ux.RowEditorプラグイン

with one comment

はてなブックマーク - ExJS入門27　もう一つのエディタブル・グリッド　ux.RowEditorプラグイン

Livedoorクリップ - ExJS入門27　もう一つのエディタブル・グリッド　ux.RowEditorプラグイン

Ext.gri.EditorGridクラスは、グリッドを表計算ソフトのように編集できるグリッドです。今回はもう一つのエディターグリッドといえるRowEditorを使ったグリッドのサンプルを紹介します。

ux Grid RowEditor

RowEditorはユーザーエクステンション(ux)です。
ユーザーエクステンションは世界中のExtJS開発者が作成して、ExtJSのフォーラムの等で自身のUXを公開しています。
ExtJS Forum http://www.extjs.com/forum

Ext: User Extensions and Plugins

またUXの情報が集められているhttp://extjs-ux.org/もあります。ここにはUX版のAPIドキュメントをまとめたものもあります(全てのUXを網羅しているわけではありませんが)。
UXはExtJSの基本ライブラリ以外には含まれないので、使いたいUXを見つけた場合は開発者のページ等からJS,CSS,画像等のファイルを入手する必要があります。
今回のRowEditorはextjs-ux.orgには無いようです。ExtJSのサンプルのページのRowEditorのサンプルからダウンロードするか、
以下の作者のサイトからも入手できます。
Using the ExtJS Row Editor

グリッドパネル関連の過去の記事はこちらからです。

Read the rest of this entry »

佐竹裕行

Written by 佐竹裕行

4 月 28th, 2010 at 10:39 am

ExJS入門26　エディタブル・グリッド（色々なエディターを設定する)

with one comment

はてなブックマーク - ExJS入門26　エディタブル・グリッド（色々なエディターを設定する)

Livedoorクリップ - ExJS入門26　エディタブル・グリッド（色々なエディターを設定する)

エディタブルグリッドのサンプルその3になります。
今回は色々なグリッドを編集する際のエディタにテキストフィールド以外のエディタを指定します。このサンプルではTextField, DateField, NumberField.ComboBoxを使います。

ComboBoxをエディターに設定

グリッドパネル関連の過去の記事はこちらからです。

リファレンスはこちらから
ExtJS -3.0 日本語APIドキュメント – Ext.grid.ColumnModelクラス
http://extdocs.xenophy.com/?class=Ext.grid.ColumnModel

ExtJS -3.0 日本語APIドキュメント – Ext.form.TextFieldクラス
http://extdocs.xenophy.com/?class=Ext.form.TextField

ExtJS -3.0 日本語APIドキュメント – Ext.form.NumberFieldクラス
http://extdocs.xenophy.com/?class=Ext.form.NumberField

ExtJS -3.0 日本語APIドキュメント – Ext.form.DateFieldクラス
http://extdocs.xenophy.com/?class=Ext.form.DateField

ExtJS -3.0 日本語APIドキュメント – Ext.form.ComboBoxクラス
http://extdocs.xenophy.com/?class=Ext.form.ComboBox

Read the rest of this entry »

佐竹裕行

Written by 佐竹裕行

4 月 27th, 2010 at 12:42 pm

ExtJSで楽しくRIA業務アプリ開発 ExJS入門25　エディタブル・グリッド(Ext.Ajaxを使った編集内容の保存)

with 3 comments

はてなブックマーク - ExtJSで楽しくRIA業務アプリ開発 ExJS入門25　エディタブル・グリッド(Ext.Ajaxを使った編集内容の保存)

Livedoorクリップ - ExtJSで楽しくRIA業務アプリ開発 ExJS入門25　エディタブル・グリッド(Ext.Ajaxを使った編集内容の保存)

エディタブル・グリッドはグリッド上でストアの情報が編集できるグリッドです。前回のサンプルでは編集を行ったあとのストアの情報をどこにも保存していませんでした。今回はExt.Ajaxクラスを使って、編集後のストアのデータをサーバーへ送信するサンプルを紹介します。

Ajaxで保存

グリッドパネル関連の過去の記事はこちらからです。

リファレンスはこちらから
ExtJS -3.0 日本語APIドキュメント – Ext.data.JsonStoreクラス
http://extdocs.xenophy.com/?class=Ext.data.JsonStore

ExtJS -3.0 日本語APIドキュメント – Ext.Ajaxクラス
http://extdocs.xenophy.com/?class=Ext.Ajax

Read the rest of this entry »

佐竹裕行

Written by 佐竹裕行

4 月 26th, 2010 at 12:56 pm

Posted in ExtJSチュートリアルｓｕｓ４版, ExtJS勉強会＠名古屋資料

Tagged with Ajax, Ext.Ajax, Ext.Ajax.request, Ext.grid.EditorGridPanel, ExtJS, grid, JavaScript, JSON, JsonStore, LoadMask, Store, Tips, エディタブル・グリッド, サンプル, チュートリアル, ローディングマスク, 勉強会

Twitter Weekly Updates for 2010-04-25

without comments

はてなブックマーク - Twitter Weekly Updates for 2010-04-25

Livedoorクリップ - Twitter Weekly Updates for 2010-04-25

うちの森中がライブセミナーやったので、参考までにぜひ。RT @douganalytics: オンラインライブセミナー講演者の心得　http://bit.ly/awsWZn #

野村亮之

Written by 野村亮之

4 月 25th, 2010 at 3:14 pm

Posted in 未分類

ExtJS入門24　エディタブル・グリッドの基本(グリッドパネルをエディタブル・グリッドに変更)

without comments

はてなブックマーク - ExtJS入門24　エディタブル・グリッドの基本(グリッドパネルをエディタブル・グリッドに変更)

Livedoorクリップ - ExtJS入門24　エディタブル・グリッドの基本(グリッドパネルをエディタブル・グリッドに変更)

今回はエディタブル・グリッド(エディター・グリッド)の紹介です。エディタブルとエディターはどっちの方が正しいのかわかりませんが。クラス名はエディター･グリッドなのですが、ここではエディタブル・グリッドで統一します。
エディタブル・グリッドはグリッドの内容をグリッド上で直接編集する機能です。一般的にはカラムのダブルクリックで編集することが多いと思います。今回は以前紹介したグリッドへの追加と削除をベースにエディタブル・グリッドに変更します。

エディタブル･グリッド

ExtJS　フォームの基本とExtJS入門23を先にご覧下さい。

グリッドパネル関連の過去の記事はこちらからです。

リファレンスはこちらから
ExtJS -3.0 日本語APIドキュメント – Ext.grid.EditorGridPanelクラス
http://extdocs.xenophy.com/?class=Ext.grid.EditorGridPanel

Read the rest of this entry »

佐竹裕行

Written by 佐竹裕行

4 月 23rd, 2010 at 11:38 am

Posted in ExtJSチュートリアルｓｕｓ４版, ExtJS勉強会＠名古屋資料

Tagged with Ext.grid.EditorGridPanel, ExtJS, grid, JavaScript, JsonStore, php, TextField, Tips, UI, エディタブル・グリッド, エディター, サンプル, チュートリアル, ビジネスExtJS, 業務ウェブアプリケーションTips

ExtJS入門　ExtJSのフォームについて（基本編）

with 5 comments

Livedoorクリップ - ExtJS入門　ExtJSのフォームについて（基本編）

前回までグリッドについてのサンプルを紹介してきましたが、今回はグリッドを少しはなれてExtJSのフォームについて簡単に紹介をします。

フォームの値を取得

前回のサンプルでグリッドに項目を追加する際に、おまけで紹介した、任意の値を追加する処理にExtJSのフォームがでてきました。ユーザーに何かしらの入力を促す際、フォームは重要になってきます。グリッドに入力を追加するだけでなく、既存の値を変更する場合もフォームで入力させるのが一般的です。今回はExtJSのフォームのなかでも基本中の基本の部分を簡単に紹介します。