使用Infragistics的WebDataGrid添加下拉行编辑模板内

Question

我已如图所示的WebDataGrid其包括在行编辑模板 的webDropdown被链接到其中一列的WebDropDown

<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> 

当打开的行编辑模板，我需要根据当前列值设置下拉选择值。 我没有任何讨论这个话题的帖子。 谢谢 伊马德ž

Answer 1

我已经为您创建了sample为了告诉你如何使用WebDataGridRowEditingTemplate和WebDropDown绑定列值。

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

代码片段：

<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> 
    ... 

看一看在sample

它使用RowEditingClientBindings是很重要的。我希望你会觉得它有用。