Question

我添加了一个RadControl，RadGrid，我需要在编辑模式下添加一个radComboBox。

当用户点击radComboBox时，我需要获取radComboBox的“text”和“value”，以便在用户更新值时保存到表中。

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

当用户从radComboBox中选择时，我需要获取DataTextField＆amp;的价值。将DataValueField放入HiddenField。

Answer 1

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。

Answer 2

Program.X描述的方法非常好。当然，如果您在RadGrid中的GridTemplateColumn中使用RadCombobox，则可以使用此功能。

RadGrid还提供了一个内置的GridDropDownColumn，可以在编辑过程中自动呈现RadCombobox。如果选择使用内置列类型，则需要以编程方式为呈现的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函数的名称。

这些方法中的任何一种都可以帮助您实现目标。

将RadComboBox添加到RadGrid编辑

2 个答案: