Ext JS 4.0/4.1 MVCアプリケーション構造の理解 – 株式会社ゼノフィ社内勉強会資料
本資料は、2011年12月18日に開催された株式会社ゼノフィ社内勉強会資料です。 アジェンダ Class Styles Ext JSにおけるアプリケーションパターン Ext.app.Controller/Ext.Application サンプルアプリケーションレイアウト 各コントローラー作成 コントローラーからビューへのアクセス Class Styles Ext JS 3までの実装は、Ext.extendを利用してコンポーネントクラスを継承し、initComponentで必要な初期化を行いアプリケーションを実装。 コンポーネントを一つのクラスとして実装する手法は非常に有効であるが、見た目(View)と実装(Model/Controller)が混在するクラスが作成されてきた。 Ext JS 3 Style Class <span style="color: #990000;">// defi
GwtExt Gridの特定行までスクロールする - （株）ケーピーエス 「セールスフォース」技術ノート
ソースを表示して文中のリンクをクリックすると該当行が選択されます。 GwtExtの実装例ですが、ext.jsでも同じ考えで行けると思います。 スクロール可能なGridの場合、表示されるたびにスクロール位置が最初に戻って不便だったりしませんか？ 上記でも使用している「ソースの表示」機能で、ある特定のまでプログラムからスクロールさせる方法実装しましたので紹介します。 上記「ソースの表示」ボタンを押すと現れるソースはこのソースの表示機能自体を実現しているソースです。この中で特定行までスクロールする機能の部分は以下のところ(170-185) // スクロール位置調整 Element[] es = Ext.get(gp.getId()).query( "*[class*=x-grid3-row-table]"); Element con = Ext.get(gp.getId()).child( "*
読書メモ: Ext JS 4 First Look / Capter 1
Ext Js 4 First Look という本がやっと出たので買いました。 英語の本なんざ、しっかり読んだことないんで不安だったんですが、 なんとか読めてます。 英語の本で勉強したと言えば、 Visual BasicのVersion 1.0 以来かな。 VB 1.0 は英語版しかなかったし、当然リファレンスマニュアルも全部英語でした。 えらい昔話だな。 で、Ext JS 4 First Lookを読んでいるときのメモを晒します。 メモを取っておかないと、ちゃんと最後まで読める気がしないですから。 内容を翻訳のように全部書くと多分アレなので、あくまでもメモということで、 「うんうん」とか「ほぉ」と思ったところを書いていきます。 Chapter 1 What’s New in Ext JS Class definition and creation Ext JS 4 では Ext.defin
Webアプリ、特にExtJSのパフォーマンスチューニング - 日々精進
以下のスレッド ExtJS: Performance Best Practices とか ハイパフォーマンスWebサイト ―高速サイトを実現する14のルール 作者: Steve Souders,スティーブサウダーズ,武舎広幸,福地太郎,武舎るみ出版社/メーカー: オライリージャパン発売日: 2008/04/11メディア: 大型本購入: 32人 クリック: 676回この商品を含むブログ (126件) を見るとかをまとめました。 高速化の指標となるのはTime To Interact（TTI）。これはユーザがリンクをクリックするなどのアクションを起こしてから次にユーザが作業可能になるまでの時間。 例えば、はてなダイアリーの右上の「記事一覧」をクリックしてから記事一覧ページの上部が表示されるまでの時間とか。ページ全体や画像が読み込まれて無くても作業は開始できる場合が多い。 高速化の方針は主に以下
ExtJSで楽しくRIA業務アプリ開発
株式会社sus4 開発チームこのブログに載っているサンプルコードや、簡単なコードをチェックする際に、わざわざHTMLファイルを用意して、ExtJSの読み込むコードを埋め込んで、Java Scriptを書くのは少し面倒くさかったりします。そんなときに使える小技にブックマークレットとFirebugの合わせ技があります。 ExtJSライブラリをブックマークレットで読み込んで、FirebugのコンソールにExtJSのコードを書いていくことができます。 元ネタはここです。 http://extjswordpress.net/extjs-apps-as-bookmarklets/ 上記のリンク先からのコードをブックマークして使います。 下にそのコードを見やすく改行したのを展開してみました。 javascript: var ss=document.createElement('link'); s
Ext JS 4のMVC Application Architectureを試してみた - s5ot's blog
先日ついにリリースされたExt JS 4に新たに追加されたMVCアーキテクチャを試してみました。 MVC Application Architecture MVCアーキテクチャで自作したサンプル サンプル サンプルのソースコード 見よう見まねなのでいろいろとアレなところがあります。 調べたことの簡単なまとめ Ext JS 4のMVCアーキテクチャ モデル → Ext.data.Modelクラスを継承したクラス ビュー → パネル、グリッド、ツリーなどのコンポーネント コントローラー → Ext.app.Controllerクラスを継承したクラス アプリケーションのディレクトリ構造 - appname - app - controller - model - store - view - resources - css - images - ... - app.js - index.html
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Help - How to remove sort field when reload grid
"JavaScript/ExtJS"で始まるページ一覧 - Glamenv-Septzen.net
[OPEN] Grids are rendered differently in upcoming versions of Google Chrome - Page 5
What makes your ExtJS application run so slow ? | Totti's Blog