DevExpress控件运用

DefaultLookAndFeel 皮肤控件
5
3.BarManager 、NavBarControl
BarManager 同时设置了菜单栏，工具栏，状态栏 NavBarControl 设置选项栏 (右键Add Group 、Add Item)
6
3.RibbonControl
适用于菜单栏、工具栏的分组设置 通过属性Visible设置相应栏位的显示/隐藏
绑定控件到 集合类中的数据 List<ClassName> list = new List<ClassName>(); 。。。 gridControl1.DataSource = list; gridView1.Columns[0].FieldName = “Id”;// Id 为class 封装的字段 gridView1.Columns[0].Caption = "元素ID";
5表示当前是第五条记录，12表示总记录条数 OptionsBehavior Editable/ReadOnly 不可编辑状态
12
5. GridControl
LayoutView.OptionsCarouselMode 属性，包括了椭圆的螺旋角和转动角：
13
5.GridControl
CardView
5.GridControl
代码操作如下：
// obtaining the main View and clearing its bands collection BandedGridView View = gridControl1.MainView as BandedGridView; view.Bands.Clear();
// 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;
绑定控件到 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; } }
3
1.DevExpress
安装好DinForm 创建 public partial class FormName : Form 区别 public partial class FormName : DevExpress.XtraEditors.XtraForm
14
5.GridControl
15
5.GridControl
GridView 具有固定带区 、固定列、分组、排序、统计功能
BandedGrid带区 1.添加Columns
5.GridControl
点选Bands 拖动 Add New Band 到Bands面板中 –> 点选 Show Columns selector 关联到每个gridBand 下面 在默认情况下，列 (和带区) 只可以在父带区内移动。 这能阻止最终用户打破列的 分组逻辑。允许列在带区之间移动设置 OptionsCustomization.AllowChangeColumnParent=true
CardView.CardInterval 卡片之间的水平和垂直间距 CardView.CardWidth 卡片宽度由 CardView.MaximumCardRows 显示多少行 CardView.MaximumCardColumns 每行多少列 OptionsView.ShowEmptyFields = False 为Null的字段不显示；为“”会显示 OptionsView.ShowCardCaption 切换卡片标题的可视性。默认情况下,卡片标题是可视的 CardCaptionFormat 指定卡片标题的模式。 在默认情况下，此属性的值是“ Record N {0}”。 意思是卡片标题 显示后接记录号的“Record N ”字符串。 也可以强制使卡片视图显示卡片内的字段值。 例 如，把 CardCaptionFormat 属性设置为 “{1} {2} ” 将产生在第一个和第二个列值之间以 空格分隔的显示。
5. GridControl
GridView
在运行时刻绑定控件到数据库 DataAdapter adapter = new OleDbDataAdapter("sql", connection); DataSet sourceDataSet = new DataSet(); adapter.Fill(sourceDataSet); gridControl1.DataSource = sourceDataSet.Tables[0];
DevExpress 学习
1
目录
1.DevExpress 简介 2. WinForm 3. BarManager、NavBarControl、RibbonControl 4. DockManager、Gallery
5.GridControl
6. TreeList 7. Printing 8. XtraCharts
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(); } }
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"); } }
类似于如下菜单栏
7
4.DockManager
Add New DockPanel 添加面板， Dock 设置面板停靠位置
4.DockManager
4.Gallery
在Gallery属性下面可设置AllowHoverImages=true 指定HoverImages和Images，同时可定义鼠标移 到图标上时，放大图片的大小HoverImageSize 指定gallerItem的HoverImageIndex和ImageIndex 默认显示的是ImageIndex图标