tohtasのブックマーク - はてなブックマーク

Full Ajax な CRUD アプリケーション　その4 - TsutomuUchimaの日記
前回でデータ一覧を表示させる事が出来るようになりました。今回はデータの更新関係についてサンプルを作っていきます。新規追加ウィンドウの作成まずはモックアップから。ExtJSのダイナミックフォームを使用します。フォームウィンドウのソース Ext.QuickTips.init(); Ext.form.Field.prototype.msgTarget = 'side'; var FormWindow = function(){ var extWin = null; this.show = function(title, url){ if (extWin == null) { var form = new Ext.FormPanel({ method: 'POST', id: 'employee-form', baseCls: 'x-plain', labelWidth: 40, defau
tohtas 2010/12/11
extjs
リンク
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
tohtas 2010/11/02
extjs

sastruts
リンク
Full Ajax な CRUD アプリケーション　その1 - TsutomuUchimaの日記
はじめに 2008年09月にGoogleからGoogle Chromeがリリースされました。より快適なAjaxアプリを実現していくのが目標のようです。Chromeを使用した方ならわかって頂けると思いますがAjax Webアプリケーションはまだまだ未成熟で可能性がある事を感じさせてくれます。今後ますますAjaxを多用したWebアプリケーションが重要となっていくでしょう。この記事ではJavaで美しく実用的なAjaxアプリケーションを作る第一歩としてExtJS、SAStruts、JSONICを用いて簡単なCRUDアプリケーションの作成過程を記載していきたいと思います。今回作成するアプリケーションは社員マスター管理アプリです。完成イメージを以下に示します。本記事は以下の順序で進みます。画面モックアップの作成データベースの準備サーバーサイドでの実装一覧表示機能の実装新規追加の実装更
tohtas 2010/10/22
extjs

sastruts
リンク
1