ASP.NET AJAX

わんくま同盟大阪勉強会#8の２次会で。

koka — Sun, 29 Apr 2007 01:18:00 GMT

わんくま同盟大阪勉強会#8に参加してきました。これからOSがWindows VISTAへ移行していくうえで押さえておくべき必須の機能を、刈歩菜良さん、えムナウさん、はなおかじったさん、中博俊さんが話すとなれば、そら参加人数51人と大阪では過去最高にもなるわけです。パチパチパチ。

さらに大阪では初？の懇親会２次会が執り行われ、その場でASP.NET AJAXのOnTextChangedイベントでうんぬん。。。と話を持ち出して、中さんから「そのイベントはないやろ！」突っ込みを受け、えムナウさんからご指導をいただき、その場では私の勘違いだと受け入れたんですが、帰りしにやっぱりASP.NET AJAXでOnTextChangedイベント拾って処理してたよなぁと気になったので、それを優先して書いてしまいますｗ

従来WebアプリでAJAXを用いてテキストボックスの内容変更を拾って処理を行うには、（その処理方法の良し悪しは置いておいて・・・）クライアント側のJavascriptでonchangeやonblurイベントを用いていました。
　それをASP.NET AJAXで素直に実現しようとするならば、UpdatePabelで囲ったテキストボックスの「AutoPostBack」を有効にし、OnTextChangedイベントを用いるのが、一番手間がかからないかなぁ～それってありですかねぇ？と聞きたかったのでした。
　この方式でたとえば入力チェックを行うと、サーバ側の処理でクライアント側でAJAXが有効なのかどうか、深く考えなくてよくなったりします。それを踏まえて複数テキストがある場合をざっくり書くと下のようになります。

protected void TextBox1_OnTextChanged(object sender, EventArgs e)
{
    // TextBox1の入力チェック用メソッド
}
protected void TextBox2_OnTextChanged(object sender, EventArgs e)
{
    // TextBox2の入力チェック用メソッド
}
protected void TextBox3_OnTextChanged(object sender, EventArgs e)
{
    // TextBox3の入力チェック用メソッド
}
protected void Submit_Click(object sender, EventArgs e)
{
    // TextBox1の入力チェック用メソッド
    // TextBox2の入力チェック用メソッド
    // TextBox3の入力チェック用メソッド
    // で、全部のチェック結果を元に処理実行
}

こうしてるとチェック処理を１箇所で扱えてうれしいなぁと。それにAJAXでのチェックをやめようとした場合にもまあ被害は少ないし幸せですよと。

さあどうだ！

ASP.NET2.0―実践.NET Framework+Ajax Extensionsで実現するWeb

koka — Mon, 16 Apr 2007 23:32:00 GMT

本屋にMicrosoft Visual Studio 2005によるWebアプリケーションテスト技法(ISBN 4891005559)を求めに行った際、見かけて「そーいやASP.NET2.0について調べてないなぁ」と、ページをパラパラめくってみると、ASP.NETの概要＋2.0での新機能が分かりやすくまとめられていたので買い。

ASP.NET2.0―実践.NET Framework+Ajax Extensionsで実現するWeb

発売元: 技術評論社
レーベル: 技術評論社
スタジオ: 技術評論社
メーカー: 技術評論社
価格: ￥ 2,604
発売日: 2007/03
売上ランキング： 35393

posted with Socialtunes at 2007/04/15

ちょうど自分アプリのプロタイプを作りなおそうとしてたのでいいタイミングでした。基本を押さえておこうとざ～っと読んだのですが、やっぱりだいぶ進化してますね。改めて関心。

しかしこの1.xから2.0への進化はASPからASP.NETになった衝撃に匹敵します。また開発が楽になりますね。OnClientClickやUseSubmitBehaviorプロパティなんて涙がちょちょぎれますし、今まで敬遠していた検証コントロールも、検証グループ機能ってのが追加されているのでついに利用するかもしれません。

あとまったく予想していなかった別の衝撃がありました。

P117の表２

ポストバック沙希のURLを取得または設定します

誰ですかｗこれがきっかけで何変化が起きました・・・

P127のListControlの説明

(略)それに対して、”ホンダ”は「Value=003」としてListItemを作成しているためRemove()呼び出しでアイテムが一致せず削除されません。

その下のサンプルソースです。

// アイテムを追加
ListBox1.Items.Add(new ListItem("フェラーリ", "001"));
ListBox1.Items.Add(new ListItem("ホンダ", "002"));
ListBox1.Items.Add(new ListItem("ロータス", "003"));
ListBox1.Items.Add(new ListItem("ポルシェ"));
// アイテムの削除
ListBox1.Items.RemoveAt(0);
ListBox1.Items.Remove(new ListItem("ロータス", "003"));
ListBox1.Items.Remove("ポルシェ");
ListBox1.Items.Remove("ホンダ");// ← 削除されない

いったいなにを信じたらいいんですかｗ

P128の表4

SekectedValueプロパティ

お約束もしっかりとｗ

P144

(略)これは.NET Frameworkがインストールフォルダ配下のonfigフォルダ(C:\WINDOWS\Microsoft.NET\Framework\v2.0.50727\CONFIG)にある「Web.config」ファイルで定義されています

微妙ですが、ツボにはまりました。オンフィグ。

特に荒さがししたわけでないのですが、こうも一部に集中して誤植（タイプミス）があると、もう次を期待しつつ読まざるをえないじゃあないですか！そしてその期待にしっかりとそれに応えてくれるしｗ途中から笑いの神が下りたに違いない。技術書なのにｗ

なんにせよ、買ってよかったと思いますｗ

ClickOnceだ！.NET Remotingだ！

koka — Sun, 01 Apr 2007 11:24:00 GMT

明日から久しぶりに新しいお客さんの下で4か月ほど作業をすることになりました。今任されている作業もこなしつつですが^^;

その作業先で現在進めているシステム開発は、ClickOnceで.NET RemotingでSQL Serverだと聞いた時はその場で小躍りしそうになりました。これで言語がC#だと私的に満点だったのですが、VB2005だそうです。特にVB2005が嫌というわけではなく、今までVS2003でVB.NETやっており別言語での開発がしたいなぁと考えていたので、C#がよかったなぁ程度です。

そういえばわんくま同盟に参加させていただいた当初も同じような開発案件に参加する予定で、そこからなにかネタを出そうとしてたのを思い出しました。結局その案件には参加せずだったので、「ようやくおれの時代がきたか！」って感じです。けどもうこれからの旬はWPFとかなんですよねぇorz

それはさておき、新しい技術を学ぶ際には、やはり実際の開発の中でのほうが、個人的にちょこちょことプログラムを組んで学ぶときよりも、納期というプレッシャーや、実装するうえでの問題点などもより多く出てくるはずなので、いい経験になるなぁと、かなり楽しみです。

ちょっと不安なことは、昔、これからはじめる.NET Framework .NETリモーティングを買って個人的に遊んでたんですが、その時はまだ.Net1.1だったわけで・・・.Net2でなにも変わってないですよね・・・

もう一つの不安が、その開発は途中段階で人が突然抜けてしまう所への緊急投入なことですかね。システムの設計書はなく、段階的リリースを行っているそうで、すでに一部運用テストされており、改修作業と新規開発を同時に行っているそうで・・・

なのに引き継ぎ期間が半日て・・・orz

Firefox2.0.0.3でASP.NET AJAXの問題解決？

koka — Wed, 21 Mar 2007 22:57:00 GMT

Firefox2.0.0.2へのバージョンアップがASP.NET AJAXに影響するでASP.NET AJAX ControlKitの一部コントロールの動作が怪しくなっていた件ですが、さっきFirefox2.0.0.3にバージョンアップしたところ問題が解消された模様。

動作確認は自アプリで利用しているModalPopupExtenderのShow、hideメソッドに関してだけですが。。。

ASP.NET Forums - FireFox update 2.0.0.2 breaks some scenarios in ASP.NET AJAX appsでもFirefox 2.0.0.3バージョンアップに対する書き込みがあり、Bug 371576 – Script elements added with appendChild no longer execute synchronously (was: Firefox 2.0.0.2 update breaks Backbase enabled web sites)の対応によって問題が解消されたように感じます。英語を理解していないので感覚です。いわゆるシックスセンス^^;すいませんorz

Firefox2.0.0.2へのバージョンアップがASP.NET AJAXに影響する

koka — Sun, 11 Mar 2007 00:20:00 GMT

ASP.NET Forums - FireFox update 2.0.0.2 breaks some scenarios in ASP.NET AJAX apps

We’re seeing that the 2.0.0.2 release of FireFox has a behavior change that’s affecting ASP.NET AJAX.

Basically the dynamically loaded scripts seem to now execute asynchronously, which causes them to fire after the inline scripts, whereas previously they’d fire as soon as they were added to the DOM.

This will affect scenarios where a component relies on PageRequestManager events inside of an UpdatePanel. For example the ModalPopup control that is part of the Control Toolkit.

We are actively working with the Firefox team to figure out the best approach to address this issue and we will update this thread as soon as we know something

だそうです。

たぶん、Firefox2.0.0.2へのバージョンアップでFirefoxのDOMの仕様が変わった影響で、ASP.NET AJAXの一部のアプリの動作が怪しくなるよ～。Firefoxの開発チームと連携して解決するから待っててね～。ということでしょう。超勝手意訳ですがね^^;

しくしくしく

ModalPopupExtenderが動かなくなる

koka — Sat, 10 Mar 2007 23:54:00 GMT

ひさしぶりにASP.NET AJAXの使いどころの見極め「兼」個人的に欲しいアプリ作りを再開しようかとFirefoxでアプリを開いてみると、ありゃ？子画面の表示に利用しているModalPopupExtenderコントロールのShowメソッドが意図したとおりに動作しないじゃないかorz

ModalPopupExtenderで表示したパネルコントロールは通常、OKかキャンセルボタンとして設定したボタンをクリックすると閉じてしまいます。それをShowメソッドを呼び出すことで表示を維持することができます。それが可能だとパネルコントロール内でなんらかの入力をする場合、入力チェックなどをそこで出来るわけです。実際IE6とIE7では動作します。

・・・いやいやいや。Firefoxでも動かしてたぞ！と思って去年設定したFirefoxPortableをひっぱり出してきてみました。Firefoxのバージョンは2.0.0.1です。むー動くやん。じゃあFirefoxのバージョンアップをすれば、どーよ？と思ってバージョンアップを試みる。

・・・・・まーじーでーすーかぁぁぁぁぁorz

拡張機能が悪さをしているならばわかるのだけれど、ブラウザのバージョンアップで動作しなくなるのは辛い。Ajax control toolkitがバージョンアップしてて、それを適用済みだったのでそれかなぁとも思ったのだけれども、それより辛い(TAT)

こういうとき、フレームワークを他に依存しているのを実感しますねぇ。すぐに手を出せないし、原因個所がわかってもすぐにそれを反映できない。

さーどうしたものか。

まずはここの内容を確認してみよかなぁ。。。

2007/03/11追記ASP.NET Forums - ModalPopup Postback issues in Firefox 2.0.0.1にてとりあえずの回避策が提示されてます。

まず、配置しているModalPopupExtenderコントロールにBehaviorIDを設定します。ここではIDを「ModalPopup」とします。

次にPage_Loadメソッドに以下のコードを追加します。BehaviorIDに「ModalPopup」以外を設定する場合、ソース中のIDも変更しましょう。

String s = "{ window.setTimeout(\"$find('ModalPopup').show();\",0); }";
ScriptManager.RegisterStartupScript(Page, typeof (Page), "openModalPopup", s, true);

一応これでshowメソッドが有効となります。Firefox2.0.0.2で確認済み。なんだか背景が一瞬消えたりと若干怪しいですが、まあ正式対応を待ちましょう。

Ms On for Community .NET Framework 2.0 ASP.NET AJAX

koka — Wed, 31 Jan 2007 20:34:00 GMT

今日19時からMSさんのLive Meetingってので「ASP.NET AJAX」についてのセミナーがありました。すっかり忘れてて30分遅刻（汗

デモ中心でざっくりとASP.NET AJAXについて知りたい場合、非常に有用な内容でした。ちょっと残念なのはオンラインでのデモなので画面表示が若干遅くてあのカレンダーの動きがはっきり確認できなかったｗ

やっぱり新しい機能っていうものは機能を把握している人から説明を受けるのが一番理解が早いとおもった。まあ一人であれこれ試しながら動かすのも醍醐味なんですけどね^^

ASP.NET AJAX Control Toolkitの誘惑

koka — Wed, 24 Jan 2007 02:54:00 GMT

ASP.NET AJAX Control Toolkit

コントロールが増えたみたいです。AutoComplete、Calendar、MaskedEdit、Tabsむむぅ。試したい。使いたい。とりあえずざっくり感想。

AutoComplete

ついにきました。自作する必要がなくなってちょっとうれし。

Calendar

PopupControlで作れるのだけにやけに動く。横にずれるずれるｗ

MaskedEdit

日付や金額や日時の区切り文字をあらかじめテクストボックスに表示＆入力制限を行うことができるコントロール。

Tab

どうみてもタブですな。

どんどんコントロールが充実していきます。というか最近本当にJavascriptを書かなくなって若干不安^^;

ASP.NET Ajaxメモ3

koka — Sat, 20 Jan 2007 14:17:00 GMT

ASP.NET AJAX Control Toolkitをユーザコントロール内に含めてみる。

UpdatePanel+ModalPopupExtender+Panel+ボタンのコントロールどもを使ったユーザコントロールを作ってみました。ユーザコントロールの編集は何の問題もなく進みます。問題はそれをWebフォームで利用する際に起こりました。ちなみにユーザコントロールをWebフォームに追加するのって、ソリューションエクスプローラのユーザコントロールファイル（.ascx）をD&Dでできるんですねぇ。タグのプレフィックスを勝手に登録してくれます。

Webフォームをデザインモードにするとコントロールの描画エラーとなります。

ハンドルされない例外が発生しました。

The control with ID

'ModalPopupExtender1' requires a ScriptManager on the page. The ScriptManager must appear before any controls that need it.

むむぅ。「ScriptManagerがないですことよ。おほほほほ」だそうです。予想としてはユーザコントロールのデザインを表示する際にRendar処理が内部でこっそりと実行されているはずなのですが、その際に処理がユーザコントロールで完結しているから親WebフォームにあるScriptManagerを見つけることができていないんですね。エラー表示のあるままWebフォームを実行するとユーザコントロールは親のScriptManagerを見つけて正常に動作しやがります。カッ

じゃあユーザコントロール側にもScriptManagerを置いたらどうよ？と実際に配置してみてもデザインモードでのエラー表示はそのままに、今度は実行時にエラーがでます。しかもユーザコントロールのScriptManagerも見つけてくれてないorz

Only one instance of a ScriptManager can be added to the page.

ScriptManagerは１つかもっちゃだめですよね。

そんなわけでせっかくユーザコントロールもデザインモード時に描画されるようになりましたが、Ajaxコントロールを内部に含めると駄目なことがわかりました。悲しい。

ASP.NET Ajaxメモ2

koka — Wed, 17 Jan 2007 19:31:00 GMT

ASP.NET AJAX Control ToolkitのModalPopupコントロールについて。

ModalPopupで指定したパネル内にあるボタンやリンクボタンなどは、それをModalPopupコントロールのOKやキャンセルボタンに指定していなくても、１度クリックするとパネルが非表示になります。ただしそのボタンで処理を行うようにしている場合はしっかり処理は実行されます。

モーダルダイアログ内で何らかの処理後、OKボタンをクリック！ってシナリオは結構ありそうなのでそのまま閉じないようにする方法を探してみたところ、ModalPopupコントロールにShowメソッドがありました。それをボタンイベント発生時に実行してみると見事に表示されたまま（厳密には非表示後の再表示？）になりました。

さらにこれをUpdatePanelコントロールで囲ってやれば部分的にPostbackするようになるので使いどころが結構ありそうです。注意すべき点はUpdatePanelコントロールに含めるならばModalPopupコントロールでプロパティ指定しているコントロールをすべて含める必要があるということでしょうか。

HTML部分（抜粋）

<asp:Panel ID="PopupPanel" runat="server" Height="50px" Width="125px">
 <asp:Label ID="Label1" runat="server" Text="Label"></asp:Label><br />
 <asp:Button ID="ReloadButton" runat="server" Text="Reload" OnClick="ReloadButton_Click" /><br />
 <asp:Button ID="OKButton" runat="server" Text="OK" />
 <asp:Button ID="CancelButton" runat="server" Text="Cancel" />
</asp:Panel>
<ACT:ModalPopupExtender ID="ModalPopupExtender1" runat="server"
 TargetControlID="PopupButton"
 PopupControlID="PopupPanel"
 OkControlID="OKButton"
 CancelControlID="CancelButton"
 BackgroundCssClass="modalBackground"
 DropShadow="false"
/>

ソース（抜粋）

 protected void ReloadButton_Click(object sender, EventArgs e)
 {
  Label1.Text = DateTime.Now.ToString();
  ModalPopupExtender1.Show();
 }

ちなみにこれに似たコントロールにPopupControl があります。こちらはサンプルにあるようにカレンダーなどの入力補助コントロールを表示させるのによさそう。

いや～ホント便利な世の中になりましたねぇ～