DevExpress 常用控制元件使用整理-有解無憂

一、LookUpEdit 單選下拉框

/// <summary>
/// 定義一個資料源
/// </summary>
public static List<dynamic> IsYes
{
    get
    {
        return new List<dynamic>() {
                new { Status = 0, Name = "是" },
                new { Status = 1, Name = "否" }
            };
    }
}
/// <summary>
/// 表單打開時執行
/// </summary>
private void InitFormControls()
{
    lookUpEdit1.Properties.Columns.Clear();
    lookUpEdit1.Properties.DataSource = IsYes;//系結資料源
    lookUpEdit1.Properties.DisplayMember = "Name";    //=>要顯示的欄位名 
    lookUpEdit1.Properties.ValueMember = "Status";//=>獲取或設定值的欄位名 
    lookUpEdit1.Properties.Columns.AddRange(new DevExpress.XtraEditors.Controls.LookUpColumnInfo[] { new LookUpColumnInfo { Caption = "顯示值", FieldName = "Name" } });//增加列
    lookUpEdit1.Properties.BestFitMode = XtraEditors.Controls.BestFitMode.BestFit;//列寬自適應 
    lookUpEdit1.Properties.NullText = "請選擇"; //value為null是顯示"請選擇"
}

效果：

二、CheckedComboBoxEdit 多選下拉框

        /// <summary>
        /// 定義一個資料源
        /// </summary>
        public static List<dynamic> IsYes
        {
            get
            {
                return new List<dynamic>() {
                    new { Status = 0, Name = "是" },
                    new { Status = 1, Name = "否" }
                };
            }
        }
        /// <summary>
        /// 表單打開時執行
        /// </summary>
        private void InitFormControls()
        {
            checkedComboBoxEdit1.Properties.DataSource = IsYes;//系結資料源
            checkedComboBoxEdit1.Properties.DisplayMember = "Name";    //=>要顯示的欄位名 
            checkedComboBoxEdit1.Properties.ValueMember = "Status";//=>獲取或設定值的欄位名 
            checkedComboBoxEdit1.Properties.NullText = "請選擇"; //value為null是顯示"請選擇"
        }

效果：

PS：CheckedComboBoxEdit 的值多個值由逗號分隔如：“value1,value2......”

取值：var value= https://www.cnblogs.com/ryuug/p/CheckedComboBoxEdit.EditVlue;

賦值：CheckedComboBoxEdit.SetEditValue(value1,value2......)

三、DateEdit 時間控制元件

//設定時間控制元件格選年份
dateEdit1.Properties.ShowToday = false;
dateEdit1.Properties.ShowMonthHeaders = false;
dateEdit1.Properties.CalendarView = DevExpress.XtraEditors.Repository.CalendarView.Vista;
dateEdit1.Properties.VistaCalendarInitialViewStyle = DevExpress.XtraEditors.VistaCalendarInitialViewStyle.YearsGroupView;
dateEdit1.Properties.VistaCalendarViewStyle = DevExpress.XtraEditors.VistaCalendarViewStyle.YearsGroupView;
dateEdit1.Properties.Mask.EditMask = "yyyy";
dateEdit1.Properties.Mask.UseMaskAsDisplayFormat = true;

//設定時間控制元件格選月份
dateEdit1.Properties.ShowToday = false;
dateEdit1.Properties.ShowMonthHeaders = true;
dateEdit1.Properties.CalendarView = DevExpress.XtraEditors.Repository.CalendarView.Vista;
dateEdit1.Properties.VistaCalendarInitialViewStyle = DevExpress.XtraEditors.VistaCalendarInitialViewStyle.YearView;
dateEdit1.Properties.VistaCalendarViewStyle = DevExpress.XtraEditors.VistaCalendarViewStyle.YearView;
dateEdit1.Properties.Mask.EditMask = "yyyy-MM";
dateEdit1.Properties.Mask.UseMaskAsDisplayFormat = true;

//設定時間控制元件格選季度
dateEdit1.Properties.ShowToday = false;
dateEdit1.Properties.ShowMonthHeaders = false;
dateEdit1.Properties.CalendarView = DevExpress.XtraEditors.Repository.CalendarView.Vista;
dateEdit1.Properties.VistaCalendarInitialViewStyle = DevExpress.XtraEditors.VistaCalendarInitialViewStyle.QuarterView;
dateEdit1.Properties.VistaCalendarViewStyle = DevExpress.XtraEditors.VistaCalendarViewStyle.QuarterView;
dateEdit1.Properties.Mask.EditMask = "yyyy-MM";
dateEdit1.Properties.Mask.UseMaskAsDisplayFormat = true;

//設定開始時間和結束時間可選到時分秒
dateEdit1.Properties.VistaDisplayMode = DevExpress.Utils.DefaultBoolean.True;
dateEdit1.Properties.VistaEditTime = DevExpress.Utils.DefaultBoolean.True;
dateEdit1.Properties.EditFormat.FormatString = "yyyy-MM-dd HH:mm:ss";
dateEdit1.Properties.DisplayFormat.FormatString = "yyyy-MM-dd HH:mm:ss";
dateEdit1.Properties.Mask.MaskType = DevExpress.XtraEditors.Mask.MaskType.DateTime;
dateEdit1.Properties.Mask.EditMask = "yyyy-MM-dd HH:mm:ss";

//設定日期顯示格式： 設定三個屬性（顯示時、編輯時）
dateEdit1.Properties.DisplayFormat.FormatString = "yyyy/MM/dd";
dateEdit1.Properties.EditFormat.FormatString = "yyyy/MM/dd";
dateEdit1.Properties.Mask.EditMask = "yyyy/MM/dd";
//不允許清空：   
dateEdit1.Properties.AllowNullInput = DevExpress.Utils.DefaultBoolean.False;

View Code

四、TreeList 樹結構串列

/// <summary>
/// 資料源結構
/// </summary>
public class TreeDto
{
    /// <summary>
    /// Id
    /// </summary>
    public int Id { get; set; }
    /// <summary>
    /// 父類ID
    /// </summary>
    public int? PId { get; set; }
    /// <summary>
    /// 名稱
    /// </summary>
    public string Name { get; set; }
}

//初始化資料源
List<TreeDto> list = new List<TreeDto>() {
    new TreeDto () {Id=1,Name="父節點一"},new TreeDto {Id=2,Name="父節點二"},
    new TreeDto () {Id=3,Name="子節點一",PId=1},new TreeDto {Id=4,Name="子節點二",PId=1},
    new TreeDto () {Id=5,Name="子節點三",PId=2},new TreeDto {Id=6,Name="子節點四",PId=2}
};
//清空列
treeList1.Columns.Clear();
//新增一列
treeList1.Columns.Add(new TreeListColumn() { Caption= "名稱", FieldName= "Name",Name= "treeListColumn1", Visible = true });
treeList1.OptionsBehavior.ReadOnly = true;//設定只讀
treeList1.KeyFieldName = "Id";//設定主鍵 
treeList1.ParentFieldName = "PId";//設定父級主鍵 
treeList1.RootValue = https://www.cnblogs.com/ryuug/p/null;//頂級樹結點的值  
treeList1.DataSource = list;//系結資料源

效果：

五、TreeListLookupEdit 下拉樹

//初始化資料源
List<TreeDto> list = new List<TreeDto>() {
    new TreeDto () {Id=1,Name="父節點一"},new TreeDto {Id=2,Name="父節點二"},
    new TreeDto () {Id=3,Name="子節點一",PId=1},new TreeDto {Id=4,Name="子節點二",PId=1},
    new TreeDto () {Id=5,Name="子節點三",PId=2},new TreeDto {Id=6,Name="子節點四",PId=2}
};
treeListLookUpEdit1.Properties.DataSource = list;
treeListLookUpEdit1.Properties.DisplayMember = "Name";//顯示值
treeListLookUpEdit1.Properties.ValueMember = "Id";//value
treeListLookUpEdit1.Properties.TreeList.KeyFieldName = "Id";//主鍵
treeListLookUpEdit1.Properties.TreeList.ParentFieldName = "PId";//父級主鍵
treeListLookUpEdit1.Properties.AllowNullInput = DevExpress.Utils.DefaultBoolean.True;//value可以為空
treeListLookUpEdit1.Properties.TreeList.ExpandAll();//默認全部展開

//treeListLookUpEdit1中自帶的一個TreeList控制元件
treeListLookUpEdit1TreeList.Columns.Clear();
DevExpress.XtraTreeList.Columns.TreeListColumn treeListColumn1 = new DevExpress.XtraTreeList.Columns.TreeListColumn();
treeListColumn1.Caption = "名稱";
treeListColumn1.FieldName = "Name";
treeListColumn1.Name = "treeListColumn1";
treeListColumn1.Visible = true;
treeListColumn1.VisibleIndex = 1;
treeListLookUpEdit1TreeList.Columns.Add(treeListColumn1);

treeListLookUpEdit1TreeList.Location = new System.Drawing.Point(0, 0);
//treelist.Name = "ParentId.PropertiesTreeList";
treeListLookUpEdit1TreeList.OptionsBehavior.EnableFiltering = true;
treeListLookUpEdit1TreeList.OptionsBehavior.PopulateServiceColumns = true;
treeListLookUpEdit1TreeList.OptionsView.ShowIndentAsRowStyle = true;
treeListLookUpEdit1TreeList.Size = new System.Drawing.Size(200, 100);
treeListLookUpEdit1TreeList.TabIndex = 0;
treeListLookUpEdit1.Properties.NullText = "";

View Code

效果：

轉載請註明出處，本文鏈接：https://www.uj5u.com/net/122.html

標籤：WinForm

上一篇：DevExpress GridControl使用整理

下一篇：CEF+ChromiumWebBrowser+vue+elementUI 前后端互動（注意：有后端非前端主動觸發回呼前端vue前端）