从变量后面的代码更改css类-避免的方法？

Question

I need to change the background of a div based on some count property set in the code behind. I can get it to work as below. But i'm wondering if this is a good practice. If I need to change the count logic, I have to update code vs html. I suppose Jquery can't do this unless I have a hidden variable with count on the page. Is this better than writing an If loop logic within the html?

html

<div class="show <%=CSSClass %>">  value </div>

code behind

public string CSSClass
            {
                get
                {
                    if (count > 1) return "bright";

                    else if (count == 0)
                        return "normal";

                    return "dim";
                }
            }

Answer 1

That's a good practice. I would stick with it. If you wanted to do it with jQuery you could expose the count server side property to the client and perform the same logic on the client. Note however that because this is done on the client there might be some delay after the page has rendered and the jQuery code has assigned the proper classname, so you could observe a flickering when the actual CSS class is applied to the DOM element on the client side.

Answer 2

类名是执行此操作的一种完全有效的方法，您在服务器上执行此操作的技巧也是如此。

Answer 3

If your trying to use the MVC methodology there is no need for this.

the point in MVC is to make sure that you have no buisness logic in your view, and since this not logic of that type it seems to complicated, I would put the if in the page.

Unless of course you are gonna use this alot and then this would be perhaps not a bad idea.