【新特性速递】禁用复选框列表的某些项

sanshi

FineUIPro/Mvc/Core的下个版本（v6.1.0），我们对复选框列表和单选按钮列表进行了增强，可以禁用其中的某些项了。

对于内联数据和数据绑定两种初始化方式，我们都有支持：

• 为CheckItem和RadioItem增加Enabled属性（默认为true）。
• 为CheckBoxList和RadioButtonList增加DataEnabledField属性（用于数据绑定）。
  

1. 内联数据：

1. <f:CheckBoxList ID="CheckBoxList1" Label="列表一" runat="server">
   
2.     <f:CheckItem Text="可选项 1" Value="value1" Enabled="false" />
   
3.     <f:CheckItem Text="可选项 2" Value="value2" Selected="true" />
   
4.     <f:CheckItem Text="可选项 3" Value="value3" Selected="true" />
   
5. </f:CheckBoxList>

复制代码

2. 数据绑定：

2.1 前台代码

1. <f:CheckBoxList ID="CheckBoxList2" Label="列表二（一列）" ColumnNumber="1" runat="server">
   
2. </f:CheckBoxList>

复制代码

2.2 后台数据绑定代码

1. public class TestClass
   
2. {
   
3.     private string _id;
   
4. 
   
5.     public string Id
   
6.     {
   
7.         get { return _id; }
   
8.         set { _id = value; }
   
9.     }
   
10. 
    
11.     private string _name;
    
12. 
    
13.     public string Name
    
14.     {
    
15.         get { return _name; }
    
16.         set { _name = value; }
    
17.     }
    
18. 
    
19.     private bool _enabled;

复制代码

页面显示效果：




对于单选按钮列表，代码类似，效果如下：





官网示例已更新：

• FineUIPro：https://pro.fineui.com/
• FineUIMvc：https://mvc.fineui.com/
• FineUICore：https://core.fineui.com/
• FineUICore （Razor Pages & Tag Helpers）：https://pages.fineui.com/
• F.js：https://js.fineui.com/
  

现在加入【三石和他的朋友们】星球，下载FineUIPro/Mvc/Core（基础版）：https://fineui.com/fans/