首页 > 技术文章 > 关于datagrid中数据条件颜色问题

edisoner 2016-07-21 11:58 原文

前天公司考核中做了一个小的考核项目,在考核中一直没找到怎么设置datagrid中数据颜色的代码

他的题目是这样的:

项目资金小于50000时,项目资金数字需要红色文字显示,否则以绿色文字显示

 

后来找到两种方法,一种用c#控制,一种用js控制。

 

第一种代码C#:

前台:

<epoint:TemplateColumn HeaderText="项目资金" Name="projectmoney">
                <ItemTemplate>
                    <%# GetProjectMoney(Convert.ToInt32(DataBinder.Eval(Container, "DataItem.projectmoney")))%>
                </ItemTemplate>
            </epoint:TemplateColumn>

 

后台:

public string GetProjectMoney(int money)//变色
        {
            if (money > 50000)
            {
                return "<span style='color:green'>" + money + "</span>";
            }
            else
            {
                return "<span style='color:red'>" + money + "</span>";
            }
        }

另一种是利用js设置

$(function(){
$('td{colname="projectmoney"} div').each(function (){
  var money=parseFloat($(this).text());
   if(money<50000){
$(this).css("color","red");
}
else{
   $(this).css("color","green");  
}     
})')
})

 

推荐阅读