クライアント バインディングの使用

' 行編集テンプレートを有効にします。
Me.WebDataGrid1.Behaviors.CreateBehavior(Of EditingCore)()
Me.WebDataGrid1.Behaviors.EditingCore.Behaviors.CreateBehavior(Of RowEditingTemplate)()
' 編集モード アクションをダブルクリックするように設定します。
Me.WebDataGrid1.Behaviors.EditingCore.Behaviors.RowEditTemplate.EditModeActions.MouseClick = EditMouseClickAction.[Double]
' カスタム テンプレートを作成します。
Me.WebDataGrid1.Behaviors.EditingCore.Behaviors.RowEditTemplate.Template = New CustomRowEditingTemplate()
Private Class CustomRowEditingTemplate
    Implements ITemplate
    #Region "ITemplate Members"
    Public Sub InstantiateIn(container As Control) Implements System.Web.UI.ITemplate.InstantiateIn
        Dim label1 As New Label()
        label1.Text = "CompanyName"
        label1.ID = "NameLabel1"
        Dim textBox1 As New TextBox()
        textBox1.ID = "NameTextBox1"
        Dim b1 As New Button()
        b1.Text = "OK"
        b1.ID = "OkButton"
        b1.UseSubmitBehavior = False
        b1.OnClientClick = "return"
        b1.CausesValidation = False
        Dim b2 As New Button()
        b2.Text = "Cancel"
        b2.ID = "CancelButton"
        b2.UseSubmitBehavior = False
        b2.OnClientClick = "return"
        b2.CausesValidation = False
        container.Controls.Add(label1)
        container.Controls.Add(textBox1)
        container.Controls.Add(b1)
        container.Controls.Add(b2)
    End Sub
    #End Region
End Class

// 行編集テンプレートを有効にします。
this.WebDataGrid1.Behaviors.CreateBehavior<EditingCore>();
this.WebDataGrid1.Behaviors.EditingCore.Behaviors.CreateBehavior<RowEditingTemplate>();
// 編集モード アクションをダブルクリックするように設定します。
this.WebDataGrid1.Behaviors.EditingCore.Behaviors.RowEditTemplate.EditModeActions.MouseClick = EditMouseClickAction.Double;
// カスタム テンプレートを作成します。
this.WebDataGrid1.Behaviors.EditingCore.Behaviors.RowEditTemplate.Template = new CustomRowEditingTemplate();
private class CustomRowEditingTemplate : ITemplate
{
        #region ITemplate Members
        public void InstantiateIn(Control container)
        {
                Label label1 = new Label();
                label1.Text = "CompanyName";
                label1.ID = "NameLabel1";
                TextBox textBox1 = new TextBox();
                textBox1.ID = "NameTextBox1";
                Button b1 = new Button();
                b1.Text = "OK";
                b1.ID = "OkButton";
                b1.UseSubmitBehavior = false;
                b1.OnClientClick = "return";
                b1.CausesValidation = false;
                Button b2 = new Button();
                b2.Text = "Cancel";
                b2.ID = "CancelButton";
                b2.UseSubmitBehavior = false;
                b2.OnClientClick = "return";
                b2.CausesValidation = false;
                container.Controls.Add(label1);
                container.Controls.Add(textBox1);
                container.Controls.Add(b1);
                container.Controls.Add(b2);
        }
        #endregion
}

' OK およびキャンセル アクションを発生させるボタンを設定します。
Me.WebDataGrid1.Behaviors.EditingCore.Behaviors.RowEditTemplate.OKButton = "OkButton"
Me.WebDataGrid1.Behaviors.EditingCore.Behaviors.RowEditTemplate.CancelButton = "CancelButton"
' クライアント バインディングを作成します。
Dim item As New RowEditingClientBinding()
item.ColumnKey = "CompanyName"
' テキストボックスのクライアント ID
item.ControlID = "WebDataGrid1_ctl00_NameTextBox1"
' テキストボックスから値を取得します。
item.GetValueJavaScript = "$get('WebDataGrid1_ctl00_NameTextBox1').value"
' バインド先のフィールド内のセルの値にテキストボックスの値を設定します。
item.SetValueJavaScript = "$get('WebDataGrid1_ctl00_NameTextBox1').value={value};"
' クライアント バインディングを追加します。
Me.WebDataGrid1.Behaviors.EditingCore.Behaviors.RowEditTemplate.ClientBindings.Add(item)

this.WebDataGrid1.Behaviors.EditingCore.Behaviors.RowEditTemplate.OKButton = "OkButton";
this.WebDataGrid1.Behaviors.EditingCore.Behaviors.RowEditTemplate.CancelButton = "CancelButton";
// クライアント バインディングを作成します。
RowEditingClientBinding item = new RowEditingClientBinding();
item.ColumnKey = "CompanyName";
// テキストボックスのクライアント ID
item.ControlID = "WebDataGrid1_ctl00_NameTextBox1";
// テキストボックスから値を取得します。
item.GetValueJavaScript = "$get('WebDataGrid1_ctl00_NameTextBox1').value";
// バインド先のフィールド内のセルの値にテキストボックスの値を設定します。
item.SetValueJavaScript = "$get('WebDataGrid1_ctl00_NameTextBox1').value={value};";
// クライアント バインディングを追加します。
this.WebDataGrid1.Behaviors.EditingCore.Behaviors.RowEditTemplate.ClientBindings.Add(item);