かるあ のメモ

アクセスカウンタ

help リーダーに追加 RSS Extender で拡張されたカスタムコントロールを作成する。

<<   作成日時 ： 2007/11/08 11:54   >>

トラックバック 1 / コメント 0

AJAX Control Toolkit  の使用について(@IT Insider.NET 会議室) より
TextBox を FilterdTextBoxExtender で拡張したカスタムコントロールを作成したいとのこと。

#2007/11/09 --------------
このままだとうまくいかないみたい。
Button Click などのタイミングで動的にコントロールを追加する分にはいいけれど、デザイナでカスタムコントロールをドロップすると Extender の初期化でおこられる。
継承元を Container な Control にして TextBox と Extender をメンバに持つようにしたほうがいいかな。

To Do: 帰ったら考える。#2007/11/09 --------------
#2007/11/15 --------------
こっちで解説します。 Custom コントロールに Extender を含める
#2007/11/15 --------------

提示されたコードを見ると Renderメソッド を Override して Extender を Control に関連付けている。
このままだと TextBox は表示されるけれど Extender のコードが Page に書き出されない。
提示されたコード
Public Class BaseFieldNumber
    Inherits System.Web.UI.WebControls.TextBox
        Private cFilteredTextBoxExtender As AjaxControlToolkit.FilteredTextBoxExtender
    Protected Overrides Sub Render(ByVal writer As System.Web.UI.HtmlTextWriter)
        cFilteredTextBoxExtender = New AjaxControlToolkit.FilteredTextBoxExtender
        cFilteredTextBoxExtender.TargetControlID = Me.ID
        cFilteredTextBoxExtender.FilterType = AjaxControlToolkit.FilterTypes.Numbers
        MyBase.Render(writer)
    End Sub
End Class


コンパイルは通るけれど、吐き出された HTML を見てみると Sys.Applciation.add_init では Extender が追加されていない。
<script type="text/javascript">
<!--
Sys.Application.initialize();
// -->
</script>


Extender を作って Control に関連付けるのはいいんだけれど、Container に追加していないのでそのまま捨てられているっぽいですね。
Render で コントロールに Extender を追加すると InvalidOperationException が発生する。
Extender controls may not be registered after PreRender とのことなので、Render だと遅すぎるってことですね。
コントロールの設定という意味ではコントロールの内容を書き出す Render ではなくて、 Init なりで設定を行う必要がある。
Public Class BaseFieldNumber
    Inherits System.Web.UI.WebControls.TextBox

    Private cFilteredTextBoxExtender As AjaxControlToolkit.FilteredTextBoxExtender

    Private Sub BaseFieldNumber_Init(ByVal sender As Object, ByVal e As System.EventArgs) Handles Me.Init
        cFilteredTextBoxExtender = New AjaxControlToolkit.FilteredTextBoxExtender
        cFilteredTextBoxExtender.TargetControlID = Me.ID
        cFilteredTextBoxExtender.FilterType = AjaxControlToolkit.FilterTypes.Numbers
        Me.Parent.Controls.Add(cFilteredTextBoxExtender)
    End Sub
End Class


最初 カスタムコントロールに追加した Extender を ScriptManager がちゃんと理解してくれるか不安だったんだけれど、吐き出された HTML を見ると Script がロードされ関連付けがされている。
<script type="text/javascript">
<!--
Sys.Application.initialize();
Sys.Application.add_init(function() {
    $create(AjaxControlToolkit.FilteredTextBoxBehavior, {"FilterType":2,"id":"ctl02"}, null, null, $get("NumberField1"));
});
// -->
</script>

設定テーマ

注目テーマ 一覧
<< 前記事（2007/11/06） トップへ 後記事（2007/11/08）>>

月別リンク

トラックバック（1件）

タイトル （本文） ブログ名／日時
Custom コントロールに Extender を含める
ちょっと浅漬けになってたこの話題 ですが、とりあえずこんな方法で出来ましたよ〜ということで御紹介。 結構変遷がありましたが、最終的にはこんなソースコードになりました。 ...続きを見る
かるあ のメモ
2007/11/15 16:36

トラックバック用URL help


自分のブログにトラックバック記事作成（会員用） help

タイトル
本　文

コメント（0件）

内 容 ニックネーム／日時

コメントする help

ニックネーム
本　文
<< 前記事（2007/11/06） トップへ 後記事（2007/11/08）>>