DevExpress入门教程.ppt

DeVExpress控件入门 简介 XtraEditorsLibrary是专门为可视化的Studio NET设计的最优化的一套100 的C 控件XtraEdiotorsLibrary是一款具有革命性的超过20种数据编辑控制的控件 它是国内第一个适合于 NET框架类型的控件 广州易麦科技 准备工作 1 DevExpress控件的安装2 Demo查看3 帮助文档使用 广州易麦科技 一 与 net基本的控件比较 1 命名空间 NameSpace net基本控件的类都在System Windows Forms的命名控件下DevExpress的控件类在DevExpress命名空间下 广州易麦科技 2 可以代替 net的控件 DevExpress的大部分控件都已可以代码 net的基本控件 如 文本框 System Windows Forms TextBox DevExpress XtraEditors TextEdit按钮 System Windows Forms Button DevExpress XtraEditors SimpleButton下拉框 System Windows Forms ComboBox DevExpress XtraEditors ComboBoxEdit 广州易麦科技 日期 System Windows Forms DateTimePicker DevExpress XtraEditors DateEdit DevExpress XtraEditors TimeEdit复选框System Windows Forms CheckBox DevExpress XtraEditors CheckEdit这里就不一一列举了 认真看看 相信一定找出很多可以替代的控件 广州易麦科技 二 几个比较重要 常用的属性 1 EditValueDevExpress XtraEditors Edit的控件都不可少的一个EditValue属性 如 DevExpress XtraEditors Edit通常 EditValue会跟Text的值是一样的 只是EditValue的类型为Object Text的属性为String 也就是EditValue通常可以代替Text属性 2 Enable和Visable是否禁用和是否可见 广州易麦科技 3 Properties设置控件一些特征DevExpress XtraEditors TextEdittxt 例 是否只读txt Properties ReadOnly true 不允许获得焦点txt Properties AllowFocused false 不允许空值输入txt Properties AllowNullInput true 当这个属性应用在TimeEdit中 它的清除按钮 将会禁用 灰掉 广州易麦科技 禁止编辑器输入如 ComboBoxEditc c Properties TextEditStyle DevExpress XtraEditors Controls TextEditStyles DisableTextEditor 只选模式 不能输入文本 广州易麦科技 4 Appearance设置风格 Dexpress把所有设置控件风格的特性都放到Appearance属性下 例 DevExpress XtraEditors SimpleButtonbtn btn Appearance ForeColor Color Red 前景色btn Appearance BackColor Color Red 背景色 广州易麦科技 Appearance TextOptions文本对齐操作例 btn Appearance TextOptions HAlignment DevExpress Utils HorzAlignment Center 居中对齐btn Appearance TextOptions WordWrap DevExpress Utils WordWrap Wrap 自动换行 当控件的宽度容不下文本的长度 会自动换行 注意 在某些控件中Apperarance是在Properties属性下的如 DevExpress XtraEditors TextEdittxt txt Properties Appearance ForeColor Color Red 广州易麦科技 三 几个常用的控件 1 用强大的LookUpEdit代替ComboBox1 1ComboBox不支持数据绑定2 1由于DevExpress的ComboBox天生的数据绑定缺陷 所以有时我们要做数据绑定 不得不使用下 功能过剩 的LooUpEdit 如下代码 可用实现一个ComboBox 广州易麦科技 禁止文本输入this lookUpEdit1 Properties TextEditStyle DevExpress XtraEditors Controls TextEditStyles DisableTextEditor 默认为null的显示this lookUpEdit1 Properties NullText 请选择类别 加入一个显示列this lookUpEdit1 Properties Columns Add newDevExpress XtraEditors Controls LookUpColumnInfo Name this lookUpEdit1 Properties ShowHeader false 不显示页眉 包括列头 this lookUpEdit1 Properties ShowFooter false 不显示页脚 包括关闭按钮 this lookUpEdit1 Properties DisplayMember Name 要显示的字段 Text获得this lookUpEdit1 Properties ValueMember Value 实际值的字段 EditValue获得 数据绑定ICollectionlist Global ClassCategoryList this lookUpEdit1 Properties DataSource list 绑定数据this lookUpEdit1 Properties DropDownRows list Count 设置行数 根据这个自动设置高度 广州易麦科技 2 GridControlGridControl可以代替 net的System Windows Forms DataGrid控件 GirdControl只是一个容器控件 必须要求GridView视图作为它的子控件 GridControl可以包含多个视图 可以实现视图的切换 每个视图必须包含列 Column GridControl支持层级视图 广州易麦科技 GridControl常设置属性使用导航器this gridControl1 UseEmbeddedNavigator true this gridControl1 EmbeddedNavigator Buttons Append Visible false this gridControl1 EmbeddedNavigator Buttons CancelEdit Visible false this gridControl1 EmbeddedNavigator Buttons Edit Visible false this gridControl1 EmbeddedNavigator Buttons EndEdit Visible false this gridControl1 EmbeddedNavigator Buttons Remove Visible false this gridControl1 EmbeddedNavigator Buttons First Visible true this gridControl1 EmbeddedNavigator Buttons Last Visible true this gridControl1 EmbeddedNavigator Buttons Next Visible true this gridControl1 EmbeddedNavigator Buttons NextPage Visible true this gridControl1 EmbeddedNavigator Buttons Prev Visible true this gridControl1 EmbeddedNavigator Buttons PrevPage Visible true 广州易麦科技 GridView常设置属性this gridView1 OptionsBehavior Editable false 禁止编辑this gridView1 OptionsCustomization AllowFilter false 不允许使用过滤this gridView1 OptionsCustomization AllowSort false 不允许使用排序this gridView1 OptionsView ShowGroupPanel false 不显示组面板this gridView1 OptionsView ColumnAutoWidth true 如果宽度溢出 自动出现滚动条this gridView1 OptionsSelection EnableAppearanceFocusedCell false 禁止单元格获得焦点this gridView1 Appearance SelectedRow BackColor Color Transparent 选择的行背景透明 广州易麦科技 事件 订阅行焦点改变事件this gridView1 FocusedRowChanged newDevExpress XtraGrid Views Base FocusedRowChangedEventHandler this gridView1 FocusedRowChanged 验证编辑器 单元格 值输入this gridView1 ValidatingEditor newDevExpress XtraEditors Controls BaseContainerValidateEditorEventHandler this gridView1 ValidatingEditor privatevoidgridView1 ValidatingEditor objectsender DevExpress XtraEditors Controls BaseContainerValidateEditorEventArgse if gridView1 FocusedColumn col产品名称 if string IsNullOrEmpty e Valueasstring e ErrorText 产品名称不能为空 e Valid false 广州易麦科技 订阅设置行风格事件this gridView1 RowStyle newDevExpress XtraGrid Views Grid RowStyleEventHandler this gridView1 RowStyle privatevoidgridView1 RowStyle objectsender DevExpress XtraGrid Views Grid RowStyleEventArgse objectvalue gridView1 GetRowCellValue e RowHandle 中止 if value null 广州易麦科技 this gridView1 CustomColumnDisplayText newDevExpress XtraGrid Views Base CustomColumnDisplayTextEventHandler this gridView1 CustomColumnDisplayText privateDataTable CategoryList publicDataTableCategoryList get if CategoryList null CategoryList GetData select from产品类别 DataColumnpk CategoryList Columns 类别ID CategoryList PrimaryKey newDataColumn pk return CategoryList privatevoidgridView1 CustomColumnDisplayText objectsender DevExpress XtraGrid Views Base CustomColumnDisplayTextEventArgse if e Column Name col类别ID e DisplayText CategoryList Rows Find e Value 类别名称 asstring 广州易麦科技 行单元格对齐this gridView1 RowCellDefaultAlignment newDevExpress XtraGrid Views Base RowCellAlignmentEventHandler this gridView1 RowCellDefaultAlignment privatevoidgridView1 RowCellDefaultAlignment objectsender DevExpress XtraGrid Views Base RowCellAlignmentEventArgse e HorzAlignment DevExpress Utils HorzAlignment Near 广州易麦科技 3 界面操作3 1根据条件操作行或列风格3 2添加RepositoryItem 内嵌元素 3 3列汇总首先 设置this gridView1 OptionsView ShowFooter true this col库存量 SummaryItem DisplayFormat 总量 0 六种 Sum Average Count Max Min Customcol单位数量 SummaryItem SummaryType DevExpress Data SummaryItemType Sum 广州易麦科技 四 数据检查 验证 1 演示Mask2 DXValidationProvider的组件使用 广州易麦科技