gpt4 book ai didi

javascript - 带有下拉列表的 Asp.net 动态 gridview

转载 作者:塔克拉玛干 更新时间:2023-11-02 20:51:08 24 4
gpt4 key购买 nike

我有一个动态(允许动态添加行)的 ASP gridview,其中一列中有一个下拉列表。根据数据输入期间下拉列表中的选择,我想采取操作启用/禁用列中的文本框。

我们将不胜感激任何帮助。

最佳答案

您可以使用 jQuery 轻松地做到这一点。通过一些修改,您可以让它完全按照您想要的方式工作。

首先,将以下内容添加到您的 <head>标签:

<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","");
}
});
});

接下来,创建您的 GridView 并为您的文本框和下拉列表添加模板列。在下面的代码中,请注意下拉列表已被赋予类“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”的文本框,然后相应地启用/禁用。

关于javascript - 带有下拉列表的 Asp.net 动态 gridview,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/5472828/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com