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

我为您创建了一个sample，以向您展示如何使用 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>
    ...

查看sample。我希望你会发现它很有用。

使用Infragistics WebDataGrid

1 个答案: