如何使用JavaScript修改GridView单元格值 - javascript

我创建了一个gridview，如下所示：

<asp:GridView ID="Grid1" runat="server" CellPadding="1" ClientIDMode="Static" AutoGenerateColumns="false" ShowHeader="true">
        <Columns>
            <asp:TemplateField headertext="ColumnA">
                <ItemTemplate>
                    <asp:label id="ColumnA" Text='<%#Eval("ColumnA")%>' runat="server"/>
                </ItemTemplate>
            </asp:TemplateField>

        </Columns>
    </asp:GridView>

如何在JavaScript中添加click事件（在标签上）并更改单元格的值（即被单击）？我已经尝试过使用jquery的各种方法，但是它们都无法正常工作，希望您能为我提供帮助。谢谢。

参考方案

如何在标签上设置class并在jQuery中应用class selector呢？然后，您可以访问标签的内容以产生新值，而无需唯一的行ID。

<asp:GridView ID="Grid1" runat="server"  // DataSource="<%# DataItems %>" 
    CellPadding="1" ClientIDMode="Static" AutoGenerateColumns="false" ShowHeader="true">
    <Columns>
        <asp:TemplateField headertext="ColumnA">
            <ItemTemplate>
                <asp:label CssClass="ColumnA" Text='<%#Eval("ColumnA")%>' runat="server"/>
            </ItemTemplate>
        </asp:TemplateField>

    </Columns>
</asp:GridView>

<script>
    $("#Grid1 .ColumnA").click(function () {
        var content = $(this).html();
        $(this).html(content + " Changed");
    });
</script>

如果有需要，您还可以在data-* Attributes中存储一些其他信息（例如唯一ID）：

 <asp:label data-id='<%#Eval("UniqueIdDataForClickEvent")%>' CssClass="ColumnA" Text='We have no actual data' runat="server"/>

...

<script>
    $("#Grid1 .ColumnA").click(function () {
        var content = $(this).data("id");
        $(this).html("We had unique id " + content);
    });
</script>

将Web用户控件添加到页面时，asp按钮onclick不会触发 - javascript

我正在使用使用Visual Studio模板创建的Web表单应用程序。模板具有一个内容占位符，该占位符被访问的任何页面的内容替换。有问题的页面有几个服务器控件，例如文本框，标签和按钮。当我单击我的更新按钮时，它可以正常工作，这些值会回传并更新数据库。我想在所有子页面上创建通用的登录提示。我的导航栏（位于我的母版页中）具有引导程序设置。我在导航栏中添加了一个下…

Javascript无法在Asp上运行。净 - javascript

有人能帮我吗？我的js无法正常工作，我隐藏了divId，当我单击te按钮时，应该显示divId，但什么也没有发生！我正在发送下面的代码。我在做什么错，可能在母版页文件中吗？%@ Page Title="" Language="C#" MasterPageFile="~/Site.Master" Au…

单击几次后不显示ModalPopupExtender - javascript

我的页面中有2个modalpopupextender，第一个modalpopupextender我用它弹出消息，第二个用来让用户做出选择。运行时，它看起来不错，但是在第一个或第二个modalpopupextender打开和关闭后，它不会显示在屏幕顶部，所以我看不到它。我的意思是，它看起来好像没有显示在屏幕上，但是如果我使用开发人员工具对其进行检查，则可以在首…

Telerik单选按钮所需的字段验证器 - javascript

如何设置Telerik单选按钮所需的字段验证器？我想在按钮单击“ BtnSave”上设置必填字段验证器吗？请帮忙！<telerik:RadButton ID="radio_male" runat="server" ToggleType="Radio" AutoPostBack="fa…

用symfony隐藏树枝中的表格行 - javascript

我正在开始编码。我正在使用Symfony 3.3我想用复选框隐藏（并显示）表上的a或某些特定行。我尝试使用javascript和jquery。我希望隐藏的行保持隐藏状态。我不知道该怎么做。这是我的树枝{% block body %} <div class="container"> <h3>List of produ…