FineUI DataList 数据列表技能

何时使用（When to Use）

• 显示适合移动端或卡片布局的纵向数据列表
• 用静态 DataListItem 或服务端数据生成列表项
• 实现单选、多选、分组、导航或“加载更多”
• 读取当前选中值，或让多选列表在普通点击时继续累积选择

DataList 与 Grid 都显示集合数据，但用途不同：需要列、排序、分页、编辑或表头时用 Grid；需要简洁的纵向图文项、移动端导航或卡片式列表时用 DataList。

开始前（Before You Start）

1. 先从项目结构判断写法：F.js / Pro / Core-MVC / Core-RazorForms / Core-RazorPages / FineUI.Java，不混用属性名称。
2. 明确列表项是普通文本还是可信 HTML。普通文本默认编码；图文模板只有在内容经过编码或来自可信常量时才能使用 RawHtml。
3. 需要选择时同时设置 EnableSelect；多选再设置 EnableMultiSelect，并为每项提供稳定的 Value。

各写法速览（静态列表）