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

打開行編輯模板時，我需要根據當前列值設置下拉選擇的值。 我沒有討論此主題的任何帖子。 謝謝Imad Z

Answer 1

我為您創建了一個示例 ，以向您展示如何使用綁定到列值的WebDataGrid RowEditingTemplate和WebDropDown 。

使用RowEditingClientBindings很重要 ：

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

看一下樣本 。 希望您會發現它有用。