在 MVC(4) 中动态更改 CSS 的常用做法

本文关键字:CSS 常用做 动态 MVC | 更新日期: 2023-09-27 18:36:44

到目前为止

,当我需要动态设置 html 元素样式(使用 Web 表单)时,我习惯于设置隐藏输入,从代码后面传递数据并使用jQuery来操作一些元素。

因此,c#请求>将数据传递到 HTML 隐藏字段> jQuery读取和执行。

 chosenHtmlElm.css({ 
        'background-image': 'url(images/RegF.png)' },
        { 'visibility': 'visible' 
 });

是否有一个简单而优雅的解决方案,或者我应该坚持我的老派技术?

  web page with content items 
[type1]    [default]    [type2]    [default]    []
[]    []    []    []    []

这些可能会导致网站内的文章/类别......

所以 Type1 有一个左角图像,Type2 有一个右上角图像默认有 non

我想到一个逻辑来

给每个人一个类别内容项的 ID,然后我可以构造一些逻辑来管理它更改顺序,更改图标......

在 MVC(4) 中动态更改 CSS 的常用做法

我认为MVC UI分为三个部分

  1. 通过路由具有功能; 用于编辑的不同 UI 页面,列表等
  2. 有数据,通过模型提供:一些 UI 状态的东西可以通过模型提供,并通过型。
  3. 有UI逻辑,需要它自己的来源来响应用户需求。

最后一项包括 AJAX 更新:状态选择(例如,根据更新的 UI 下拉列表选择触发的规则)、GeoIP 以及您可能需要的 CSS 更改。我为特定路由的 UI 相关 AJAX 使用单独的控制器。您可以使用相同的控制器,但我喜欢划分逻辑