mojalog labs ExtJS まとめ: grid アーカイブ
まず、ExtJS javascriptライブラリをダウンロードページより、アーカイブ(Ext JS 2.1 SDK)をダウンロードして解凍してください。20080428時点のバージョンは ext-2.1 です。解凍したら、以下のパスのファイルを開いて見ましょう。gridのサンプルはココからも見れます。 【パス】 ext-2.1\examples\grid\array-grid.html このウィジェットがgridと呼ばれるものです。エクセルのような罫線で表現されたウィジェットで、 ソート 各セルの編集 グルーピング サマリ フィルタ なんかも出来ます。すごいですね。今日はこのgridの基本的な実装を解説してみたいと思います。あと、いきなりgirdとか言われても・・と言う方にはここにExtJSのチュートリアルを簡単にまとめてみました。 まず、以下に今回解説するgridのソースを全て載せてみ
Ext JS - RIA開発用JavaScriptフレームワーク
Ext JS: クロスブラウザー対応、RIA（Rich Internet Application）開発用JavaScriptフレームワーク Ext JS はRIA（Rich Internet Application）と言われるWebブラウザ上で動作するアプリケーションを開発するためのJavaScriptライブラリです。Ext JSに含まれるのは： 高機能でカスタマイズ可能なGUI部品（ウィジェット） オブジェクト指向プログラミングのデザインパターンに従った拡張可能なコンポーネントモデル 直感的で、使いやすいAPIドキュメント 商用ライセンスとオープンソースライセンスのデュアルライセンスモデル
)
Docs | Sencha Documentation
Introduction The documentation for the ExtReact product diverges somewhat from the documentation of other Sencha products. The sections below describe documentation for all products except where indicated as unique to ExtReact. Terms, Icons, and Labels Many classes have shortcut names used when creating (instantiating) a class with a configuration object. The shortcut name is referred to as an ali
Home - Learn from Saki
I have worked with ExtJS for the last 13 years while developing highly complex web applications. My experience includes a major application for the United Nations Office at Geneva. I’ve worked with the original “inventor” of ExtJS, Jack Slocum, and I have also provided official customer support and technical training for Sencha, Inc. For the last three years I have worked (and continue to this day
Webコピペ屋::ExtJS入門その１１『Ext.data.Store』
「Ext.data.Store」は色々な書き方ができるのでほんまややこしい。 何がややこしいというか混乱させているのは、よくあるサンプルの書き方がシンプルさを追求してか、 短い書き方、省略した書き方で書かれているからだと思う。 それもいいのだけれども、この書き方はこんな書き方もできる！こう書いてもおんなじだよ！という紹介の仕方はあまり見ない。 それがあれば学習効率も上がるのだけれども、仕方ないから自分で泥臭く手を動かして確かめるしかないのよね。 まずよくある形から。 var MyDataStore = new Ext.data.Store({ proxy: new Ext.data.HttpProxy({ url: './data.json', method: 'GET' }), reader: new Ext.data.JsonReader({ root: 'humandat
ExtJS Viewportを使用しないLayout方法 | 宮腰ブログ
ExtJSでViewportを使用しないでLayoutする方法です。 前にも記載したのですが、Viewportはお手軽に使える一方、画面を乗っ取ってしまうので 画面の一部のコンポーネントとして組み込むことが出来ません。 Panelのみでサンプルを作成してみました。 Ext.onReady(function() { Ext.get(document.body).update('<div id="test1"></div>'); new Ext.Panel({ id: 'hoge', //styleを'viewport'に defaultType: 'viewport', //render先は renderTo: 'test1', //frameで枠を表示 frame: true, //タイトル設定 title: 'test1 title', //widthの設定 //width: 400,
Ext JS GETメソッドでAjax通信を行う(XMLレスポンス版) | Ajaxの覚え書き＠じゅえ
Ajaxの覚え書き＠じゅえ Ajaxを使って一味違ったホームページを作ってみませんか？ このサイトでは、Yahoo! User Interface Library、Ext JS、Dojo Toolkitなどの Ajaxライブラリを使ったAjaxのサンプル集を掲載しています。 Ext.Ajaxクラスのrequest()メソッドを使用すると、Ajaxの非同期通信を行うことができます。 サンプルでは、下記のようなXMLレスポンスを返すPHPに対してGETメソッドでリクエストを行っています。 「正常処理」ボタンを押すとサーバの現在時刻をデータに持つXMLデータがレスポンスとして返ってくるので、handleSuccess()メソッド内でレスポンス処理を行っています。 「異常処理」ボタンを押すとPHPはステータスコード403(Forbidden)を返すので、handleFailure()メソッ
Docs | Sencha Documentation
Introduction The documentation for the ExtReact product diverges somewhat from the documentation of other Sencha products. The sections below describe documentation for all products except where indicated as unique to ExtReact. Terms, Icons, and Labels Many classes have shortcut names used when creating (instantiating) a class with a configuration object. The shortcut name is referred to as an ali
Ext JSサンプル集トップページ | Ajaxの覚え書き＠じゅえ
Ext JSのJavaScriptライブラリを利用したサンプル集です。Ajaxの覚え書き＠じゅえ Ajaxを使って一味違ったホームページを作ってみませんか？ このサイトでは、Yahoo! User Interface Library、Ext JS、Dojo Toolkitなどの Ajaxライブラリを使ったAjaxのサンプル集を掲載しています。
» ext.js のライセンス問題 linux.matchy.net: 〜Linuxで遊ぼう！〜
注意 この記事には事実誤認があったようです。コメントで指摘していただいた k3c さんありがとうございました。 事実誤認に関する記事は改めてこちらに書きました。 以下本文 あーら皆様おひさしブリ。町田でごぜーます。 そろそろ復活させていただきますのでまたよろしくお願いしますですよっと。 さて、JavaScript なリッチ GUI ライブラリとして有名な ext.js というモノがあります。 これはもともと Yahoo! UI (YUI) という Yahoo! さんによって作られた JavaScript ライブラリへの拡張として「yui-ext」という名前で開発がはじまり、YUI にならって 修正 BSD ライセンスで、けっこうかっちょ良い UI が作れるモノでした。 つい先日まで在籍しておった企業で当方も某アプリケーションサービス (技術実験) で利用したし、某業務系 .NET アプリケ
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
ExtJSの世界
Docs | Sencha Documentation
Form with embedded Grid
Custom Fields
http://japan.internet.com/column/webtech/20091016/8-3.html
http://extjs.fudini.net/
atword.jp - このウェブサイトは販売用です！ - リソースおよび情報