zoukankan      html  css  js  c++  java
  • 【新特性速递】禁用复选框列表的某些项

    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/

  • 相关阅读:
    单例模式
    二、CSS
    十一、多线程
    十二、协程
    十、多进程
    九、内存管理
    八、元类
    七、上下文管理器/魔术方法
    六、单例模式
    五、装饰器
  • 原文地址:https://www.cnblogs.com/sanshi/p/11994819.html
Copyright © 2011-2022 走看看