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

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;

    public bool Enabled
    {
        get { return _enabled; }
        set { _enabled = value; }
    }

    public TestClass(string id, string name, bool enabled)
    {
        _id = id;
        _name = name;
        _enabled = enabled;
    }

}

private void BindCheckBoxList()
{
    List<TestClass> myList = new List<TestClass>();
    myList.Add(new TestClass("1", "数据绑定值 1", false));
    myList.Add(new TestClass("2", "数据绑定值 2", false));
    myList.Add(new TestClass("3", "数据绑定值 3", true));
    myList.Add(new TestClass("4", "数据绑定值 4", true));

    CheckBoxList2.DataEnabledField = "Enabled";
    CheckBoxList2.DataTextField = "Name";
    CheckBoxList2.DataValueField = "Id";
    CheckBoxList2.DataSource = myList;
    CheckBoxList2.DataBind();

    CheckBoxList2.SelectedValueArray = new string[] { "1", "3" };
}

 

页面显示效果:

 

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

 

 

 

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

 

posted @ 2019-12-11 09:33  三生石上(FineUI控件)  阅读(573)  评论(0编辑  收藏  举报