Developer Express XtraGrid使用技巧
1.基本grid的用法
1.1 gridControl-->view-->gridView
绑定到grid上的字段可以拖动删除，在任意字段上右键点column chooser 可以将删除的字段添加进来
字段上右键选择实现选定需要的信息和排序
字段上右键选择分组(group by column)，也可以直接将字段拖到上面实现分组
字段上右键选择group by box后可以取消分组栏，（不能实现拖动分组，但可以选择分组）
字段上右键选择best fit可以实现该字段最佳宽度（便于查看）
1.2 gridControl-->view-->cardView
以卡片形式存放数据
可以自己设定过滤选项
1.3 gridControl-->view-->banderGridView
将字段分段显示，前提是给gridControl先绑定一个dataset
动态绑定的时候不能分段，也不能分行
1.3 gridControl-->view-->advBanderGridView
高级分段显示，动态绑定的字段可以在前台向下拖动后分段，但效果不好，相当于分行显示的样子
1.4 else
可以通过create ner view增加一个view ，但程序只显示你选定的view
zoom的使用 快速上升，也就是选择子项后单独显示（上到最高显示）
1.5 feature browser
-->priview 可以指定在每行中预览的字段
-->filtering 可以自动过滤（optingview.showAutoFiterRow）
1.7 Master-Detail 绑定的问题
首先在gridControl1中指定dataSource 的绑定是主表
然后在level设计器中添加层（retrieve details）
最后用代码绑定：
using (SqlConnection con = new SqlConnection(SqlHepler.CONN_STRING))
{
//SqlDataAdapter sda1 = new SqlDataAdapter("select * from Orders",con);
//sda1.Fill(this.northwindDataSet.Orders);
SqlDataAdapter sda2 = new SqlDataAdapter("select * from [Order Details]",con);
sda2.Fill(this.northwindDataSet.Order_Details);
}
1.8 summary的用法
//If the GridOptionsView.ShowFooter option is set,
//the summary(of course some else can ) can be displayed within the footer cell.
gridView1.OptionsView.ShowFooter = true;
//初始化，也可以不用指定
colOrderID.SummaryItem.FieldName = "OrderID";
colOrderID.SummaryItem.SummaryType = DevExpress.Data.SummaryItemType.Count;
2.XtraGrid的打印
借用别人写的一个类
class DevPrint
{
//*********************字段*********************
private string pageHeaderName="";
private string pageFooterName="";
private bool isPrintPage=true;
private bool isPrintDate=true;
private int headerLocation=1;
private int footerLocation=1;
private int pageLocation=3;
private int dateLocation=5;
private bool enableEditPage = true;
private System.Drawing.Font pageHeaderFont = null;
private System.Drawing.Font pageFooterFont = null;
private System.Drawing.Printing.Margins devMargins = null;
private System.Drawing.Printing.PaperKind devPaperKind = System.Drawing.Printing.PaperKind.A4;//可以自定义修改纸张
private DevExpress.XtraPrinting.PageHeaderArea PHA = new DevExpress.XtraPrinting.PageHeaderArea();
private DevExpress.XtraPrinting.PageFooterArea PFA = new DevExpress.XtraPrinting.PageFooterArea();
//*********************字段*********************
//*********************属性*********************
//标题
public string PageHeaderName
{
get
{
return pageHeaderName;
}
set
{
pageHeaderName=value;
}
}
//页脚
public string PageFooterName
{
get
{
return pageFooterName;
}
set
{
pageFooterName = value;
}
}
//是否打印页数
public bool IsPrintPage
{
get
{
return isPrintPage;
}
set
{
isPrintPage = value;
}
}
//是否打印时间
public bool IsPrintDate
{
get
{
return isPrintDate;
}
set
{
isPrintDate = value;
}
}
//header的位置（左，中，右）
public int HeaderLocation
{
get
{
return headerLocation;
}
set
{
headerLocation=value;
}
}
//footer的位置（左，中，右）
public int FooterLocation
{
get
{
return footerLocation;
}
set
{
footerLocation=value;
}
}
//页数的位置
public int PageLocation
{
get
{
return pageLocation;
}
set
{
pageLocation=value;
}
}
//时间的位置
public int DateLocation
{
get
{
return dateLocation;
}
set
{
dateLocation=value;
}
}
//是否允许编辑页面
public bool EnableEditPage
{
get
{
return enableEditPage;
}
set
{
enableEditPage = value;
}
}
//标题字体
public System.Drawing.Font PageHeaderFont
{
get
{
return pageHeaderFont;
}
set
{
pageHeaderFont = value;
}
}
//页脚字体
public System.Drawing.Font PageFooterFont
{
get
{
return pageFooterFont;
}
set
{
pageFooterFont = value;
}
}
//页边距
public System.Drawing.Printing.Margins DevMargins
{
get
{
return devMargins;
}
set
{
devMargins = value;
}
}
//纸张类型
public System.Drawing.Printing.PaperKind DevPaperKind
{
get
{
return devPaperKind;
}
set
{
devPaperKind = value;
}
}
//*********************字段*********************
private void PageHeaderFooterSettings()
{
PHA.Content.Clear();
PFA.Content.Clear();
string[] stringsPHA = new string[] {"","",""};
string[] stringsPFA = new string[] {"","",""};
switch(headerLocation)
{
case 0:stringsPHA[0]=pageHeaderName;
break;
case 1:stringsPHA[1]=pageHeaderName;
break;
case 2:stringsPHA[2]=pageHeaderName;
break;
default:stringsPHA[1]=pageHeaderName;
break;
};
switch(footerLocation)
{
case 0:stringsPFA[0]=pageFooterName;
break;
case 1:stringsPFA[1]=pageFooterName;
break;
case 2:stringsPFA[2]=pageFooterName;
break;
default:stringsPFA[1]=pageFooterName;
break;
};
if (isPrintPage)
{
switch(pageLocation)
{
case 0:stringsPHA[0]=stringsPHA[0]+"[Page # of Pages #]";
break;
case 1:stringsPHA[1]=stringsPHA[1]+"[Page # of Pages #]";
break;
case 2:stringsPHA[2]=stringsPHA[2]+"[Page # of Pages #]";
break;
case 3:stringsPFA[2]=stringsPFA[2]+"[Page # of Pages #]";
break;
case 4:stringsPFA[1]=stringsPFA[1]+"[Page # of Pages #]";
break;
case 5:stringsPFA[0]=stringsPFA[0]+"[Page # of Pages #]";
break;
default:stringsPFA[2]=stringsPFA[2]+"[Page # of Pages #]";
break;
};
}
if (isPrintDate)
{
switch(dateLocation)
{
case 0:stringsPHA[0]=stringsPHA[0]+"[Date Printed]";
break;
case 1:stringsPHA[1]=stringsPHA[1]+"[Date Printed]";
break;
case 2:stringsPHA[2]=stringsPHA[0]+"[Date Printed]";
break;
case 3:stringsPFA[2]=stringsPFA[2]+"[Date Printed]";
break;
case 4:stringsPFA[1]=stringsPFA[1]+"[Date Printed]";
break;
case 5:stringsPFA[0]=stringsPFA[0]+"[Date Printed]";
break;
default:stringsPFA[0]=stringsPFA[0]+"[Date Printed]";
break;
};
}
PHA.Content.AddRange(stringsPHA);
PFA.Content.AddRange(stringsPFA);
if (pageHeaderFont != null)
{
try
{
PHA.Font = pageHeaderFont;
}
catch
{
PHA.Font = new Font(new System.Drawing.FontFamily("楷体_GB2312"),20,System.Drawing.FontStyle.Bold,System.Drawing.GraphicsUnit.Point);
}
}
else
{
PHA.Font = new Font(new System.Drawing.FontFamily("楷体_GB2312"),20,System.Drawing.FontStyle.Bold,System.Drawing.GraphicsUnit.Point);
}
if (pageFooterFont != null)
{
try
{
PFA.Font = pageFooterFont;
}
catch
{
PFA.Font = new Font(new System.Drawing.FontFamily("楷体_GB2312"),9,System.Drawing.FontStyle.Bold,System.Drawing.GraphicsUnit.Point);
}
}
}
public void ShowDevPreview(DevExpress.XtraPrinting.IPrintable printComponent)
{
PageHeaderFooterSettings();
DevExpress.XtraPrinting.PrintingSystem ps = new DevExpress.XtraPrinting.PrintingSystem();
DevExpress.XtraPrinting.PrintableComponentLink pc =new DevExpress.XtraPrinting.PrintableComponentLink();
pc.Component = printComponent;
pc.Landscape = true;
//是否指定页边距尺寸
if (devMargins != null)
pc.Margins = devMargins;
//是否定义纸张
if (devPaperKind != System.Drawing.Printing.PaperKind.A4)
pc.PaperKind = devPaperKind;
//标题和页脚的显示
pc.PageHeaderFooter = new DevExpress.XtraPrinting.PageHeaderFooter(PHA,PFA);
pc.CreateDocument(ps);
pc.EnablePageDialog = enableEditPage;
pc.ShowPreview();
}
}
Developer Express(以下简称dev) 这个第三方控件是VS2005自带的datagridview控件的重写版本.对于一些grid外观,模板列的设置有非常简单的方法.而且控制起来基本和datagridview一样.所以还是比较方便的.把dev控件拖到窗体以后,会发现多了两个控件gridcontrol1,gridview1,下面针对这期间使用dev的一些总结写在下面(主要是连接数据库,绑定字段和模板列的设置):
1. 设置数据源:
string sql = "select fid,fname from dual";
DataTable dt = DALUse.Query(sql).Tables[0];
gridControl1.DataSource = dt;
*:Daluse是项目数据库连接基类,不用特别理会
2.绑定字段:
这部分工作主要是在Designer中进行的,dev的Designer设计器提供了非常方便的设置方式.我么可以省去敲代码,直接在设计器中就可以完成了.在左边选Columns,添加完列以后,在列的FieleName属性添加你要绑定列的字段名(ps:比如我的连接SQL语句是:select fid,fname from dual.我想要把fid绑定到列1.那就在列1的FieldName属性写FID就可以了 ),这里有非常重要的一点,对于Oracle数据库,所有的在设计器里写的程序中的字段名必须大写,否则可能绑定不上字段,sqlserver没有这个限制.通过代码其实也可以实现,具体代码如下:
gridView1.Columns[0].FieldName = "FID";
*:gridcontrol只用在设置数据源,以后的操作大多都有gridview这个控件了.他们是一体的,可以在页面的设计代码中找到将他们关联的一句话,这是系统自动写的:gridcontrol1.mainview=this.gridview1.
2. 模板列的设置:
模板列可以很轻松的让用户实现在表格中进行查找编辑.
同样,这部分工作在dev的Designer中进行.在左边选In-Place Editor Repository,上面的ADD提供了比较丰富的模板列类型,从中选取一个就可以了.模板列建好以后就要和我们当前有的数据列进行绑定了.返回到Columns中,假如列1是我们想设定的,在他的属性中找到ColumnEdit.选择我们加进去的模板列就可以了.对于模板列我们最常用的还是LookUpEdit.
这里简单说下他的设置和用法:
LookUpEdit是弹出的一个小的grid,从它里面我们可以实现自动筛选里面的信息.
首先从In-Place Editor Repository中添加LookUpEdit.取名为Re1.然后.在他的Columns属性中添加3列.Caption依次为:编号,姓名,性别.FieldName依次为:FID,FNAME,FSEX.然后将Re1的NullText设置成空.
AutoSearchColumnIndex属性设置为2.ImmediatePopup属性设置为True.
SearchMode设置为OnlyInPopup.
然后将这个模板列附加到我们上面提到的列1(也就是将列1的ColumnEdit属性设成Re1)
最后我们还要在代码里面给Re1绑定数据源和显示项.
Re1.DataSource = DALUse.Query("select fid,fname,fsex from dual").Tables[0];
Re1.DisplayMember = "FSEX";
Re1.ValueMember = "FNAME";
*:对于Oracle数据库字段一定要用大写,切记!!
至此,我们的LookUpEdit模板列就设置完成了,它现在已经实现了通过性别列检索,然后将姓名列附到我们的列1上.
对于LookUpEdit可以实现过滤主要是AutoSearchColumnIndex和SearchMode属性.可以参见帮助知道它们的用法: ms-help://DevExpress.NETv7.2/DevExpress.XtraEditors/DevExpressXtraEditorsControlsSearchModeEnumtopic.htm
Ps:
//去掉上面的筛选条
gridView1.OptionsView.ShowGroupPanel = false;
//设某一列只读或者不可编辑
gridView1.Columns[0].OptionsColumn.AllowEdit = false;
gridView1.Columns[0].OptionsColumn.ReadOnly = false;
//设某一列文字和标题局中显示 gridView1.Columns[0].AppearanceHeader.TextOptions.HAlignment = DevExpress.Utils.HorzAlignment.Center;
gridView1.Columns[0].AppearanceCell.TextOptions.HAlignment = DevExpress.Utils.HorzAlignment.Center;
//去掉某一列上面的自动筛选功能(Filter) gridView1.Columns[0].OptionsFilter.AllowAutoFilter = false;
gridView1.Columns[0].OptionsFilter.AllowFilter = false; gridView1.Columns[0].OptionsFilter.ImmediateUpdateAutoFilter = false;
//设置冻结列(左冻结)
gridView1.Columns[0].Fixed= DevExpress.XtraGrid.Columns.FixedStyle.Left;
//得到单元格数据(0行0列)
string ss=gridView1.GetRowCellDisplayText(0, gridView1.Columns[0]);
string ss = gridView1.GetRowCellValue(0, gridView1.Columns[0]);
//设置单元格数据(将0行0列的单元格赋值123)
gridView1.SetRowCellValue(0, gridView1.Columns[0], "123");
//手动添加dev的列
DevExpress.XtraGrid.Columns.GridColumn Col1=new DevExpress.XtraGrid.Columns.GridColumn ();
Col1.FieldName="FID";
Col1.Visible=true;
Col1.VisibleIndex=gridView1.Columns.Count;
gridView1.Columns.Add(Col1);
//设置自动增加的行号,需要先添加给gridview添加事件CustomDrawRowIndicator
private void gridview_CustomDrawRowIndicator(object sender, DevExpress.XtraGrid.Views.Grid.RowIndicatorCustomDrawEventArgs e)
{
if (e.Info.IsRowIndicator && e.RowHandle >= 0)
e.Info.DisplayText = (e.RowHandle + 1).ToString();
}
//添加datatable数据行,数据列
DataTable dt = new DataTable();
dt.Columns.Add("Col1");
DataRow dr = dt.NewRow();
dr[0] = "123";
dt.Rows.Add(dr);
*以上这些都可以在Designer中进行设置,而不用去敲代码
对于第三方控件的整体修改和保存,具体说明如下:
1. 删除: (修改了dgvdel里的datagridviewdel方法)
public static void datagridviewdel_Dev(DevExpress.XtraGrid.Views.Grid.GridView Mydgv)
{
if (MessageBox.Show("你确定要删除选中的记录吗？", "删除提示", MessageBoxButtons.YesNo, MessageBoxIcon.Warning, MessageBoxDefaultButton.Button2, 0, false) == DialogResult.Yes)
{
int iSelectRowCount = Mydgv.SelectedRowsCount;
if (iSelectRowCount > 0)
{
Mydgv.DeleteSelectedRows();
}
}
}
2. 新增: (对于新增,其本身的AddNewRow方法就可以做到)
private void btn_add_Click(object sender, EventArgs e)
{
gridView1.AddNewRow();
}
具体如果对于新加行还有什么特别的设置,可以在它gridView1_InitNewRow事件中填写:
private void gridView1_InitNewRow(object sender, DevExpress.XtraGrid.Views.Grid.InitNewRowEventArgs e)
{
ColumnView View = sender as ColumnView;
View.SetRowCellValue(e.RowHandle, View.Columns[0], gridView1.GetRowCellValue(gridView1.GetRowHandle(gridView1.RowCount - 2), gridView1.Columns[0])); //复制最后一行的数据到新行
View.SetRowCellValue(e.RowHandle, View.Columns[1], gridView1.GetRowCellValue(gridView1.GetRowHandle(gridView1.RowCount - 2), gridView1.Columns[1])); //复制最后一行的数据到新行
}
3. 保存 (第三方控件提供的RefreshData和RefreshDataSource方法对于保存数据都不好使,最后还是使用了Dgvsave的datagridviewsave方法,用这个方法就可以)
注:代码中出现多gridView1全为第三方控件的gridView.
示例:
去掉上面的”Drag a column header here to group by that column”
我们拖动一个gridcontrol控件后,在出现上会出现一下效果:
他默认的好多地方都是用英文表示出来的,所以我们得用一些相关的属性设置来达到我们实际想要达到的效果.首先就是要去掉上面的一个英文条”Drag a column header here to group by that column”.我们可以通过手工设置和代码编写来实现,以后针对第三方控件的属性都可以用这两种方法来实现.手工设置:点击左下角的”Run Designer”按钮.
这样我们就进入了Dev的设计器(所有的对于控件的控制都可以在这里设置).然后点击左边的Main选项卡中的Views项.有边栏目里会出现N多属性,我们找到OptionViews,展开它,然后将里面的ShowGroupPanel属性设成false就OK了.代码编写:
我们可以直接在构造函数或者页面的打开事件中写入代码:
gridView1.OptionsView.ShowGroupPanel = false;
两种方法可以达到同样的效果.
设置外观
接下来我们来设置它的外观.Dev给我们提供了很多外观的模板,这样使得我们不用在通过复杂的代码来设置他的外观,我们直接用手工设置就可以完成了!点击Dev设计器中左边的Appearance选项卡的Style Schemes项:
通过在里面设置外观,然后点击右小角的Apply按钮就可以很轻松的设置各种各样的外观了.
去掉控件默认的Filter功能出现英文的情况
我们按照上面所讲的方法给Dev添加列后,在点击列头的小按钮的时候会出现这样的效果(出现了我们不想看到的英文):
这个对于我们来说是比较讨厌的.我们可以在Dev的设计器中消灭它.点击设计器中左边的Main选项卡的Columns项.选择你想设置的列,然后点击右上角他们的选项卡:
选择Filter options选项卡,然后将里面的AllowAutoFilter,AllowFilter,ImmediateUpdateAutoFilter属性分别设成false就可以了.这样这列的AutoFilter功能就去掉了(仅限于这列)!如果你够细心的话,你会发现上面的选项卡Column options里面的属性也都是特别使用的:
这里面的属性不用说,我想你也知道怎么用了(他也是只针对一列设置的).
关闭右键点击列头会出现英文的情况:
在Dev的设计器中选择左边Main选项卡中的Views项.找到OptionsMenu,然后展开,将里面的EnableColumnMenu设成false就可以了.
