概览 全局 Ajax Bootstrap 自定义 导航 表单布局 表单元素 表格 分页 图标 页面消息 进度条 富文本

表单元素

概览

规范

类型 说明 备注
bool 使用下拉列表或 btn-group，不应使用 checkbox。
Enum 通过 ViewModel 对 Enum 必填字段进行约束。ViewModel 中定义为 SomeEnum? { get; set; }，并使用 [Required] 属性标识必填。
多选 对于必填的多选字段，使用 select2 呈现。

Asp.Net MVC TagHelper 默认呈现样式

示例：


Boolean 类型处理

使用自定义的 IHtmlHelper 扩展方法 GetBooleanSelectList() 获得IEnumerable<SelectListItem>. GetBooleanSelectList() 扩展方法位于命名空间 SugarRush.Application.

示例：

bool1, bool2, bool3 没有初始化值：
注意：Bool2 没有值，但UI默认显示 0 值（false）。
bool4, bool5 初始化值为 True：

Enum 类型处理

示例：

Enum1, Enum2 均没有初始化值，但两者的默认表现不同。
注意：Enum1 没有初始化值，但UI默认显示了 0 值。 
[Display(Name = "Enum1")]
public CountryEnum Enum1 { get; set; }


[Required]
[Display(Name = "Enum2")]
public CountryEnum? Enum2 { get; set; }

多选

示例：

注意：无法完成必填验证。

使用 $.select2

示例：