FineUI 官方论坛

标题: 【新特性速递】禁用复选框列表的某些项 [打印本页]

作者: sanshi 时间: 2019-12-11 09:39
标题: 【新特性速递】禁用复选框列表的某些项
FineUIPro/Mvc/Core的下个版本（v6.1.0），我们对复选框列表和单选按钮列表进行了增强，可以禁用其中的某些项了。

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

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

1. 内联数据：

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

复制代码

2. 数据绑定：

2.1 前台代码

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

复制代码

2.2 后台数据绑定代码

public class TestClass
{
private string _id;
public string Id
{
get { return _id; }
set { _id = value; }
}
private string _name;
public string Name
{
get { return _name; }
set { _name = value; }
}
private bool _enabled;

复制代码

页面显示效果：
[attach]12154[/attach]

对于单选按钮列表，代码类似，效果如下：
[attach]12155[/attach]

官网示例已更新：

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/

欢迎光临 FineUI 官方论坛 (https://www.fineui.com/bbs/)