带下拉列表的 Asp.net 动态网格视图

Question

我有一个动态（允许动态添加行）的 ASP 网格视图，其中一列中有一个下拉列表。我想在数据输入期间根据下拉列表中的选择采取操作启用/禁用列中的文本框。

任何帮助将不胜感激。

Answer 1

您可以使用 jQuery 轻松完成此操作。通过一些修改，您就可以让它完全按照您想要的方式工作。

首先，将以下内容添加到您的 标记中：

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
<script type="text/javascript">
$(document).ready(function () {
   $(".ddlClass").change(function () {
      var txt = $(this).closest("tr").find(".txtClass");
      if ($(this).val() == 0) {
         txt.css("background", "#cccccc");
         txt.attr("disabled", "disabled");
      }
      else {
         txt.css("background", "#ffffff");
         txt.attr("disabled","");
      }
    });
});

接下来，创建网格视图并为文本框和下拉列表添加模板列。在下面的代码中，请注意下拉列表已被指定为“ddlClass”类，并且文本框已被指定为“txtClass”类。您可以根据需要更改这些内容。

<asp:gridview runat="server" ID="gvw" AutoGenerateColumns="false">
            <Columns>
                <asp:BoundField DataField="field1" />
                <asp:BoundField DataField="field2" />
                <asp:TemplateField HeaderText="Name">
                    <ItemTemplate>
                        <asp:TextBox runat="server" ID="txtName" CssClass="txtClass"></asp:TextBox>
                    </ItemTemplate>
                </asp:TemplateField>
                <asp:TemplateField>
                    <ItemTemplate>
                        <select class="ddlClass">
                            <option value="1">Enabled</option>
                            <option value="0">Disabled</option>
                        </select>
                    </ItemTemplate>
                </asp:TemplateField>
            </Columns>
        </asp:gridview>

.ready 函数将单击事件附加到类为“ddlClass”的每个下拉列表。更改后，代码将在与下拉列表相同的行中找到类为“txtClass”的文本框，然后相应地启用/禁用。

Answer 2

如果您熟悉 Javascript，那么您可以使用它。我建议使用 JQuery，因为它是一种用于遍历 DOM 的查询语言。

但如果您不熟悉 Javascript，那么我建议您在 DropDownList 上添加 SelectionChangedEvent，然后在 SelectionChangedEvent 处理程序中的页面后面的代码中添加：
将发送者对象转换为 DropDownList，然后获取该对象的父对象（即 GridViewRow）。

通过该 GridViewRow，您可以使用 FindControl 方法来获取对同一行中的 TextBox 的引用，然后您可以启用或禁用它。

如果您不喜欢每次更改下拉列表中的选择时页面刷新（回发），请将网格包装在 UpdatePanel 中。

如果您对此遇到困难，请告诉我，我会将代码发布到上述解决方案之一。请告诉我您对哪一款最满意。