DevExpress控件运用

9.DevExpress 学习小结
2
1.DevExpress 简介
DevExpress是 Developer Express的缩写，DevExpress 是一家全球知名的控件开发公司。DevExpress 也特指 此公司出品的控件集合或某系列控件或其中某控件。 DevExpress 开发的控件有很强的实力，不仅功能丰富， 应用简便，而且界面华丽，更可方便定制。有些高级控 件更是零代码的，非常易于使用。 DevExpress 控件主要运用于 Windows Controls 、Web Controls 、Reporting / Printing Suites 、IDE Productivity Tools 、Business Application Frameworks
// creating the bands layout GridBand bandGeneral = View.Bands.Add("General Info"); GridBand bandTechnical = View.Bands.Add("Technical Info"); GridBand bandEngine = bandTechnical.Children.Add("Engine Info"); GridBand bandTransmission = bandTechnical.Children.Add("Transmission Info"); // assigning columns to bands colTrademark.OwnerBand = bandGeneral; colModel.OwnerBand = bandGeneral; colLiter.OwnerBand = bandEngine; colCylinders.OwnerBand = bandEngine; colSpeedCount.OwnerBand = bandTransmission; colTransmission.OwnerBand = bandTransmission;
3
1.DevExpress
安装好DevExpress
4
2. WinForm
WinForm 创建 public partial class FormName : Form 区别 public partial class FormName : DevExpress.XtraEditors.XtraForm
DevExpress 学习
1
目录
1.DevExpress 简介 2. WinForm 3. BarManager、NavBarControl、RibbonControl 4. DockManager、Gallery
5.GridControl
6. TreeList 7. Printing 8. XtraCharts
DefaultLookAndFeel 皮肤控件
5
3.BarManager 、NavBarControl
BarManager 同时设置了菜单栏，工具栏，状态栏 NavBarControl 设置选项栏 (右键Add Group 、Add Item)
6
Fra Baidu bibliotek
3.RibbonControl
适用于菜单栏、工具栏的分组设置 通过属性Visible设置相应栏位的显示/隐藏
5表示当前是第五条记录，12表示总记录条数 OptionsBehavior Editable/ReadOnly 不可编辑状态
12
5. GridControl
LayoutView.OptionsCarouselMode 属性，包括了椭圆的螺旋角和转动角：
13
5.GridControl
CardView
5. GridControl
GridView
在运行时刻绑定控件到数据库 DataAdapter adapter = new OleDbDataAdapter("sql", connection); DataSet sourceDataSet = new DataSet(); adapter.Fill(sourceDataSet); gridControl1.DataSource = sourceDataSet.Tables[0];
5.GridControl
为不同的行指派不同的列编辑器
5.GridControl
验证被更改的行
private void gridView1_ValidateRow(object sender, DevExpress.XtraGrid.Views.Base.ValidateRowEventArgs e) { ColumnView view = sender as ColumnView; GridColumn column1 = view.Columns["StartTime"]; GridColumn column2 = view.Columns["EndTime"]; DateTime time1 = (DateTime)view.GetRowCellValue(e.RowHandle, column1); DateTime time2 = (DateTime)view.GetRowCellValue(e.RowHandle, column2); if (time1 >= time2) { e.Valid = false; view.SetColumnError(column1, "The value must be less than EndTime"); view.SetColumnError(column2, "The value must be greater than StartTime"); } }
绑定控件到 集合类中的数据 List<ClassName> list = new List<ClassName>(); 。。。 gridControl1.DataSource = list; gridView1.Columns[0].FieldName = “Id”;// Id 为class 封装的字段 gridView1.Columns[0].Caption = "元素ID";
14
5.GridControl
15
5.GridControl
GridView 具有固定带区 、固定列、分组、排序、统计功能
BandedGrid带区 1.添加Columns
5.GridControl
点选Bands 拖动 Add New Band 到Bands面板中 –> 点选 Show Columns selector 关联到每个gridBand 下面 在默认情况下，列 (和带区) 只可以在父带区内移动。 这能阻止最终用户打破列的 分组逻辑。允许列在带区之间移动设置 OptionsCustomization.AllowChangeColumnParent=true
5.GridControl
5.GridControl
遍历行
把 Price 列的值减少 10％
private void UpdatePrice(DevExpress.XtraGrid.Views.Base.ColumnView View) { // Obtain the Price column. DevExpress.XtraGrid.Columns.GridColumn col = View.Columns.ColumnByFieldName("Price"); if (col == null) return; View.BeginSort(); try { // Obtain the number of data rows. int dataRowCount = View.DataRowCount; // Traverse data rows and change the Price field values. for (int i = 0; i < dataRowCount; i++) { object cellValue = View.GetRowCellValue(i, col); double newValue = Convert.ToDouble(cellValue) * 0.9; View.SetRowCellValue(i, col, newValue); } } finally { View.EndSort(); } }
CardView.CardInterval 卡片之间的水平和垂直间距 CardView.CardWidth 卡片宽度由 CardView.MaximumCardRows 显示多少行 CardView.MaximumCardColumns 每行多少列 OptionsView.ShowEmptyFields = False 为Null的字段不显示；为“”会显示 OptionsView.ShowCardCaption 切换卡片标题的可视性。默认情况下,卡片标题是可视的 CardCaptionFormat 指定卡片标题的模式。 在默认情况下，此属性的值是“ Record N {0}”。 意思是卡片标题 显示后接记录号的“Record N ”字符串。 也可以强制使卡片视图显示卡片内的字段值。 例 如，把 CardCaptionFormat 属性设置为 “{1} {2} ” 将产生在第一个和第二个列值之间以 空格分隔的显示。
类似于如下菜单栏
7
4.DockManager
Add New DockPanel 添加面板， Dock 设置面板停靠位置
4.DockManager
4.Gallery
在Gallery属性下面可设置AllowHoverImages=true 指定HoverImages和Images，同时可定义鼠标移 到图标上时，放大图片的大小HoverImageSize 指定gallerItem的HoverImageIndex和ImageIndex 默认显示的是ImageIndex图标
绑定控件到 XML 文件中的数据 DataSet xmlDataSet = new DataSet(); xmlDataSet.ReadXml("e:\\DBs\\Cars.xml"); gridControl1.DataSource = xmlDataSet.Tables[0];
class Class1 { String id; public String Id { get { return id; } set { id = value; } }
11
5. GridControl
LayoutView
多种卡片布局，可以通过 LayoutView.OptionsView.ViewMode 属性设置 1.单张卡片 2.单行 3.单列 4.多行 5.多列 6.Carousel LayoutView.OptionsMultiRecordMode.MaxCardRows LayoutView.OptionsMultiRecordMode.MaxCardColumns 卡片的对齐方式LayoutView.OptionsView.ContentAlignment 属性卡片内容对齐 LayoutViewOptionsView.CardsAlignment 卡片对齐 Carousel 布局 参数可以通过 LayoutView.OptionsCarouselMode 属性设置 CardCaptionFormat 指定卡片标题的模式。 在默认情况下，此属性的值是“ Record N {0}”。 意思是卡片标题显示后接记录号的“Record N ”字符串。 也可以 强制使卡片视图显示卡片内的字段值。 例如，把 CardCaptionFormat 属性设置 为 “{3} ” 则显示第二列的值 默认为下图
5.GridControl
代码操作如下：
// obtaining the main View and clearing its bands collection BandedGridView View = gridControl1.MainView as BandedGridView; view.Bands.Clear();