打印

[asp.net教程] datagrid使用技巧1

datagrid使用技巧1

-------如何屏蔽单元格输入
   
   有时候听有些朋友抱怨.net的datagrid不是很好用。就我个人的体会,datagrid的功能非常强大,可以使我们随心所欲的完成各种各样的工作,可惜就是实现起来不够简单明了。我对平时经常碰到的一些问题积累了一些解决的方法,现在把它们总结一下供大家参考。
   
   比较经常碰到的一个问题是:我们希望datagrid的某一列只能输入特定的文本,比如:不能输入数字。下面的例子说明如何实现这种功能。
   新建一个window应用程序,加入一个datagrid和sqlconnection,连接sql数据库northwind。
   
  namespace windowsapplication1
  {
  public class form1 : system.windows.forms.form
  {
   private mydatagrid datagrid1;
   private system.data.sqlclient.sqlconnection sqlconnection1;
   //加入全局变量oldvalue,用它表示单元格原来的文本。
   private string oldvalue;
   
   private void form1_load(object sender, system.eventargs e)
   {
   oldvalue="";
   sqldataadapter sda=new sqldataadapter("select lastname,firstname from employees",this.sqlconnection1);
   dataset ds=new dataset();
   sda.fill(ds,"employees");
   datagridtablestyle ats=new datagridtablestyle();
   ats.mappingname="employees";
   datagridcolorcolumn dcs1=new datagridcolorcolumn();
   dcs1.headertext="lastname";
   ats.gridcolumnstyles.add(dcs1);
   datagridtextboxcolumn dcs2=new datagridtextboxcolumn();
   dcs2.headertext="firstname";
   dcs2.mappingname="firstname";
   dcs2.textbox.textchanged+=new eventhandler(datagridtextchanged);
   dcs2.textbox.enter+=new eventhandler(datagridtextbox_enter);
   ats.gridcolumnstyles.add(dcs2);
   this.datagrid1.tablestyles.add(ats);
   this.datagrid1.datasource=ds;
   this.datagrid1.datamember="employees";
   }
   
   
   private void datagridtextbox_enter(object sender,eventargs e)
   {
   //当某一单元格获得焦点时,记录单元格的文本
   oldvalue=((datagridtextboxcolumn) this.datagrid1.tablestyles[0].gridcolumnstyles[1]).textbox.text;
   }
   
   
   private void datagridtextchanged(object sender,eventargs e)
   {
   int index=0;
   string str=((datagridtextboxcolumn)this.datagrid1.tablestyles[0].gridcolumnstyles[1]).textbox.text;
   //当单元格的文本改变时,检验是否有非法字符
   while(index<str.length)
   {
   //如果发现数字,显示错误信息并将单元格还原为原内容
   if (char.isdigit(str,index))
   {
   messagebox.show("不能输入数字,请重新输入");
   ((datagridtextboxcolumn)this.datagrid1.tablestyles[0].gridcolumnstyles[1]).textbox.text=oldvalue;
   return;
   }
   index++;
   }
  }
  }
   
  ------------如何实现多行表头
   
   有时候听有些朋友抱怨.net的datagrid不是很好用。就我个人的体会,datagrid的功能非常强大,可以使我们随心所欲的完成各种各样的工作,可惜就是实现起来不够简单明了。我对平时经常碰到的一些问题积累了一些解决的方法,现在把它们总结一下供大家参考。
   比较经常碰到的一个问题是:我们希望datagrid的表头是多行的(图1)。我在网上找了很久也找不到解决的方法,后来想到了datagrid的captiontext和captionfont属性。于是我就想能不能在caption的显示区域画出多行表头。下面的示例代码实现了这个想法,结果如图1所示。
   
   
   首先需要编写一个类来表示自画的表头,这个类将记录表头的显示文本、图标和属于它管辖的列的信息。
   
   //表头类
   public class topheadercolumn
   {
   public topheadercolumn()
   {
   this.columncollection=new arraylist();
   }
   private string caption;
   //表头的显示文本
   public string caption
   {
   get {return caption;}
   set {caption=value;}
   }
   private arraylist columncollection;
   //用来记录属于表头管辖的各列的信息(通过往集合里添加object)
   public arraylist columncollection
   {
   get {return this.columncollection;}
   set {this.columncollection=value;}
   }
   private int width;
   //表头的宽度
   public int width
   {
   get {return width;}
   set {width=value;}
   }
   private image image=null;
   //表头的图标
   public image image
   {
   get {return image;}
   set {image=value;}
   }
   
   }
   另外,因为以后的代码需要datagrid水平滚动条的位置,而datagrid无法取得水平滚动条的位置,所以需要对datagrid做一点修改。
   public class mydatagrid:datagrid
   {
   
   public scrollbar hscrollbar
   {
   get {return this.horizscrollbar;}
   }
   }
   
   好了,可以工作了。新建一个window应用程序,加入一个mydatagrid、sqlconnection和imagelist,连接sql数据库northwind。当然,还得加入上面的代码
   
   namespace windowsapplication1
   {
   public class form1 : system.windows.forms.form
   {
   private system.data.sqlclient.sqlconnection sqlconnection1;

   private mydatagrid datagrid1;
   private arraylist al;
   private system.windows.forms.imagelist imagelist1;
   \\在initializecomponent()里加入这一句:this.datagrid1 = new mydatagrid(),并根据你的需要设置其他的datagrid属性。注意,captionvisible必须设为true,captiontext=""。
   private void form1_load(object sender, system.eventargs e)
   {
   sqldataadapter da=new sqldataadapter("select lastname, firstname, address,city from employees",this.sqlconnection1);
   dataset ds=new dataset();
   da.fill(ds,"employees");
   this.datagrid1.datasource=ds;
   this.datagrid1.datamember="employees";
   
   //设置datagrid的各列
   datagridtextboxcolumn c1=new datagridtextboxcolumn();
   datagridtextboxcolumn c2=new datagridtextboxcolumn();
   datagridtextboxcolumn c3=new datagridtextboxcolumn();
   datagridtextboxcolumn c4=new datagridtextboxcolumn();
   c1.mappingname="lastname";
   c2.mappingname="firstname";
   c3.mappingname="address";
   c4.mappingname="city";
   c1.headertext="lastname";
   c2.headertext="firstname";
   c3.headertext="address";
   c4.headertext="city";
   c1.widthchanged+=new eventhandler(this.abc);//列的宽变动时调整表头宽度
   c2.widthchanged+=new eventhandler(this.abc);
   c3.widthchanged+=new eventhandler(this.abc);
   c4.widthchanged+=new eventhandler(this.abc);
   
   datagridtablestyle dts=new datagridtablestyle();
   dts.gridcolumnstyles.add(c1);
   dts.gridcolumnstyles.add(c2);
   dts.gridcolumnstyles.add(c3);
   dts.gridcolumnstyles.add(c4);
   
   dts.mappingname="employees"; this.datagrid1.tablestyles.add(dts);
   
   //建立自画的表头类并将它们加入集合al
   al=new arraylist();
   topheadercolumn tc1=new topheadercolumn();
   tc1.caption="name";
   tc1.image=this.imagelist1.images[0];
   tc1.columncollection.add(0);//记录它管辖的列的index
   tc1.columncollection.add(1);
   tc1.width=c1.width+c2.width;
   
   topheadercolumn tc2=new topheadercolumn();
   tc2.caption="address";
   tc2.columncollection.add(2);
   tc2.columncollection.add(3);
   tc2.width=c3.width+c4.width;
   
   al.add(tc1);
   al.add(tc2);
   this.datagrid1.paint += new system.windows.forms.painteventhandler(this.datagrid1_paint);
   }
   
   private void datagrid1_paint(object sender, system.windows.forms. painteventargs e)
   {
   int x=0;
   //计算出第一个表头的左边距
   int left=this.datagrid1.tablestyles[0].rowheaderwidth-this.datagrid1.hscrollbar.value;
   //遍历表头集合al,画出表头
   foreach (object o in this.al)
   {
   //计算出表头文字(文字居中)的左边距
   x=left+(((topheadercolumn)o).width-convert.toint32(e.graphics. measurestring (((topheadercolumn)o).caption, this.datagrid1.captionfont). width))/2;
   //完成表头绘制
   if (((topheadercolumn)o).image!=null)
   e.graphics.drawimage(((topheadercolumn)o).image,x-imagelist1.images[0].size.width,0);
   
   e.graphics.drawstring(((topheadercolumn)o).caption,this.datagrid1. captionfont,new solidbrush(this.datagrid1.captionforecolor),x,0);
   if (x>0)
   e.graphics.drawline(new pen(color.black,2),left-1,0,left-1,this.datagrid1.height);
   //计算出下一个表头的左边距
   left+=((topheadercolumn)o).width;
   }
   if (x<this.datagrid1.width)
   e.graphics.drawline(new pen(color.black,2),left-1,0,left-1,this.datagrid1.height);
   }
   
   private void abc(object sender,eventargs e)
   {
   //设置表头的宽度
   foreach (object o in this.al)
   {
   ((topheadercolumn)o).width=0;
   foreach (int i in ((topheadercolumn)o).columncollection)
   { ((topheadercolumn)o).width+=this.datagrid1.tablestyles[0].gridcolumnstyles.width;
   }
   }
   }
   
   private void datagrid1_scroll(object sender, system.eventargs e)
   {
   this.datagrid1.refresh();
   }
   
   上面的代码实现了两层表头,至于三层表头也同理。
   
   关于如何实现datagrid多层表头,许多网友都提到,目前好像没有一种特别好的方便的方法。
   
  --------如何实现下拉列表
   
   有时候听有些朋友抱怨.net的datagrid不是很好用。就我个人的体会,datagrid的功能非常强大,可以使我们随心所欲的完成各种各样的工作,可惜就是实现起来不够简单明了。我对平时经常碰到的一些问题积累了一些解决的方法,现在把它们总结一下供大家参考。
   比较经常碰到的一个问题是:在编辑单元格内容时我们希望出现这样的下拉列表,如图1所示:
   
   
  图1
   
  思路:
   1 写一个类comboform表示下拉列表,类包含两个成员:form窗体和datagrid组件。
   2 写一个类nokeyupcombobox(继承combobox),目的是屏蔽wm_keyup消息,避免在按tab键时出现问题。
   3 写一个继承于datagridtextboxcolumn的类,命名为datagridcomboformcolumn。在类中加入一个combobox和一个comboform,类实现下面几个功能:
   a 编辑单元格内容时显示组件nokeyupcombobox;
   b combobox下拉时显示下拉列表comboform;
   c 鼠标点击下拉列表时,隐藏comboform并将用户选定的内容写入单元格(当然,你也可以设置其他隐藏下拉列表的操作,比如按回车键);
   d 下拉列表comboform不具有焦点时隐藏。
   
  代码:
  //comboform类:
   public class comboform:form
   {
   private datagrid datagrid;
   public datagrid datagrid
   {
   get {return datagrid;}
   set {datagrid=value;}
   }
   public comboform()
   {
   this.formborderstyle=formborderstyle.none;
   this.startposition=formstartposition.manual;
   datagrid=new datagrid();
   this.controls.add(datagrid);
   datagrid.dock=dockstyle.fill;
   datagrid.captionvisible=false;
   }
   }
   
  //nokeyupcombobox类:
  public class nokeyupcombobox:combobox
   {
   const int wm_keyup=0x101;
   protected override void wndproc(ref message msg)
   {
   if (msg.msg==wm_keyup)
   return;
   base.wndproc(ref msg);
   }
   }
   
  //datagridcomboformcolumn类:
   public class datagridcomboformcolumn:datagridtextboxcolumn
   {
   private nokeyupcombobox combobox;
   private currencymanager _source;
   private int rownum;
   private comboform frm;
   public comboform frm
   {
   get {return frm;}
   }
   //我们将使用index属性表示单元格内容与下拉列表的第index列的内容相联系
   private int index;
   public int index
   {
   get {return index;}
   set {index=value;}
   }
   
   public datagridcomboformcolumn()
   {
   frm=new comboform();
   combobox=new nokeyupcombobox();
   frm.deactivate+=new eventhandler(frm_deactive);
   frm.datagrid.click+=new eventhandler(grid_click);
   this.combobox.dropdown+=new eventhandler(combobox_dropdown);
   this.combobox.leave+=new eventhandler(combobox_leave);
   }
   //combobox不具有焦点时隐藏
   private void combobox_leave(object sender,eventargs e)
   {
   combobox.visible=false;
   }
   //下拉列表--frm不具有焦点时隐藏
   private void frm_deactive(object sender,eventargs e)
   {
   frm.hide();
   combobox.visible=false;
   }
   //combobox下拉时显示下拉列表--frm
   private void combobox_dropdown(object sender,eventargs e)
   {
   //在这里您还可以根据下拉列表的长与宽是否超出屏幕设置下拉列表的位置
   frm.left=combobox.pointtoscreen(new point(0,combobox.height)).x;
   frm.top=combobox.pointtoscreen(new point(0,combobox.height)).y;
   frm.show();
   frm.bringtofront();
   }
   //点击下拉列表的datagrid时,将选中的内容写入单元格并隐藏下拉列表--frm
   private void grid_click(object sender,eventargs e)
   {
   bindingmanagerbase cm=frm.bindingcontext[frm.datagrid.datasource, frm.datagrid.datamember];
   combobox.text=((datarowview)cm.current)[index].tostring();
   this.textbox.text=((datarowview)cm.current)[index].tostring();
   frm.hide();
   combobox.visible=false;
   this.setcolumnvalueatrow(_source,rownum,this.textbox.text);
   }
   //重载edit方法,使用combobox代替textbox
   protected override void edit(currencymanager datasource,int rownum,rectangle bounds,bool readonly,string instanttext,bool cellvisible)
   {
   base.edit(datasource,rownum,bounds,readonly,instanttext,cellvisible);
   combobox.parent=this.textbox.parent;
   combobox.left=this.textbox.left-2;
   combobox.top=this.textbox.top-2;
   combobox.size=new size(this.textbox.width,this.combobox.height);
   combobox.text=this.textbox.text;
   
   this.textbox.visible=false;
   combobox.visible=true;
   combobox.bringtofront();
   combobox.focus();
   _source=datasource;
   this.rownum=rownum;
   }
   }
   
   下面的例子说明了如何使用datagridcombofrom类:
  新建一个windows 应用程序,加入sqlconnection,连接sql数据库northwind,加入下面代码。
   
  private void form1_load(object sender, system.eventargs e)
   {
   sqldataadapter da=new sqldataadapter("select productname from products",this.sqlconnection1);
   dataset ds=new dataset();
   da.fill(ds,"products");
   dataset ds_combo=new dataset();
   da.selectcommand=new sqlcommand("select productname,quantityperunit,unitprice from products",this.sqlconnection1);
   da.fill(ds_combo,"products");
   
   datagridtablestyle dts=new datagridtablestyle();
   dts.mappingname="products";
   mydatagridcolumn col=new mydatagridcolumn();
   col.mappingname="productname";
   col.width=100;
   col.index=0;
   col.headertext="productname";
   
   col.frm.datagrid.datasource=ds_combo;//设置下拉列表的数据源
   col.frm.datagrid.datamember="products";
   dts.gridcolumnstyles.add(col);
   
   this.datagrid1.tablestyles.add(dts);
   this.datagrid1.setdatabinding(ds,"products");
   }
   
  ------------如何在datagrid中显示来自不同datatable的数据
   
   有时候听有些朋友抱怨.net的datagrid不是很好用。就我个人的体会,datagrid的功能非常强大,可以使我们随心所欲的完成各种各样的工作,可惜就是实现起来不够简单明了。我对平时经常碰到的一些问题积累了一些解决的方法,现在把它们总结一下供大家参考。
   比较经常碰到的一个问题是:如何将来自不同datatable的字段组合显示在datagrid中?当然,可以将数据合并到一个datatable中,但有时候由于其他限制不能将数据合并,下面提供了一种在datagrid中显示来自不同datatable(同在一个dataset中)的数据的方法。
   
   数据在dataset中的结构
   
   
   我们希望数据在datagrid中如下图显示
   
   
   下面用一个例子说明如何实现将来自不同datatable的数据显示在datagrid中。
   
   基本思路:很显然,datagrid不能同时绑定两个datatable,那么,要使它显示两个不同datatable的数据,就只有在datagridcolumn中下功夫了。以上面的结构为例,我们建立一个继承datagridtextboxcolumn的类datagridjoincolumn,重载getcolumnvalueatrow方法。这个类要实现的功能是:数据源是datatable1,返回值是datatable1.employeeid对应的datatable2.lastname或datatable2.firstname。datatable1.employeeid与datatable2.employeeid是1对多联系,我们将这个联系添加到dataset中,就可以通过getparentrow(relation)方法取得datatable1.employeeid对应的datatable2.lastname和datatable2.firstname的值。具体代码如下:
   
   public class jointextboxcolumn : datagridtextboxcolumn
   {
   string relation; //表示datatable1.employeeid与datatable2.employeeid的1对多联系
   datacolumn col; //表示返回datatable2的列
   public jointextboxcolumn(string relation,datacolumn col )
   {
   this.relation=relation;
   this.col=col;
   base.readonly=true;
   }
   protected override object getcolumnvalueatrow(currencymanager cm,int rownum)
   {
   try
   {
   datarow dr=((dataview)cm.list)[rownum].row;
   datarow parentdr=dr.getparentrow(relation);
   return parentdr[col]; //返回值是datatable1.employeeid对应的lastname或firstname
   }
   catch
   {
   return ""; //避免在添加新行时发生异常
   }
   }
   protected override bool commit(currencymanager cm,int rownum)
   {
   return false;
   }
   public new bool readonly
   {
   get {return true;}
   }
   }
   
   下面的代码说明了如何使用类datagridjoincolumn。新建一个windows程序,加入一个datagrid和一个sqlconnection,连接数据库northwind。 在form_load中加入下面代码:
   
   private void form1_load(object sender, system.eventargs e)
   {
   sqldataadapter sda1=new sqldataadapter("select employeeid,lastname,firstname from employees",this.sqlconn);
   sqldataadapter sda3=new sqldataadapter("select orderid,employeeid,orderdate,requireddate from orders",this.sqlconn);
   
   ds=new dataset();
   sda1.fill(ds,"emp");
   sda3.fill(ds,"ord");
   
   ds.relations.add("ord_emp",ds.tables["emp"].columns["employeeid"],ds.tables["ord"].columns["employeeid"]);
   
   ds.tables["ord"].columns.add("lastname",typeof(string));
   ds.tables["ord"].columns.add("firstname",typeof(string));
   
   datagridtablestyle dt=new datagridtablestyle();
   datagridcolumnstyle dc;
   
   dc=new datagridtextboxcolumn();
   dc.mappingname="orderid";
   dc.headertext="orderid";
   dt.gridcolumnstyles.add(dc);
   
   dc=new datagridtextboxcolumn();
   dc.mappingname="employeeid";
   dc.headertext="employeeid";
   dt.gridcolumnstyles.add(dc);
   
   dc=new jointextboxcolumn("ord_emp",ds.tables["emp"].columns["firstname"]);
   dc.mappingname="firstname";
   dc.headertext="firstname";
   dt.gridcolumnstyles.add(dc);
   
   dc=new jointextboxcolumn("ord_emp",ds.tables["emp"].columns["lastname"]);
   dc.mappingname="lastname";
   dc.headertext="lastname";
   dt.gridcolumnstyles.add(dc);
   
   dc=new datagridtextboxcolumn();
   dc.mappingname="orderdate";
   dc.headertext="orderdate";
   dt.gridcolumnstyles.add(dc);
   
   dc=new datagridtextboxcolumn();
   dc.mappingname="requireddate";
   dc.headertext="requireddate";
   dt.gridcolumnstyles.add(dc);
   
   dt.mappingname="ord";
   this.datagrid1.tablestyles.add(dt);
   
   this.datagrid1.datasource=ds;
   this.datagrid1.datamember="ord";
   }

TOP

返回顶部
AYBlue

Processed in 0.066448 second(s), 7 queries.

当前时区 GMT+8, 现在时间是 2009-1-10 11:30 京ICP备06054220号

清除 Cookies - 联系我们 - 163K.com - Archiver - WAP