如何用javascript修改gridview单元格值
我创建了一个gridview,如下所示:如何用javascript修改gridview单元格值,javascript,c#,jquery,asp.net,gridview,Javascript,C#,Jquery,Asp.net,Gridview,我创建了一个gridview,如下所示: <asp:GridView ID="Grid1" runat="server" CellPadding="1" ClientIDMode="Static" AutoGenerateColumns="false" ShowHeader="true"> <Columns> <asp:TemplateField headertext="ColumnA">
<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中添加单击事件(在标签上)并更改单元格(被单击)的值?我尝试过使用jquery的各种方法,但没有一种能正常工作,希望您能帮助我。谢谢。在标签上设置一些,然后在jQuery中应用。然后,您就可以访问标签的内容来生成一个新值,而不需要任何唯一的行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>
:
...
$(“#Grid1.ColumnA”)。单击(函数(){
var content=$(this.data(“id”);
$(this.html(“我们有唯一的id”+内容);
});
您能举一些您尝试过的和出现问题的例子吗?您使用了哪些jQuery选择器?asp.net数据表不会为每一行生成唯一的id,因此我无法仅通过jQuery的选择器更改值,因此您知道如何做到这一点吗?Thanks@Engene如何使jQuery所做的更改在c#代码中可用?
<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>