C# ASP GridView按索引选择行
我得到了C# ASP GridView按索引选择行,c#,asp.net,gridview,C#,Asp.net,Gridview,我得到了GridView元素。我用某种颜色高亮显示所选行。但问题是,当我选择新元素时,以前选择的元素仍然高亮显示。这里是方法和材料 cs aspx 在“设计”视图中,转到“栅格视图”“常用任务”,然后单击“编辑列”,然后使用“命令字段”节点选择“选择列”屏幕截图如下: 我更喜欢客户端。试试这个代码 JQuery <script src="~/Content/jquery-ui-1.10.4.custom.js"></script> <script type="te
GridView
元素。我用某种颜色高亮显示所选行。但问题是,当我选择新元素时,以前选择的元素仍然高亮显示。这里是方法和材料
cs
aspx
在“设计”视图中,转到“栅格视图”“常用任务”,然后单击“编辑列”,然后使用“命令字段”节点选择“选择列”屏幕截图如下:
我更喜欢客户端。试试这个代码 JQuery
<script src="~/Content/jquery-ui-1.10.4.custom.js"></script>
<script type="text/javascript">
$(function() {
$('#CompanyGV tr').click(function () {
$('#<%=CompanyGV.ClientID%> tr').removeClass("selected");
$(this).addClass("selected");
});
});
</script>
为什么不在gridview中使用默认的Select命令列呢?使用它,您不需要手动处理样式,而且它还保证将选定的样式应用于最新选定的行only@UsmanWaheed哦,那我怎么用呢?请参考客户端上的DoIt的可能副本。我找到了选项,但这些属性在哪里?我在这句话里加了一句“那是错误的。我编辑了答案,并确保jquery库在页面中正确加载。请参阅使用firebug。
<asp:GridView ForeColor="Black" Height="400px" ID="CompanyGV" ShowHeaderWhenEmpty="true" runat="server" AllowSorting="True" AutoGenerateColumns="False" DataKeyNames="companies_id" DataSourceID="SqlDataCompanyList" OnSelectedIndexChanged="CompanyGV_SelectedIndexChanged">
<Columns>
<asp:CommandField ButtonType="Button" SelectText="Select" ShowSelectButton="True" />
<asp:BoundField HeaderText="№" DataField="companies_id" InsertVisible="False" ReadOnly="True" SortExpression="companies_id"/>
<asp:BoundField DataField="companies_name" HeaderText="Company" SortExpression="companies_name" />
</Columns>
</asp:GridView>
for (int i = 0; i <= CompanyGV.Rows.Count - 1; i++)
{
CompanyGV.SelectRow(i);
CompanyGV.SelectedRow.Cells[i].BackColor =System.Drawing.ColorTranslator.FromHtml("#FFFFFF");
}
<script src="~/Content/jquery-ui-1.10.4.custom.js"></script>
<script type="text/javascript">
$(function() {
$('#CompanyGV tr').click(function () {
$('#<%=CompanyGV.ClientID%> tr').removeClass("selected");
$(this).addClass("selected");
});
});
</script>
.selected{
background-color:Green !important;
}