[B! Ext JS] inventのブックマーク

パーツ開発Memo: 【EXT JS】TabPanelの内容をAJAXで表示

TabPanelのタブをクリックすると、処理が実行させることを考える。これもsampleがあるのでそのまま使えばよいが、再確認の意味でほんの少しだけ変えてテストする。タブを切り替えるとその部分のテキストをサーバーから取ってくるというアプリはあまり思いつかないが、いろいろテストしておけばいつか使えるだろう。 [DEMO]　[CODE] //　前半はTabPanelのConfig設定と同じなので省略 //　Ajax部分のTabを以下に示します it ems:[{ title: 'Tab1', html: "デフォルトのタブです。" },{ //　autoLoadでhtmlファイルを読み込みます。GETでリクエストされます。 title: 'Ajax Tab 1', autoLoad:'ajax1.html' },{ //　autoLoadでcigとパラメータを設定します。POSTでリクエスト

invent 2009/09/18

Ext JS

リンク

while(true);

未だにわんくまのメールが使えないので、連絡は↓にお願いします。 piz_yumina@hotmail.com 名前：Piz&Yumina（ぴずあんどゆみな）生年月日：1990年02月13日（平成02年02月13日）年齢：20 性別：♂ 血液型：B 星座：水瓶座趣味：（学習系）数学英語　（消費系）アニメギャルゲーエロゲー　（開発系）プログラミング　（創作系）小説詩短歌絵　（執筆系）プログラミング・数学分野の記事執筆 TOEIC：720点（2010/09）簿記：-（学習中）書庫 2010年3月 (1) 2009年2月 (1) 日記カテゴリ Ext JS (rss) Python (rss) CREAプロジェクトクランCREA -CREAプロジェクト開発ブログ- FXブログ求めるは金！ pixiv pixiv

invent 2009/09/18

Ext.TabPanelã®APIã è³åå¦¹ãç¿»è¨³ãã¦ããããããï½

Ext JS
tab

リンク

タブパネルのレンダリング - Tommy Heartbeat 2nd

「いや〜、またしてもハマってしまった…。遅延レンダリングだってさ。」結論を先に書くと、TabPanel を使う時は、 new ExtTabpanl({ layoutOnTabChange: true, it ems: [it em1, it em2] });と、コンフィグオプションに layoutOnTabChange を設定するのを忘れないように。ウェブアプリとは思えない UI を実現できる Ext JS といえども、Web アプリの性質上、DOM 上にエレメントを追加し、その属性をいじることでビジュアルを作っている。タブを実現するのに、アクティブでないパネルを css で hidden にする手もあるが、見えなくとも大量のエレメントを DOM に追加するとなると、とても重い処理になってしまう。で、遅延レンダリング。これは、タブがアクティブになった時に DOM に追加する方法で実現している