如何使用jquery根据列值高亮显示gridview行 我想突出显示MaxID\u列的gridview行。我使用codebehind逻辑得到它 是否可以使用客户端脚本执行此操作 请帮忙
ASP.NET如何使用jquery根据列值高亮显示gridview行 我想突出显示MaxID\u列的gridview行。我使用codebehind逻辑得到它 是否可以使用客户端脚本执行此操作 请帮忙,jquery,asp.net,gridview,Jquery,Asp.net,Gridview,ASP.NET public void Bind_grid(ref DataTable DT, ref GridView GRID) { GRID.DataSource = DT; GRID.DataBind(); if (DT.Rows.Count == 0) { msg += "No DATA Found \\n"; }
public void Bind_grid(ref DataTable DT, ref GridView GRID)
{
GRID.DataSource = DT;
GRID.DataBind();
if (DT.Rows.Count == 0)
{
msg += "No DATA Found \\n";
}
else
{
var maxVal = DT.AsEnumerable().Max(r => r.Field<int>("ts_id"));
DataRow[] rows = DT.Select("ts_id = '" + maxVal + "'");
int updat_row = DT.Rows.IndexOf(rows[0]);
GRID.Rows[updat_row].BackColor = Color.CadetBlue;
}
}
public void Bind_网格(ref DataTable DT,ref GridView网格)
{
GRID.DataSource=DT;
GRID.DataBind();
如果(DT.Rows.Count==0)
{
msg+=“未找到任何数据\\n”;
}
其他的
{
var maxVal=DT.AsEnumerable().Max(r=>r.Field(“ts_id”));
DataRow[]rows=DT.Select(“ts_id=”“+maxVal+”);
int update_row=DT.Rows.IndexOf(Rows[0]);
GRID.Rows[update_row].BackColor=Color.CadetBlue;
}
}
我认为,为此,您需要执行以下操作。
要访问我们需要根据其决定行颜色的列,可以在item模板内的字段中添加一个类(请参见aspx代码)。这个类将用于选择所有控件,以便我们可以循环到其中并检查控件的值
这是一个简单的gridview,只有一列和一个隐藏字段,其中存储了maxvalue
<asp:HiddenField ID="maxValForGrid" ClientIDMode="Static" runat="server" />
<asp:GridView ID="gridview1" runat="server">
<Columns>
<asp:TemplateField ItemStyle-BorderColor="Red" ItemStyle-BorderWidth="1px">
<ItemTemplate>
<asp:Label ID="testfield" CssClass="idcol" runat="server" Text='<%# Eval("Id") %>'></asp:Label>
</ItemTemplate>
</asp:TemplateField>
</Columns>
</asp:GridView>
和样本输出
protected void Page_Load(object sender, EventArgs e)
{
DataTable dt = new DataTable();
dt.Columns.Add(new DataColumn("Id",typeof(Int32)));
DataRow row = dt.NewRow();
row[0] = "1";
dt.Rows.Add(row);
row = dt.NewRow();
row[0] = "2";
dt.Rows.Add(row);
row = dt.NewRow();
row[0] = "2";
dt.Rows.Add(row);
maxValForGrid.Value = dt.AsEnumerable().Max(r => r.Field<int>("Id")).ToString();
gridview1.DataSource = dt;
gridview1.AutoGenerateColumns = false;
gridview1.DataBind();
}
$(document).ready(function () {
var maxVal = $("#maxValForGrid").val();
$(".idcol").each(function () {
if($(this).text() === maxVal){
$(this).parent().parent().css("background-color", "Plum");
}
});
});