Dropdown innerhalb Row Vorlage bearbeiten mit Infragistics WebDataGrid Hinzufügen

Question

Ich habe ein WebDataGrid die als

<Template> 
    <div style="background-color:white;border:1px solid black;"> 
    COMP_ID:<asp:TextBox ID="control_COMP_ID" runat="server"></asp:TextBox> 
    <br/> 
    COMP_NAME_EN:<asp:TextBox ID="control_COMP_NAME_EN" runat="server"></asp:TextBox> 
    <br/> 
    COMP_TYPE:<ig:WebDropDown ID="cmbCompTypes" runat="server" Width="200px" 
             DataSource="<%#GetCompanyTypes()%>" 
             TextField="TYPE_NAME_EN" 
             ValueField ="TYPE_ID" 
             ></ig:WebDropDown> 
    <br/> 
    <asp:Button ID="buttonOK" runat="server" OnClientClick="return" Text="OK" UseSubmitBehavior="False" /> 
    <asp:Button ID="buttonCancel" runat="server" CausesValidation="False" OnClientClick="return" Text="Cancel" UseSubmitBehavior="False" /> 
    </div> 
</Template> 

beim Öffnen der Zeile bearbeiten Vorlage gezeigt einer der Spalten verbunden ist Die webDropdown eine WebDropDown in der Reihe bearbeiten Vorlage enthält , Ich brauche den ausgewählten Dropdown-Wert basierend auf dem aktuellen Spaltenwert. Ich habe keine Beiträge, die dieses Thema diskutieren. Danke Imad Z

Answer 1

Ich habe eine sample für Sie erstellt, um zu zeigen, wie RowEditingTemplate WebDataGrid verwenden und WebDropDown auf den Spaltenwert gebunden.

Es ist wichtig, die RowEditingClientBindings zu verwenden:

<ig:RowEditingClientBinding ColumnKey="Item0" ControlID="Item0" GetValueJavaScript="$find({ClientID}).get_currentValue()" 
      SetValueJavaScript="$find({ClientID}).set_currentValue({value}, true)" /> 

-Code-Schnipsel:

<ig:WebDataGrid ID="WebDataGrid1" runat="server" Height="350px" Width="649px" AutoGenerateColumns="true" 
    ... 
    <ig:RowEditingTemplate CancelButton="buttonCancel" OKButton="buttonOK" EditModeActions-MouseClick="Double"> 
     <ClientBindings> 
      <ig:RowEditingClientBinding ColumnKey="Item0" ControlID="Item0" GetValueJavaScript="$find({ClientID}).get_currentValue()" 
       SetValueJavaScript="$find({ClientID}).set_currentValue({value}, true)" /> 
     </ClientBindings> 
     <RowEditingClientEvents TemplateClosed="WebDataGrid1_RowEditing_TemplateClosed" /> 
     <Template> 
      <div style="background-color: white; border: 1px solid black;"> 
       Value: 
       <ig:WebDropDown ID="Item0" runat="server" 
        Width="200px"> 
        <Items> 
         <ig:DropDownItem Value="Item0" Text="Item0" /> 
         <ig:DropDownItem Value="Item1" Text="Item1" /> 
         <ig:DropDownItem Value="Item2" Text="Item2" /> 
        </Items> 
       </ig:WebDropDown> 
       <br /> 
       <asp:Button ID="buttonOK" runat="server" OnClientClick="return" Text="OK" UseSubmitBehavior="False" /> 
       <asp:Button ID="buttonCancel" runat="server" CausesValidation="False" OnClientClick="return" 
        Text="Cancel" UseSubmitBehavior="False" /> 
      </div> 
     </Template> 
    </ig:RowEditingTemplate> 
    ... 

Werfen Sie einen Blick auf die sample. Ich hoffe, Sie finden es nützlich.