RadGrid에 RadComboBox 추가 편집

Question

RadControl, RadGrid를 추가했으며 편집 모드에서 radComboBox를 추가해야합니다.

사용자가 radComboBox를 클릭하면 사용자가 값을 업데이트 할 때 테이블에 저장하기 위해 radComboBox의 "text"와 "value"를 모두 가져와야합니다. 사용자가 선택할 때부터 radComboBox

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

, 난에 HiddenField로 DataTextField & DataValueField의 값을 얻을 필요가있다.

Answer 1

Program.X에서 설명한 방법이 매우 좋습니다. 물론 RadGrid의 GridTemplateColumn 내부에서 RadCombobox를 사용하는 경우에 효과적입니다.

RadGrid에는 편집 중에 RadCombobox를 자동으로 렌더링 할 수있는 GridDropDownColumn이 내장되어 있습니다. 당신이 내장 된 열 형식을 사용하도록 선택하는 경우, 당신은 다음과 같이 프로그래밍 방식으로 렌더링 RadGrid에 대한 클라이언트 측 이벤트 핸들러를 설정해야합니다 "onselectedindexchanged는"클라이언트 측의 이름입니다

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"; 
    } 
} 

RadCombobox 이벤트를 처리하도록 디자인 된 페이지의 JavaScript 함수입니다.

이러한 방법 중 하나를 사용하면 목표를 달성 할 수 있습니다.

Answer 2

Telerik은 자신의 사이트에서 (메모리에서)이 당신을 도울 수있는 가장 좋은 사람이지만 : 당신의 JS와

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

:

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

당신은 당신의 radCombo이있는 경우 이벤트 :

<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는 숨겨진 f의 ID입니다. ield.