Full Ajax な CRUD アプリケーション その6 - TsutomuUchimaの日記
今回はデータの検索機能を実装します。 検索ウィンドウの作成 検索ウィンドウは以下に示したようなフォームになります。検索項目は更新系のフォームとほぼ同じです。仕様は Idは完全一致検索 氏名はLike検索 職種は完全一致検索 給料は>=、<=検索 部署は完全一致検索 とします。 検索ウィンドウ var FindWindow = function(){ var extWin = null; this.show = function(title, url){ var form; if (extWin == null) { form = new Ext.FormPanel({ method: 'POST', id: 'employee-form', baseCls: 'x-plain', labelWidth: 50, defaults: {width: 190}, defaultType: 't
ZendFrameworkとExtJSを使った超リッチかつ多機能なCMS「pimcore」:phpspot開発日誌
pimcore - Enterprise Content Management Framework ZendFrameworkとExtJSを使った超リッチかつ多機能なCMS「pimcore」 それなんてアプリ？といってしまいそうなリッチな管理画面やWYWIWYG編集、コンテンツのバージョン管理、A-Bテスト等、機能盛り沢山となっています。 管理画面を一見しただけでその高機能さが伺え、使ってみたいという気にさせられます。 バージョン管理機能がいい感じで、次のように、修正前、修正後がtracみたいにわかりやすく表示してくれます。 コンテンツはリッチで綺麗なUIで編集することができるみたいです。 ファイルはツリーで管理でき、画像とかはなんとWEB上でPhotoshopっぽいツールで編集できるようです。 CMS上にコンテンツと連動させた形で、GoogleAnalyticsのAPIを使った解析画面も
IE対応のためのカンマ探し
ども、コツツミです。 地味にお久しぶりです。 タイトル・・・これ、もういいよね・・・もうやりたくないよね、みんな？ ってことで、SpreadOfficeを作ってるときに「あ、これでいいじゃん」という方法があったので、ご紹介します。 その前に、SpreadOfficeちまちま作ってますよ・・。 途中ですが → スクリーンキャストで見る で、前に紹介したスクリーンて単位で開発するようにしているんですが、まぁ要するにパネルなんですけど、もちろんこの中にコンポーネントがたくさんはいるわけです。 なので、必然的に 、クラスファイルになり～の、ファイルわかれ～のするわけですよ。 んで、タイトルの「カンマ探し」 に話を戻します。 カンマ探しを知らない人は、幸せな方ですｗ んで、IEでJSエラーになるこいつを一発でみるけるために、使うのが「Google Closure Compiler」 「何それ？」 の
Ext GWTとSmart GWTの比較 - きしだのHatena
GWTのウィジェットライブラリであるExt GWTとSmart GWTの比較。 id:shinさんとは意見が違うので、書いておきます。 http://d.hatena.ne.jp/shin/20091127/p2 Smart GWT Ext GWT ひとつ、最初にお断り。Ext GWTではプログラム組んだことがあるけど、Smart GWTはAPIやサンプルコードを追っただけなのと、Ext GWTはもうライセンス料払ってるので、おそらくExt GWTよりの評価になっています。 まず、IE6の対応について。IE6の場合、JavaScriptが重すぎて処理が書けないので、ブラウザでフルアプリケーションは組まないほうがいいと思います。 つまり、Ext GWTもSmart GWTもIE6にとっては重いので、やめたほうがいい。普通に苦情が出るレベル。IE6をサポート範囲にしないといけない場合は、普通の
Sencha | Examples
Use these examples to speed up development of your ExtReact, Ext JS, and GXT apps. You can review the kitchen sink for each product, which showcases available components and features, and try out the example apps. Ext JS provides the industry's most comprehensive collection of high-performance, customizable UI widgets - including HTML5 grids, trees, lists, forms, menus, toolbars, panels, windows,
code:x - Ext JS JavaScript Library
PHP/JavaScript/Ext JS/ActionScript Code MemoName (required) Mail address (will not be published) (required) URI Remember personal info Yes No Comment スタイル指定用の一部の HTMLタグが使用できます。 Add Your Comment Trackback+Pingback:0 TrackBack URL for this entry http://code.xenophy.com/wp-trackback.php?p=7 Listed below are links to weblogs that reference Ext JS JavaScript Library from code:x
Ext JSでGoogleマップを表示するチュートリアル (1/4)
統一された美しいデザインのユーザーインターフェイス（UI）を作れるJavaScript/Ajaxフレームワーク「Ext JS」。前回は、Ext JSを使ったもっとも簡単なサンプルとして「アラートダイアログ」を表示してみましたが、今回はより実用的な「ウィンドウ」の表示に挑戦しましょう。Ext JSで開いたウィンドウの中に、GoogleマップAPIを利用した地図を表示します。 単純なウィンドウを表示する 最初に、もっともシンプルなウィンドウを表示してみましょう。Ext JSのウィンドウには非常に多くのオプション（設定）がありますが、オプションを指定しない状態でもとりあえず表示はできます。 ウィンドウを表示するには、new Ext.Window() によりインスタンス（ウィンドウオブジェクト）を作成した後、show()メソッドによって実際に画面上に表示する、という手順をとります。ウィンドウを表示
jQueryとも共存できる「Ext JS 3.0」入門 (1/4)
「デスクトップアプリケーション並みの美しいユーザーインターフェイスが作れる」と評判のJavaScript/Ajaxフレームワーク「Ext JS」の最新版、「Ext JS 3.0」が7月6日にリリースされました。「古籏一浩のJavaScriptラボ」第4回は、実際に簡単なサンプルを作りながらExt JSの魅力に触れる入門記事をお届けします。 （編集部） Ext JSとは？ 「Ext JS」は、米Ext JS, LLCが公開しているオープンソース（※）のJavaScript/Ajaxフレームワークです。「フレームワーク？ ライブラリーなら聞いたことあるけど……」と首をかしげる人も多いかもしれません。「Prototype.js」や「jQuery」、「Yahoo UI Library」「MooTools」などの有名なJavaScript/Ajax“ライブラリー”に対して、Ext JSは“フレームワ
Ext Japan - Ext JS / Ext GWTのライセンス・サポート・研修・コンサルティング
JavaScriptやCSSの基礎からカスタムコンポーネントやCSSテーマの作成まで、Ext Japanのメンバーによる実践的なトレーニングで、開発チームが革新的なウェブUIを作成するための方法を一斉に習得できます。(2008年10月サービス開始予定) Ext JS 2.2 Ext JSはリッチインターネットアプリケーション開発のためのクロスブラウザ対応JavaScriptライブラリです。 高性能でカスタマイズ可能なユーザーインターフェイス 優れた設計、文書が豊富、拡張性の高いコンポーネントモデル 商用ランセンスとオープンソースライセンスが利用できます The Ajax Experience 2008でExt JSが紹介されます (英文) July 23, 2008 Jack Slocumと私は、2人の開発者による注目のセッションに参加します。今月末に開催されるThe Aja
Full Ajax な CRUD アプリケーション その1 - TsutomuUchimaの日記
はじめに 2008年09月にGoogleからGoogle Chromeがリリースされました。より快適なAjaxアプリを実現していくのが目標のようです。Chromeを使用した方ならわかって頂けると思いますがAjax Webアプリケーションはまだまだ未成熟で可能性がある事を感じさせてくれます。今後ますますAjaxを多用したWebアプリケーションが重要となっていくでしょう。 この記事ではJavaで美しく実用的なAjaxアプリケーションを作る第一歩としてExtJS、SAStruts、JSONICを用いて簡単なCRUDアプリケーションの作成過程を記載していきたいと思います。 今回作成するアプリケーションは社員マスター管理アプリです。完成イメージを以下に示します。 本記事は以下の順序で進みます。 画面モックアップの作成 データベースの準備 サーバーサイドでの実装 一覧表示機能の実装 新規追加の実装 更
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Google Map+Ext JSで最寄り駅ルート案内 - MORIWAKI.NETのメモ帳のメモ帳
http://japan.internet.com/column/webtech/20090918/7.html
404 Not Found
IBM Developer
IBM Developer