Как превратить отрицательные числа в красный?

Question

Я работаю с набором данных и буду возвращать как положительные, так и отрицательные цифры в валюте. У меня уже есть скобка вокруг этого. Как получить только отрицательные числа в сетке, чтобы они отображались красным цветом? Могу ли я сделать это на стороне HTML?

Answer 1

Я бы установил для CssClass элемента управления что-то, что стилизует текст так, как вы хотите, если число отрицательное. Причина использования CssClass вместо FontColor заключается в том, что вы можете изменить это в будущем, и будет проще просто изменить стиль CSS, чем любой код, который его использует.

<asp:BoundField runat="server"
    DataField="Value"
    HeaderText="value"
    ItemStyleCssClass='<% (double)Eval("Value") < 0 ? "negative-number" : "" %>' />

Answer 2

Не обращаясь к стороннему элементу управления, у которого есть правила форматирования, я бы использовал событие привязки данных строки и раскрасил текст рассматриваемой ячейки, когда она отрицательная. Это добавляет немного веса к слою пользовательского интерфейса, но недостаточно, это будет заметно, пока вы не доставите тысячи и тысячи строк. Если вы доставляете тысячи и тысячи строк, возможно, у вас проблема с архитектурой.

Answer 3

Вы можете попробовать стилизацию с помощью jQuery:

JQuery:

$("span:contains('-')").css("color", "#f00");

Конечно, измените span для любого тега, в котором находится ваш номер (и подумайте о переходе к чему-то более конкретному, чем просто span, например span.number-container .

Answer 4

protected void GridView1_RowDataBound(object sender, GridViewRowEventArgs e)    {

   myCell = new TableCell();       
   myCell.Text =   e.Row.DataItemIndex.ToString();
   myCell.Style["color"] = decimal.Parse(myCell.Text)<0?"Red":"OtherColor";
   e.Row.Cells.Add(myCell);


}

или что-то в этом роде

Answer 5

Есть много способов сделать это, две мысли на ум:

1. Примените класс CSS, который установит color элемента в красный цвет.
2. Установите свойство Color в WebControl, который вы используете для визуализации числа.

Без некоторого кода вам будет сложно привести конкретные примеры.