パーツ開発Memo: 【EXT JS】TabPanelの内容をAJAXで表示
TabPanelのタブをクリックすると、処理が実行させることを考える。 これもsampleがあるのでそのまま使えばよいが、再確認の意味でほんの少しだけ変えてテストする。 タブを切り替えるとその部分のテキストをサーバーから取ってくるというアプリはあまり思いつかないが、いろいろテストしておけばいつか使えるだろう。 [DEMO] [CODE] // 前半はTabPanelのConfig設定と同じなので省略 // Ajax部分のTabを以下に示します items:[{ title: 'Tab1', html: "デフォルトのタブです。" },{ // autoLoadでhtmlファイルを読み込みます。GETでリクエストされます。 title: 'Ajax Tab 1', autoLoad:'ajax1.html' },{ // autoLoadでcigとパラメータを設定します。POSTでリクエスト
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
タブパネルのレンダリング - Tommy Heartbeat 2nd
「いや〜、またしてもハマってしまった…。遅延レンダリングだってさ。」 結論を先に書くと、TabPanel を使う時は、 new ExtTabpanl({ layoutOnTabChange: true, items: [item1, item2] });と、コンフィグオプションに layoutOnTabChange を設定するのを忘れないように。 ウェブアプリとは思えない UI を実現できる Ext JS といえども、Web アプリの性質上、DOM 上にエレメントを追加し、その属性をいじることでビジュアルを作っている。タブを実現するのに、アクティブでないパネルを css で hidden にする手もあるが、見えなくとも大量のエレメントを DOM に追加するとなると、とても重い処理になってしまう。で、遅延レンダリング。これは、タブがアクティブになった時に DOM に追加する方法で実現している
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
脳内スキャン
