如何解决是否可以仅选择一个单元格而不是Gridview中的一行来获取所选的单元格值?
这可能是一个非常不常见的问题,这就是为什么我在Google上找不到真正的答案。所以我希望你们能帮助我(如果可能的话)。
所以事情是,我有一个Gridview,您可以在其中使用jQuery和复选框选择行。像这样:
这就是我要实现的目标:
当然,这些都是相同的值,以后我可以给它们一个ID,但希望您能理解。
这里的事情是,我不知道如何将选定的值添加到后面的代码中,甚至可能。
解决方法
不确定这是否是您的意思。如果您拥有GridView,则可以在每个单元格中放置一个asp:CheckBox
。然后使用jQyery在TD单击上进行切换。现在,您可以查看执行“回发”时单击了哪些单元格。
在此示例中,复选框可见。但是在实际网站上,我会用CSS隐藏它们。
<asp:GridView ID="GridView1" CssClass="CLickableCells" runat="server" AutoGenerateColumns="false" ShowHeader="false" CellPadding="20">
<Columns>
<asp:TemplateField>
<ItemTemplate>
<asp:CheckBox ID="CheckBox1" runat="server" />
</ItemTemplate>
</asp:TemplateField>
<asp:TemplateField>
<ItemTemplate>
<asp:CheckBox ID="CheckBox2" runat="server" />
</ItemTemplate>
</asp:TemplateField>
<asp:TemplateField>
<ItemTemplate>
<asp:CheckBox ID="CheckBox3" runat="server" />
</ItemTemplate>
</asp:TemplateField>
</Columns>
</asp:GridView>
<script>
$('.CLickableCells td').bind('click tap',function () {
$(this).toggleClass('bg-info'); //bg-info = bootstrap bg color
var $cb = $(this).find('input');
$cb.prop('checked',!$cb.prop("checked"))
});
</script>
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。