RadGrid編集にRadComboBoxを追加します

Question

私はRadControl、RadGrid追加したと私は編集モードでradComboBoxを追加する必要があります。

ユーザーがradComboBoxをクリックすると

、私はときに、ユーザーの更新値テーブルに保存するために、「テキスト」とradComboBoxの「値」の両方を取得する必要があります。

<telerik:RadComboBox ID="RadComboBox1" Runat="server" 
             DataSourceID="SqlDataSource1" DataTextField="docCategoryName" 
             DataValueField="docCategoryID" Height="200px" Skin="Vista">

             

ユーザーがradComboBoxから選択すると、

、私はのHiddenFieldにDataTextField＆DataValueFieldの値を取得する必要があります。

Answer 1

Program.Xで説明したアプローチは非常に良いです。あなたはRadGridにおけるGridTemplateColumnの内側RadComboboxを使用している場合、これは、もちろん、動作します。

RadGridも自動的に編集中にRadComboboxをレンダリングすることができます内蔵のGridDropDownColumnを提供します。

：あなたは、組み込みの列の型を使用することを選択した場合は、プログラムのように、レンダリングされたRadGridのクライアント側のイベントハンドラを設定する必要があります

protected void RadGrid1_ItemCreated(object sender, Telerik.Web.UI.GridItemEventArgs e)
{
    //Find GridEditableItems when in Edit mode
    if (e.Item is GridEditableItem && e.Item.IsInEditMode)
    {
        //Get reference to item (i.e. Row)
        var item = e.Item as GridEditableItem;

        //Get reference to auto-generated RadCombobox in
        //specific column (in this case, a column called Title)
        var rcb = item["Title"].Controls[0] as RadComboBox;
        if (rcb == null)
            return;

        //Customize the RadCombobox properities
        rcb.OnClientSelectedIndexChanged = "onselectedindexchanged";
    }
}

ここで「onselectedindexchangedは」RadComboboxイベントを処理するために設計されたページ上のクライアント側のJavaScript関数の名前です。

これらのアプローチのいずれかがあなたの目標を達成するためにあなたを有効にする必要があります。

Answer 2

Telerikは、これであなたを助けるために最高の人ですが、自分のサイトから（およびメモリから）：

http://www.telerik.com/help/aspnet-ajax /combo_clientsideonclientselectedindexchanged.htmlする

あなたがradComboをお持ちの場合：

<telerik:RadComboBox
 ID="RadComboBox1"
 runat="server"
 OnClientSelectedIndexChanged="OnClientSelectedIndexChanged">
</telerik:RadComboBox> 

あなたのJSのイベントに：

<script language="javascript" type="text/javascript">
function OnClientSelectedIndexChanged(sender, eventArgs)
{
 var item = eventArgs.get_item();

// get the text and value elements
var text=item.get_text();
var val=item.get_value();

$('#hiddenField').val(val);
}
</script>

のHiddenFieldは隠しフィールドのIDです。